3种妙招来增强你视觉设计技巧

给视觉设计新手准备的快速提示

在观察了数十个初级设计师的作品集后，我发现了一种趋势。设计者（大多来自训练营）中主要侧重于UX和宣传设计思维，这种设计思维是像IDEO这样的咨询服务公司大力宣扬的。然而他们缺少的是将生活注入到设计中，作品集在展示艺术学校所教的视觉设计元素时很是失败。

截至2017年4月，在Glassdoor的一项快速搜索表明，现在的公司更愿意雇用熟悉掌握端到端设计的产品设计师。

我职业生涯的开端是作为一个平面设计师，那时我通过反复试验和改正错误学习布局和构图的艺术。反思我的这段旅程，自从我第一个学校项目后我取得了很大的进展。

即使对于Kanye来说......它有点太过于有力量了

幸运的是视觉设计技能能随着时间的推移不断的被学习。下面是我近来的项目之一：

今天我将会分享大家介绍3个小技巧来提高你的视觉设计技巧。

1 - 建立视觉层次

视觉层次是根据相对重要性的顺序来组织信息，并且它是通过在布局上整理组件来建立的。拥有强烈的视觉层次和构图的设计能够无隙引导你的眼睛来传达信息。例如，让我们来看看Airbnb是如何在其网站上安排组件的：

你的眼睛首先会看向什么地方，是以一种怎样的视觉流？如果你不确定，尝试将页面转换成灰度图像。注意你的眼睛是如何被一个更大更深（更饱和）的组件所吸引的。

视觉层次是通过安排组件的位置来首先传达高优先级信息，其次传达此优先级信息。这通常是平衡用户需求和商业目标的运用。对于Airbnb来说，它的商业目标是提高相关账户的注册量，而用户需求是寻找住宿的地方。换句话说，在这个页面上商业目标胜于用户需求。

强烈的视觉层次和构图将流畅地在布局中引导你的眼睛。失败的视觉层次会造成误解或混乱。

来看看这几个反面教材吧：

当你在联系建立视觉层次的时候觉得遇到瓶颈时，你可以使用不同的组件风格来创建多种多样的设计，并且可以用黑白对比技术。这里在组件上有几个建议：

• 字体-更大、更粗的字体更吸引眼球，但应谨慎在 上使用。
• 线条 -线条能够帮助信息形成不同的组，作为布局网格使用，并能填补尴尬的空白。
• 颜色 -较深、更饱和的色彩，能够吸引更多的关注。
• 形状 -简单的形状（圆，三角，正方形）通常会使得页面更有艺术感。
• 图像 -图像可以是诱人的，但要尽量远离 。
• 留白 -留白是你最好的朋友。用它来给信息隔离分组或隔离（强调）重要的信息。

2 - 使用格式塔原则

“通过将目标和已选高冲击力的格式塔图片匹配起来，我们可以缩短距离以便进行有效的沟通” - Gregg Berryman

图片/背景

一般来说， 背景是其中图 （对象）存在的地方。我们的目标是保持关注于数字 ，并明确将它与背景区分开来。高对比度的颜色设计可以建立一个更强烈的图片/背景关系，而低对比度的颜色设计将有一个更弱的关系。新手应该保持背景简单（微光或细微的纹理）和图像的颜色数量有限制。

接近性

在接近的对象在视觉上会自动被视为一组。接近性与颜色组合时会显得更加明显留白——接近的反面——可以加强分组或隔离不相关的对象。

相似性

类似的对象，会自动被认为是相关的。相似性在有相同的颜色，形状，大小，或方向的对象中表现明显。使用相似性将相关的对象联系在一起。

连续性

人眼跟随着直线，曲线，或按照一定序列的对象移动。当连续性对象与其他对象相交时，我们的眼睛会自然感知这些对象作为独立的实体（不分组）。使用颜色可以进一步加强连续性和流动。

我们会自然地根据对象的连续性来区分对象。

封闭性

不完整的对象，或未完全封闭的空间，被认为是一个整体，是因为我们的大脑会自动填充空白的部分。设计师可以使用封闭性来创建具有视觉冲击力的图形。

3 - 检查你的字体！

先从2种字体开始

14px是最小的body字体大小

线高度= 1.5-2x字体大小

行高度是指段落中句子之间的空间量。太小的线高度会使得文本看起来拥挤，太大的线高度会使得句子感到断开。

最佳句子字符数目- 66个字符

“任何45到75的字符长度被广泛单页中一行视为最令满意的长度。66个字符的行（包括计数字母和空格）被广泛认为是理想的。” -Robert Bringhurst

其他视觉设计技巧

• 
  除非你真的很喜欢插图，最好快捷地使用免费的图标库，例如 ， ，或 。
• 当垂直居中物体时，将其放置比真实中心略高的位置来调整光学错觉