不该打破的设计规则 - 上篇

在设计中，我们常被允许、鼓励打破设计规则，这时你至少需要知道这些规则，才能正确的打破它们。

本文列出了一些基本的规则和技巧，从字体、排版到色彩、样式，涵盖了大部分设计中常见的错误，帮助你在设计中避免它们。

1.不要忘了字间距。

 

设计中糟糕的字间距是常犯的错误，初期定好恰当的字间距很重要。

字间距是指两个字母之间的距离，这也许看起来不起眼，但是好的间距会使你的设计更加美观、有序。

2. 不要为了视觉的美感而忽略文字的可读性/清晰度。

设计的首要任务是与用户进行信息交流，所以把文字的可读性和清晰度放在首位是有道理的。

是什么妨碍了文字的可读性和清晰度呢？我们列举了如下情况：

文字色与背景色对比不明显：

需通过提高两者间的对比度来解决。

滥用大写字母：

大写字母在带给用户“大声呼喊”般震撼的同时，也会影响眼睛对字母的辨识度。这是因为当文字都大写时，每个字母都是相同高度，并且都是相似的方形，而小写字母的高低不齐更易被辨认。

文字过小：

有时为了让设计看起来精致，我们会缩小字号，但请换位思考一下，用户在阅读这些小字时是否会觉得困难？

有一个方法是找其他人来实际体验以发现问题，因为我们可以很容易辨认自己设计中的文字，但其他人不会。

千万不要为了追求美观，而牺牲与用户的顺畅交流，请谨慎对待你的排版！

3. 文本宽度保持在适合的范围内。

你是否很吃力的阅读过一篇文章？或在阅读过程中一次次迷失在文字的换行中？其实这些都是因为文本宽度设置不当。

文本宽度的黄金数字是：每行不少于6个单词，且一行大约30～40个字母（包括空格）。过少会导致频繁换行，过多则会让句子变的冗长而难以阅读。

4. 让文本显得有层次。

 

和许多自然法则一样，一个完善而清晰的结构层次会很有效。

在设计中，视觉元素的组织关系到文字层次，可以凸显重点信息。因此，重要的部分需要用字号、颜色、字体等方式加以突出，无关紧要的部分就让他们普通一些。

元素的层级结构在排版中最为明显，让我们看一下上图的实例。左图邀请函中所有的文字都是相同的字体、字号和粗细，在你快速浏览时，重要信息很容易被忽略。右边的例子则相反，使用了不同字体以拉开层次，并将文字中的重要信息，在颜色、字号和粗细上加以强调，使信息更容易被识别。

请有原因的强调你的文字。

5. 保持单词间适当的距离。

作为一名设计师，处理文字是一项必要而艰巨的任务。要考虑很多规则和要点，其中一条格外重要：单词间距和字母间距。这里有两个主要的参考标准：Tracking 和 Leading。

Leading: 行间距。

Kerning: 两个特定字母间的距离。

Tracking: 指定区域内，统一的字母间距。

Leading:指每行文字之间的垂直距离。许多因素会影响到行间距，例如字体，文字数量等。有一个经验：当每行文字都较长时，通常适合更大的行间距。

 

Kerning & Tracking:

Kerning 值一般是手动调整的，当你遇到大量文本且设计交付时间很紧的情况，没有时间去手动调整每个字母间距时，Tracking 就派上用场了。Tracking 工具会统一调整整段文字的字母间距，可以很好的规避排版中的过大空隙或不协调行宽。

这里有一个技巧：较大的 Tracking 值对应较长得句子，较小的 Tracking 值对应较短的句子，这样可以获得最佳的可读性。

另一个技巧是：文字较少的段落，最好手动调整字母间距。

当然，这些都取决于实际的字体和情况。

6. 使用正确的对齐方式。

不论你是设计行业的老手还是新人，一定都接触过对齐工具。

对齐方式有四种：左对齐、右对齐、居中对齐和两端对齐，让我们快速浏览一下它们的使用规则。

左对齐：最常见的一种对齐方式，之所以常见是有道理的，因为它使文本更易于阅读，左侧边界整齐而美观。

在排版难以确定时，用左对齐是最保险的方法。

右对齐：修饰性的文字或某些印刷品中常会用到右对齐，不过它并不适用于大段的文字，因为他违背了人们从左到右的阅读习惯，参差不齐的左侧边缘会使阅读更加困难。

居中对齐：很多领域都会运用到居中对齐，如海报、邀请函、logo设计等，它易于保持文字与版面间的均衡，并有助于美观。它同样不适用于大段文字，因为边缘不整齐的文本会造成阅读困难。

两端对齐：它有时具有欺骗性，整齐的左右边界，不正是你想要的完美排版吗？在某些情况下，两端对齐是一个不错得方法，小说的排版就经常用到它。但是它也存在问题，如果一行仅有几个单词，它会把文字从左到右生硬得拉开，留下不协调的单词和字母间距。