自称设计师之前先学会这些基础

2017-04-05 本文已影响291人 LesliePeng

这篇文章让我有我茅塞顿开之感，终于知道该从何练习基本的视觉设计。并不是会用sketch，ps就能自称设计师的。就像学一门语言要先从基础的名词动词和语法学起。学习设计，也要从基础入手。所以简略记录文中讲到的重点和方法，从基础开始补起，希望自己的设计能力能有所提升。

1 学习基础的字体和排版

你可以仅用排版和字体进行一个很好的设计。

1-vpYtKQ-Dpf74I697FrWTZQ.png

学习字体相关的知识，知道tracking, kerning, leading这些词的意思。

然后，如果你想运用字体排版知识到web上，再看看这里
https://webtypography.net/toc/

最后，学习怎么搭配不同的字体。
FontWolf
FontPair

留白会在你的设计中建立横向和纵向的律动感。制造视觉上的等级，在元素之间建立连接是非常重要的。

1-Go7ZCGcIMD8t4W-XQ9M8fA.jpeg

可以经常看看 Behance和dribbble来找寻灵感。但训练你自己的运用空间制造平衡和视觉层次的直觉更加重要。

在学习排版的时候，你应该已经注意到了空白在字体中的重要性。调整kerning和leading是很好的练习，练习用你的眼睛测量空间距离。

所以，我建议你试试 KernType,这是一个小游戏，你可以比较你自己的kerning和字体设计师的kerning有什么不同。

另外一个练习眼睛的方法是：找一个别人的设计，画x轴和y轴，将这个设计简化为基本的形状，分析这个设计是如何平衡的，然后重排元素。要非常注意负空间是如何影响设计的。如下图所示：

1-8BkonUnCDEgfhmwxESTI7g.png

元素大小应该是最直观的建立视觉层级关系的方法。这也是为什么网格是非常有用的。你可以利用网格来设计不同大小元素的比例。

当你确定了某个元素的大小，记住要始终保持一致。一致性在设计中的重要性如何强调都不为过。

下面介绍一个针对size的练习：

用线框图画一个landing page。然后找朋友来看你的设计，让他们圈出来设计中最突出的元素。然后，让他们为这些圈出来的元素根据视觉比重标上序号。看看和你预期的是否一致？

当做这个练习的时候，时刻问自己：

你可以读读 designing in color这篇文章。

文中要点如下：

选颜色方案之前先明确设计目的。好的设计会选择与目的契合的颜色方案。
知道你的受众。不同的人对颜色有不同的感觉。来自不同文化，不同背景的人对颜色的感知也不一样。
选择颜色的时候，注重简约。选择一个中性色作为背景。然后选一个主要强调色，和一个次要强调色。最后基于你选择的颜色，再确定一个表示“操作成功”和“操作失败”的颜色。

一旦你对基本的颜色理论有了了解，下面就依靠不断地实验和调整了。多试试你不怎么常用的颜色来走出舒适区。

下面是针对颜色的一个小练习：
从一些摄影作品或者杂志上提取一组颜色，然后应用在已有的设计上，看看这组新的颜色会如何改变这个设计，记录设计的氛围，感觉是如何被改变的。