上周,我的一位读者提出了一个问题:我如何成为一名更好的视觉设计师?
当我在思考如何回答这个问题时,我的思绪依赖于我学习普通话的经验。 最近,我决定自学普通话。 在学习新语言时,首先必须从基础知识开始。 名词,代词和动词构成了传达更复杂思想的基础。
语言是人们将概念相互交流的一种方式。 视觉设计是一种视觉语言。 学习视觉设计与学习新语言没有什么不同。
良好的视觉设计并非诞生。 它们是制造的。 成为更好的视觉设计师的关键是严谨。 如果您有意识地努力,您将只会作为视觉设计师进行改进。
以下是您应该掌握的一些基础知识,以便您将视觉设计提升到新的水平。
基础#1:回到类型的基础知识
您可以通过查看排版来了解设计师。 这是因为类型是设计的基础。
您只需输入类型即可创建整个设计。 您还可以基于类型设计基础,从您选择的字体中获取微妙的队列。 为了改善设计中的排版,首先要学习基础知识。
开发用于描述类型的词汇表。 了解跟踪,字距调整和主要方法等术语。 您应该知道的印刷术语的精美插图词汇是学习这些术语的绝佳视觉资源。
然后,如果您想全面了解如何将排版应用于Web,请阅读Web排版:应用于Web的排版样式元素。
最后,学习如何将字体组合在一起。 FontWolf和FontPair是一个很好的资源。 能够将字体配对在一起将极大地改变您的设计动态。
为了更深入地探索排版,你可以阅读我的文章:排版可以使你的设计...或打破它。
基本原则#2:利用空间创造平衡
间距有助于在您的设计中建立垂直和水平运动。 它对于创建视觉层次结构和形成元素之间的关联至关重要。
您可以随时查看Behance和Dribbble等网站,了解如何使用空间元素。 但是,发展自己的直觉来利用空间来创造平衡和视觉和谐非常重要。
在学习排版时,您可能已经注意到间距类型的重要性。 调整字距和字体前导是一种很好的练习方式,可以培养你的间距。 因此,我建议您尝试使用KernType,这是一款将您的字距调整解决方案与印刷工作者解决方案进行比较的游戏。
另一项有助于培养您眼睛的练习如下:采用现有设计,绘制x和y轴,将设计简化为基本形状,分析设计如何平衡,然后重新排列元素。 密切关注负空间如何影响元素的平衡。
基本#3:使用大小来建立视觉层次结构
在创建视觉层次结构时,大小调整是首屈一指的。 通过使用大小来传达元素之间的视觉关系,您可以建立流程。
大小调整是网格有用的原因之一。 您可以使用网格来帮助您使用比率来调整元素的大小以表达重要性。
确定元素的大小后,在所有实例中保持相同。 在设计中,一致性是王道。
这是一个练习,有助于培养你的尺寸。
关键是要求反馈。
草绘或线框化着陆页。 然后请朋友看看你的设计。 让他们圈出最突出的元素。 然后,让他们根据视觉重量对带圆圈的元素进行编号。 结果是你所期望的吗?
在进行此练习时,请记住以下问题:
目标网页的转化目标是什么? 您如何优化以实现目标?
不同元素之间有什么关系? 你想强调哪些元素?
您的布局是否成功引导用户注意整个页面?
基本#4:用颜色来表达意义
颜色扮演很多角色。 它传达意义,创造情感共鸣,并为设计带来统一。
要深入了解颜色,您可以阅读我的文章Designing in Color。 以下是文章中的几个要点。
在选择调色板之前确定设计的目的。 良好的设计使其调色板与其目的一致。
确定您的受众群体。 人们对颜色的看法不同。 颜色根据个人偏好,文化教养和经历对人们产生不同的影响。
选择调色板时,简洁是关键。 选择中性背景颜色。 然后选择主要和次要强调色。 最后根据您的其他颜色,为您的不同UI状态选择错误和成功颜色。
一旦掌握了色彩理论的基础知识,色彩就会归结为实验和迭代。 积极尝试突破您的舒适区并尝试新的调色板。
这是一个有助于培养你的色彩的练习。
花时间为你周围的事物编辑调色板,比如照片,杂志和你最喜欢的节目。 然后采用现有设计并为其应用新的调色板。
注意它如何改变设计的情绪和基调。 它也改变了意义吗?
把你的工作视为一种工艺,因为总有一些东西你可以改进。 依靠自己成为成为更好的设计师的动力。
您可以在我每周发布的简书中找到我。 或者你可以在微博上关注我,在那里我发布关于设计,前端开发和虚拟现实的非感性翻译。
附: 如果您喜欢这篇文章,请您点击并与朋友分享。