Colin’s 10 principles for better type design
- 2015年9月20日
- 讀畢需時 4 分鐘
前言(Introduction):
我发现一个极其严重的问题:糟糕的文字排版让一个精美的设计变的不堪入目
一段精彩的文本应该是让人很愉快的阅读,而不是让人心烦。我将为你送上几条原则和小提示以尽量避免一些常见的排版错误。当然,本文并不是关于艺术布局探讨的,更多的是提供几个小技巧为了更好地使用文字排版罢了。我不太喜欢使用“规则”这个词,这样会让人觉得很害怕。而更愿意用“原则”,这样它们就能很好的引导 做出漂亮的设计。 请记住:“ 不要太死板,它们也仅仅只是建议,正如一句话说的好:“在你打破规则,首先你要了解它 ”。
1. 使用了过多的字型(Too many typefaces! )
人们常常容易犯的错误就是使用了过多的字型以及样式变换频繁。 试试2到3种不同的字型和少量的样式风格吧。这意味着文本应该是一种字型和大小。对于大标题确定一种字型和风格,保持不变;子标题也一样。不用担心字型之间完全不同。因为如果选择两种外形很近似的字型会让人觉得你是因为犯了个小失误才导致前后字型不同,又看起来近似的。请保持颜色或者字距一致吧,否则你的排版设计看起来就像是一个醉汉在页面上走路般乱的。

2. 字距(Spacing )
请注意排版的时候不要显得太拥挤。当你不能把某些内容放到合适的位置时,请不要尝试挤扁它们。选择一种比较窄的字型,或者把文本收缩,保证一定的负空间。对于边缘的处理也是这样,保证留有一定的空间来阅读。

3. 对齐(Alignment )
请不要把任何信息都放置在中心(除非你刻意为之)。保证文本中元素和它周围的元素之间是存在某种联系的。使用参考线吧,这样会更有条理。当然,也不要让你的文本信息跑到页面的角落或者边缘,这样很不专业。

4.不一定要用很多的装饰(Decorative faces aren’t always beautiful)
使用一种漂亮的新字型,这很好,但是并不意味着这能使你的信息得到加强;相反,你需要克制自己通篇使用这样的字型。因为对于一种起装饰作用的字型有可能是特殊用途:比如在标题或者头条等等。一般说来,简洁就好;这也是Helvetics字型如此成功的原因所在

5. 字号(Size matters)
请认真思考下字型文本的大小问题。标题的文本就要大一点,粗一点;但是段落文本主体太大,看起来会显得很掉档次。试想一下,你在一家餐厅用餐,菜单上的价格写的都比较小,会不会看起来很高贵的样子(不过是在能看清文本内容的情况下)。另外就不要担心标题的文字会比段落的大了。

6. 易读性(Readability)
不论你怎么做,最起码要保证别人能够阅读你的信息。黑色的文本写在暗色的背景页面上,并不好。黑色的文本写在暗色的背景页面上,并不好。请记住:简约至上。没有什么比:“文本信息只是为了传递交流信息”更来得靠谱了。

7. 字体的颜色(Color)
文本选择什么颜色最合适?一般说来,不管信或不信,白色和黑色是最合适的。为啥这么说?因为灰色调有强烈的values。在使用色彩的时候尽量稍微减弱一点饱和度。文本使用比较亮的色彩阻碍阅读;谨慎使用强对比色,比如直接使用红色和绿色。一大片各种各样的色彩集合可能并不是你最合适的选择。

8. 整齐(Grouping)
把相关的文本信息小范围的集中,会使得整体很有序,很干净。比如:一张电影海报,所有重要的信息会集中在最吸引人的地方,这个小整体可以看做是一个新的元素。

9. 视觉引导(Leading)
这里提到文本句子之间距离。拉开文本间距显得非常棒,在文本行之间有足够的负空间更容易吸引人继续阅读下去。一般说来,为了最好的阅读体验,行间距至少保证比字型大2点。

10. 字距调整(Kerning)
字距调整是单个字符之间的调整。在使用ps时,一个大写字母后面跟着小写字母,字母的间距会比较宽,甚至可能超过字符串的间距。看着前3个字符串,调整合适的间距;一次就调节3个字符串。之后,当字母的间距不正常了你就会自然地本能的发现了;不要试图去改变字符的高宽比,不论是拉伸还是压缩(我不知道,到底是谁整出这样的一个功能,差劲的功能)。然后如果你不喜欢可以换取不同的字型。小技巧:按住Alt/Option键然后使用向左的箭头或者向右的箭头进行字距调整。

结语(Conclusion)
(试着)把以上提到的小技巧应用到你的设计中。事实上,一个好的文字排版在没有照片的情况下应该是很突出的。最好的情况,你的文本排版强化你的设计,吸引人去阅读它,并且是很轻松的。
















留言