成功网页设计师的20个基本技能

从排版到沟通,学习网页设计师应该具备的技能。

终极网页设计
从101到高级,学习如何在Webflow中建立站点与超过100课-包括HTML和CSS的基础知识。
开始课程
免费的课程

作为一个网页设计师,需要将视觉效果和内容和谐地结合起来。但是,协作和沟通等非技术技能也很重要。

拥有20个网页设计师技能

这里有20种技能,无论你处于职业生涯的哪个阶段,都能帮助你成为一名设计专家。

1.了解设计原则

你不需要知道音乐理论来写一首歌,如果你从来没有上过艺术课,你仍然可以画画。我们中的一些人可能有天生的艺术能力,但知道基本的基础可以创造你所看到的和能够建立一个精心设计和独特的设计之间的差异。

基本视觉设计原则,更深入地探讨了植根于格式塔心理学的视觉设计原则。这些基本原理是网页和平面设计的基础,知道这些很重要。无论你是在设计作品集还是平面广告,这些概念都可以帮助指导你的工作。让我们快速回顾一下。

出现

我们倾向于把视觉刺激作为一个整体来处理,而不是专注于单个的部分。涌现指的是看到画面的排列,并立即理解它们所代表的内容。当某件事打破了一个模式,我们就会意识到它的组成部分。

具体化

物化是只使用对象的基本部分使其可识别。它可以让你在设计中保持克制,同时仍然传达意义。

不变性

不变性是能够在你的设计中使用有品位的不一致性,使一些东西从一组相似的物体中脱颖而出。不变性的使用允许您突出显示设计的部分。

2.排版

FontReach顶部字体页面。
网站字体达到帮助您紧跟排版趋势,并告知您的字体选择。
精神之眼通过文字而不是文字来聚焦。任何一种类型,通过任意扭曲的设计或过多的“颜色”,妨碍了要传达的精神画面,是一种糟糕的类型。

——选自比阿特丽斯·沃德的水晶杯

版式塑造了我们对思想的看法。字体的重量和几何形状传达了含义,作为设计师,重要的是要知道用适当的排版选择来传递信息的最佳方式。

所有的字体选项都让新设计师很难知道该选择什么。实用的字体如Georgia、Verdana和Roboto可以很好地用于主体复制,而装饰性较强的字体应少量用作装饰。优秀的设计师知道类型样式之间的区别以及在哪里使用它们。

网上有很多资源可以帮助你拓宽排版知识。正在使用的字体显示应用于各种媒体的不同字体。这样的工具网页设计师的字体组合可以给你一些可能的搭配。

3.作文

Bauhem主页

文本、视觉效果和其他元素的排列既有艺术目的,也有实用目的。设计的视觉和谐,思想的组织和层次。重要的内容应该引起我们的注意而且看起来很好。

一个良好的布局包括通过对比、负空间和比例元素来创造平衡。注意你周围的设计——网站、绘画、电影场景、广告牌。你越能意识到和识别好的构图,它就越会出现在你自己的设计中。

4.色彩理论

色彩理论

基本的概念,比如结合原色来创造新的颜色,会帮助你制作令人愉悦的调色板。

作为一名设计师,你应该熟悉色轮,以及互补色、对比色和类似色是如何一起工作的。

使用冲突的颜色是困扰初学设计师的常见错误。一点视觉上的不协调可以使设计变得有趣,但是冲突的色调也会使布局变得丑陋和难以阅读。文本、行动号召和标题应该使用能够很好地协同工作的颜色,并保持强烈的易读性。理解和知道什么时候使用明暗、对比度和饱和度也是网站设计中重要的色彩技巧。

对颜色理论的理解将使你在组合颜色时不再瞎猜——试错可能是一件很糟糕的事情。”网页设计101:色彩理论是一个很好的开始。

5.设计软件

Adobe Illustrator, XD, Photoshop, Figma和Webflow是设计师应该熟悉的几个设计软件程序。你应该掌握照片编辑的基本知识,并有能力调整基于矢量的图形,比如你可能遇到的标志。

对于预算有限的人,可以使用免费的照片编辑软件Gimp或者是基于向量的会让你不用花一大笔钱就能做你想做的事。而且,当你开发你的网页设计技能时,像Motion或After Effects这样的动画软件是方便的工具,可以为你的工作添加运动和活力。

然后是创建网站的平台。Webflow有一个直观的界面,为您生成完美的代码-我们认为它是完美的选择。

6.内容管理系统(CMS)

webflow cms

知道如何使用CMS,比如从Webflow模板收集这个博客Fashionlatte,使得处理大块内容的负担大大减轻。

对于博客文章、食谱或活动等需要定期更新的内容,CMS将简化这一过程。使用CMS链接相关数据和定制模板将使争论内容变得容易得多。Webflow有内置的带有模板的CMS功能,可以让您创建所需的内容。

7.响应设计

响应式设计是web开发过程中的一个关键组成部分。指导方针响应设计确保HTML、CSS(级联样式表)和JavaScript元素(如菜单、文本和按钮)在任何地方都清晰可用。

响应式设计确保了内容的一致交付。它的工作原理是有一个主布局,调整以适应它所加载的屏幕。确保你的设计适用于不同的设备,可以在不牺牲用户体验的情况下吸引更多用户。有了Webflow这样的工具,你不需要依靠web开发人员来实现响应式设计。

8.用户体验(UX)

用户体验关注的是用户对设计的情感反应——网站的可用性和交互和动态元素的结合,使设计成为一种乐趣。用户体验旨在塑造一个人的体验,同时吸引他们并引导他们通过网站。

最佳用户体验实践包括:

  • 整洁的布局,负空间和有逻辑组织的内容(清晰)
  • 直观的设计和内容侧重于人文,而不是机械,体验(同理心设计)
  • 针对受众的设计和信息,以满足他们的需求(了解您的受众)

查看我们的用户体验阅读清单并学习如何将更好的用户体验集成到自己的项目中。

9.用户界面(UI)

用户体验更关注设计如何影响用户的广泛方面,而UI则关注特殊性。网页、按钮、菜单和微交互都是UI的一部分。这些元素引导观众通过设计,不受阻碍,获得流畅的体验。

UI涉及可用性的许多不同方面,包括:

  • 导航元素和简单直观的界面
  • 行动号召,引导人们在最短的时间内做你想让他们做的事情
  • 在使用你的设计时,你的受众可以遵循和学习直观和可重复的操作

我们还有一个UI阅读表这将有助于扩展你的知识。

相关阅读:前端开发者应该使用Webflow的7个理由

10.平面设计

平面设计墙

网站和平面设计共享一个相似的创意空间。两者都涉及制作视觉效果的艺术性。但是,虽然网页设计是一种媒介,不断的变化和更新是任何项目的一部分,平面设计是关于创造持久的视觉效果。设计一个网站或一个标志可能是不同的设计学科,但它们都是品牌的一部分。

图形设计技能将使你的技能集更加完善。知道如何创建手绘排版,自定义插图,和其他类型的创造性繁荣将提高你的网页设计工作

相关阅读:网页设计与平面设计的7个不同之处

在网络上释放你的创造力

构建完全定制的、可生产的网站——或超高保真的原型—欧宝体育在线首页—而不需要写一行代码。只有Webflow。

订阅成为Webflow Insider
谢谢你!您现在已订阅!
哦!订阅时出了问题。
免费开始

11.照片编辑

一个精心挑选的图像可以通过增加颜色和清晰度来辅助设计。即使是普通的照片也可以通过一点照片编辑魔法变得栩栩如生。拥有一双训练有素的眼睛来调整颜色级别、亮度、饱和度和对比度等东西,可以让平淡无奇的照片看起来很棒。

12.耐心

交通中的汽车

无论你是被整合客户的反馈难住了,还是不知道如何简化导航,还是对你的设计生涯的节奏感到沮丧,耐心都是你需要的技能。

如果你发现自己准备拔头发,退一步做点别的事情。改变一下环境会让事情有所改变,并有希望帮助你找到解决你所面临问题的方法。如果没有,试着简化项目。

耐心是一种与人相处的技能。客户不是设计师,在他们理解你的意思之前,你可能需要用不同的方式解释事情。有耐心会让你成为一个好同事。没有人愿意和一个脾气暴躁的人一起工作。冷静点,好吗?

13.妥协

妥协可能很难。你辛辛苦苦做了这么漂亮的设计来炫耀你的才华。但如果客户不喜欢,你可能需要杀死你的宠儿。这可能会对你的自尊造成痛苦的打击,但前提是你要顺其自然。

不要在工作中投入太多感情。你可能在某件事上花了好几个小时,但如果它不能满足你的观众或客户的需求,当别人告诉你必须放弃它时,不要太在意。

这并不是说你应该屈服于每个要求,而是要选择你的战斗。如果该元素对设计的可用性或品牌有帮助,那么要清楚地说明为什么应该保留它。

14.自我意识

了解自己的局限性会大有帮助。

我们中有多少人声称自己精通实际上知之甚少的软件?或者自称是搜索引擎优化专家,或者精通十几种编程语言,而我们却不是?有人说假装成功直到成功。但如果你是装的,很有可能会被抓。

不要承诺你做不到的事情。说“是”很容易,希望一切都能解决,但你正在为自己设置很多压力和潜在的失败。要真诚,只给客户你能提供的。与此同时,开始学习剩下的!

15.纪律

模拟时钟

自由职业者尤其需要纪律来提高工作效率,并按时完成总是比我们预期的快得多的截止日期。欧宝体育在线首页

时间管理是其中很重要的一部分。开始工作意味着关闭社交媒体,让自己远离干扰。建设性地利用你的时间来享受设计过程,这是一个稳定的漫步,而不是疯狂的匆忙。

管理好你的职业道德和提高知识和技能的纪律是很重要的。设计博客、在线课程和聚会将帮助你跟上行业的变化。

16.沟通

墙上的电话亭

人际交往技能和像素技能一样重要。以非设计师能够理解的方式解释你的项目愿景是非常重要的。涉众可以包括从营销部门到创始人的任何人,你需要能够沟通你在设计什么,以及它将如何实现项目目标。

很多设计都是一个孤独的追求,但走出你的创意泡泡,成为一个积极的倾听者,并交流你正在做的事情仍然很重要。

17.文案

写作是什么?写作是心灵感应。

——斯蒂芬·金在写作

设计师应该是作家吗?作家应该了解设计吗?了解文案和设计是如何一起工作的会让你在这两个方面都更有效率。

优秀的写作和设计都是关于产生影响。你需要能够识别过于冗长的内容——也许你会把它发回给作者简化,或者,如果你会写,你会自己处理编辑。

当你看到出色的设计时,你就会知道,因为这是你的专业领域。能够识别好的文章,以及是什么让它变得好,这将帮助你培养自己的写作技能。

相关阅读:设计师应该写作的4个理由

18.商业策略

我们不期望你成为一个业务专家,但你需要知道你的设计将如何帮助客户实现目标。

有战略意义就是把注意力集中在重要的事情上,集中在那些能给我们带来相对优势的少数目标上,集中在对我们重要而不是其他重要的事情上,并坚定地计划和执行由此产生的计划。

——理查德·科赫

对那些人来说,尤其是在公司领域,砸钱解决问题是很容易的。但是要经常用分析的思维来思考解决方案是否有效。有时候客户不需要完全重新设计网站——一点搜索引擎优化和导航调整就足以吸引更多的用户。

19.搜索引擎优化(SEO)

这属于文案和数字营销领域。创建可在谷歌中搜索的内容是获得关注的关键。好的搜索引擎优化包括将关键词和短语自然地编织到内容中。重要的是要认识到,当SEO感觉被迫,抛弃了可读性,并应重做。

相关阅读:网站SEO:谷歌排名的终极指南

20.注重细节

有效的设计不是偶然实现的。设计选择,如导航,布局和配色方案应该深思熟虑。对细节的关注应该触及设计的每一个部分。

确保你的设计的每个部分都是有目的的,这会让你的工作更紧凑。

网页设计不仅仅是制作优秀的网站

像许多职业一样,网页设计师需要广泛的技能。就像设计的视觉语言一样,排版、颜色和空间的使用在一种迷人的平衡中融合在一起。您应该熟练掌握指导原则,从而使工作有效且具有美感。

沟通、毅力和耐心等技能会让你成为更好的设计师而且人类。当你的姐妹批评你的平行停车时,管理好客户的反馈是保持冷静的好方法。成为一名优秀的设计师也意味着成为一个好人。但不一定是好司机,抱歉。

作为设计师,什么技能对你最有帮助?请在下面的评论中告诉我们。

发表

2020年5月18日

类别

网页设计

加入对话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

CSS、HTML和JavaScript在可视化画布中的强大功能。

的相互作用

可视化地构建网站交互和动画。

更多关于交互

CMS

定义您自己的内容结构,并使用真实数据进行设计。

更多关于CMS的信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新网站内容。

关于编辑器的更多信息

举办

设置闪电般快速的托管在短短几次点击。

更多关于托管
Baidu
map