原文 Before you can master design, you must first master the fundamentals
这篇文章让我有我茅塞顿开之感,终于知道该从何练习基本的视觉设计。并不是会用sketch,ps就能自称设计师的。就像学一门语言要先从基础的名词动词和语法学起。学习设计,也要从基础入手。所以简略记录文中讲到的重点和方法,从基础开始补起,希望自己的设计能力能有所提升。
1 学习基础的字体和排版
你可以仅用排版和字体进行一个很好的设计。
学习字体相关的知识,知道tracking, kerning, leading这些词的意思。
这篇文章就提供了很好的解释
https://designschool.canva.com/blog/typography-terms/
然后,如果你想运用字体排版知识到web上,再看看这里
https://webtypography.net/toc/
最后,学习怎么搭配不同的字体。
FontWolf
FontPair
2 学会用留白制造平衡
留白会在你的设计中建立横向和纵向的律动感。制造视觉上的等级,在元素之间建立连接是非常重要的。
可以经常看看 Behance和dribbble来找寻灵感。但训练你自己的运用空间制造平衡和视觉层次的直觉更加重要。
在学习排版的时候,你应该已经注意到了空白在字体中的重要性。调整kerning和leading是很好的练习,练习用你的眼睛测量空间距离。
所以,我建议你试试 KernType,这是一个小游戏,你可以比较你自己的kerning和字体设计师的kerning有什么不同。
另外一个练习眼睛的方法是:找一个别人的设计,画x轴和y轴,将这个设计简化为基本的形状,分析这个设计是如何平衡的,然后重排元素。要非常注意负空间是如何影响设计的。如下图所示:
3 用大小来建立视觉层级
元素大小应该是最直观的建立视觉层级关系的方法。这也是为什么网格是非常有用的。你可以利用网格来设计不同大小元素的比例。
当你确定了某个元素的大小,记住要始终保持一致。一致性在设计中的重要性如何强调都不为过。
下面介绍一个针对size的练习:
用线框图画一个landing page。然后找朋友来看你的设计,让他们圈出来设计中最突出的元素。然后,让他们为这些圈出来的元素根据视觉比重标上序号。看看和你预期的是否一致?
当做这个练习的时候,时刻问自己:
- 这个页面的转化目标是什么?如何优化?
- 不同元素之间的关系是什么?你想强调哪些元素?
- 你的设计是否成功的引导了用户的浏览页面的顺序?
4 用颜色传达意义
你可以读读 designing in color这篇文章。
文中要点如下:
- 选颜色方案之前先明确设计目的。好的设计会选择与目的契合的颜色方案。
- 知道你的受众。不同的人对颜色有不同的感觉。来自不同文化,不同背景的人对颜色的感知也不一样。
- 选择颜色的时候,注重简约。选择一个中性色作为背景。然后选一个主要强调色,和一个次要强调色。最后基于你选择的颜色,再确定一个表示“操作成功”和“操作失败”的颜色。
一旦你对基本的颜色理论有了了解,下面就依靠不断地实验和调整了。多试试你不怎么常用的颜色来走出舒适区。
下面是针对颜色的一个小练习:
从一些摄影作品或者杂志上提取一组颜色,然后应用在已有的设计上,看看这组新的颜色会如何改变这个设计,记录设计的氛围,感觉是如何被改变的。