【译】对!要比~

发表于 讨论求助 2018-12-05 03:33:50





这篇译文我依旧把它划定为“B2B”系列(Back to Basic:回到基础),文字必须是平面设计、UI设计、展陈设计、多媒体设计……的基础,学设计大概要先“识字”,这个”识字“包含两个层面:一是字形,二是编排。文字是视觉层面中传递信息最有效的方式之一(另一个是图),废话不多说,原文如下:https://designshack.net/articles/typography/tips-for-using-contrast-to-enhance-readability/

作者:CARRIE COUSINS  翻译:南信院视传 / 扑热息痛






利用对比增强易读性的一些技巧



好设计一定是易于阅读的。若没有清晰的内容及易于理解、消化的设计形式,是很容易丢失作品所要传达的信息的。这就是它(易读性)为什么如此重要的原因,任何设计作品都必须易于阅读。


关于易读性设计是字体排印领域里重要的一环。对比则是增强易读性的关键。通过理性、逻辑地编排文本,使用户准确地理解你要说的内容。



  • 色彩对比



字符必须从背景里“跳”出来,它们必须要有较强的存在感以便吸引我们的眼球(译者注:所谓,吸睛……%>_<%)


增强色彩对比的方法千千万,最常见的就是“白纸黑字”(或黑字在浅色的背景上),因为它很有效。(黑纸白字也同样有效)


当我们进行文字编排的时候,考虑文字如何出现在背景中是至关重要的。它们(文字)清晰可见吗???当我们在图片或视频上放置文字的时候要着重考虑!因为这时背景中的颜色可能会因为屏幕大小变化或画面移动而产生位置变化。(译者注:大意就是当背景颜色会产生变化时就特别要注意文本和背景是否一直能产生良好的对比度……原谅我的英文水平)


有个办法解决上段文字中提到的情况,就是在图片或视频上覆盖一个颜色图层,这样来保证文字的易读性(译者注:见图 1……说明一下啊,原文中是没有这个图例的,为了方便大家理解,我硬是自己做了一个图例,考虑到现在是樱花盛开的季节,就拿樱花做范例了,给我?吧)具体来说,可以覆盖一个深色或浅色的色块,这样管它背景如何兴风作浪,我都能保证文字的良好易读性。


图 1


另一个选择,在图像或视频上赶走文本,让他们并排。这就提供了两个空间,而不会让他们(译者注:背景图和文字)之间互相“打架”互相“牺牲”。(译者注:我又硬做了一个例子,图 2)


图 2



  • 字形的对比



另一个让文字“吸睛”的方式是制造各种字体和样式的差异、对比。视觉兴趣随着字体的不同而增加,上图中 Logo 的处理方式就是这样——利用手写体与衬线体的搭配来实现“吸睛”的效果( Le Farfalle )


每种字体本身就很有趣,字体间的差异创造了构图上更多的可能性。


不同字体搭配需要些小技巧,差别较大的字体搭配在一起时会让读者“虎躯一震”留下深刻映像。相反,一些比较相近的字体搭配在一起使用,普通用户会看不出他们的区别,比如,仅仅在 x-height、字母形状、倾斜角度等“小地方”有些小区别,普通用户是看不出差别的。总之,利用字体的差异可以创造出强烈的对比,而不破坏文本的完整性。



  • 大小的变化



另一种让读者惊声尖叫的对比方式是通过极大和极小的字号对比。


超大的文字设计起来很有趣,也更引人注目。而小文字更适合传达内容,但在“吸睛”这点上比不上超大的文字。(译者注:这里讲的可能是标题文字和正文文字的区别,标题用来“勾引”人,把人“勾”起性趣,然后去阅读正文。ps,这一段内容很难翻,水平有限,我也仅仅以我的理解和易于大家理解的方式来翻了,有兴趣的朋友可以去看看原文……)


将超大文字与传统大小的正文进行搭配来强调文字尺寸的变化。这会给设计一个“重点”,并且保证数量众多的正文文字不会被忽略。讲讲标题文字以外的事儿,副标题也比正常文字略大,大号字造成的印象深刻的概念会时刻跟随着读者。



  • 考虑一下对齐



很多人会忘记对齐对易读性的影响。


这有两派观点:

  - 在标题和正文间使用明显不同的对齐方式。

  - 使用相同的对齐方式来对齐一切。


两个观点都不错。考虑下文本对齐与设计中其余元素的关系,对齐是否能将文字从背景中拽出来?其实还得考虑下页边距以及文本与其他元素之间的位置关系。


对齐时,最好的方法可能是想象有一个按钮。文本在“按钮”内如何对齐?大多数设计师会选择中心对齐,但这并不意味着网站(译者注:为什么是网站作为例子……)其他部分的文本也居中对齐。对齐由元素本身决定。Now,全盘考虑下整个设计。



  • 文本流



文本流在文字量大的设计中是非常重要的。如果文字排版不能以层级清晰且流畅的方式流动(显现),用户就会在这样混乱的排版中丢失信息、感到迷惑。


关于文本流的几个关键点:

  - 文字字块(译者注:原文为 Text blocks 意思就是成段的文字)的尺寸

  - 项目符和列表

  - 行高与行长

  - 粗体及斜体

  - 颜色


每个这样的(以上的)文本属性能帮助我们从其他元素中区分出关键字、信息和短语。人们在阅读文本的时候可以一下就“抓住”最最重要的信息。


在长文本中使用这种文字样式的变化可以减少读者的疲劳感。如果读者感到疲劳那一定是文本看起来笨重、冗长且难以“消化”,读者一般也就不会继续读下去了。


将文本按照层级区分开来、分段,将有利于阅读!见下图(图 3,依旧是我提供的)


图 3


  • 保持一致



保证易读性的最后一个法(dao)宝(cao)是一致性。


使用相同的颜色、风格、处理文字的方式,这样的读者就不会迷失在设计中。无论读者被导航带到哪一个页面去,当他看到一致的设计时会喜欢上你的网页。(译者注:我不知道作者为什么老拿网页打比方……)



总结


对比绝壁是设计中的一个法宝,在任何设计中都是,从不例外!涉及到字体排印中的层级时尤为如此。


一定的对比度是保证易读性的一个重要条件。过于近似的颜色或样式,可读性必定不高。让文本和其他元素产生足够的对比从而形成良好地易读性,这样读者会很容易明白你在设计中想要说什么。







译者:扑热息痛

设计专业教师 / 设计师




往期关于文字排版(Typography)的文章,敬请参阅:

【微翻译】字体如何搭配更显专业?

我把麦当劳小票改了下

【译】排版排不好,大概要先学学这个。

【原创】菜当饭吃,得齁死。


— 请多指教 —


发表