《超越平凡的平面设计: 版式设计原理与应用》—怎样运用对比确定字体风格

简介: <span style='letter-spacing:1px'>本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的怎样运用对比确定字体风格,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>

本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的怎样运用对比确定字体风格,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。

怎样运用对比确定字体风格
超越平凡的平面设计: 版式设计原理与应用
合理运用对比,能够建立或打破字体的设计风格
所有的排字技巧里,创建对比手法最为常见。它能在最短的时间内产生最好的视觉效果。为什么?因为正是元素间的对比吸引人的注意:大小对比、黑白对比、多少对比,等等。一只昆虫可以在叶片上一动不动地隐匿身形,直到它移动你才能发觉。正是运动的昆虫和静止的背景二者间的对比使它可见。

字体间的对比有多种形式:大、小,大写、小写,罗马体、斜体,衬线体、无衬线体,粗体、细体,黑、白,普通字体、花式字体。当这些对比关系改变时,信息的基调(有时候是观点)也改变了。

改换字体从不容易;不过有了电脑,你只需轻击一下鼠标,就可以颠覆成千上万字体的排列。以下以加油站指示牌为例,介绍一些需要注意的原则。

1 先生,请问您使用什么型号的油泵?
设计师将指示牌字体设为Neue Helvetica Black意在体现一种效率感。但由此带来一个问题:5指什么?尽管在英语的拼写上并没有错,但三种不同的信息(汽油泵型号、加油站名称和汽油型号)使用相同的字体,它们的基调和重要程度变得一样,内容层次就不分明了。现在三者看上去差不多,缺的是什么?是对比!信息间的关系虽然对等,但毕竟不相同。字体粗细和颜色的区别将帮助前来加油的司机更好地理解信息内容。


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506b4eec5381c3bd0b6" >

2 颜色的区别使信息分明
将“5”放在蓝色竖条上并反相,信息顿时变得明朗起来:字体和阅读顺序都未改变,但现在信息被清楚地划分为两类;Exxane Regular是指汽油,5则是指别的信息,虽然还不能立刻明白它是指油泵型号,但是,当听到“您使用什么型号的油泵?”的问题时,客户一下就能反应过来。

如果是黑白色系也能产生同样的效果。


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506701c691ab8dd1207" >

3 字体粗细的改变产生第三种信息
使用具有多种粗细的字族的优点就是:不用更改字体就能创建对比。此处,对EXXANE使用Helvetica Nene的细体字,弱化其存在感。这是因为,车主很可能清楚自己在哪个加油站,因此不必强调站名,现在关键的信息“REGULAR”突出了。下方右侧的插图则突出了“EXXANE”—加油站的名称。

字体对比如此强烈,即使两单词没有隔开,看上去也很分明。


screenshow?key=1506dad19f0c82cc0b44

4 色彩的对比使站牌独具风格
如下图所示,不改变字体粗细,只改变字体的颜色也能分出三种信息层次。将“EXXANE”反白,显得更轻快动人。不过,对车主来说真正的重点信息却是右边的黑色文字,它占据着主导地位。如果指示牌使用白、黑和50%的灰色,虽然版面显得干净,但“5”和“EXXANE”都是白色,容易使人混淆。


screenshow?key=150685c9cb345ac1bab1

5 不使用色条,就将文字隔开
EXXANE对车主来说,是最不重要的信息;它使用白色细体字,使人产生一种开放空间的错觉,旁边的粗黑字体将会第一时间吸引人的眼球,如下图左。这种处理方法是可行的,但效果却不尽人意,因为它将人的视线朝两端拉扯。而下图右,背景使用深蓝色,白色字体比黑色字体更突出,阅读的顺序颠倒过来了,视觉效果却变好了。为什么?因为人的视线会自然的从左向右移动,“REGULAR”和“5”之间大的空隙将被忽略。


screenshow?key=150602d8050d5a16d3ed

6 将文字排成两行
背景没有使用色条,文字排成双行提升了版面的视觉效果,使读者的视线集中在一小块区域。

EXXANE字体选用米色,在深色的背景上,就使白色的细体字“REGULAR”更为突出,结果形成三种层次分明的信息。而右图,我们仅仅改变字体颜色就达到了使信息分明的效果。

白色数字“5”与黑色背景之间对比如此强烈,使它从其余文字中脱颖而出。这是一种方便读者快速阅览的排版技巧。


screenshow?key=15068c766197da49170d

本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。

相关文章
|
7月前
|
Python
Pocoo风格行为大赏
Pocoo风格行为大赏
带你读《流动的色彩—— 一本探索自由水彩世界的技法书》之二:绘画技法
水彩画清新透明的质感、水色交融的画面,如同抒情诗或轻音乐般柔美。本书是一本从入门到精通式的水彩画技法教程,内容全面实用,讲解浅显易懂,编排清晰直观,既适合初学者,也适合有一定基础的绘画爱好者。希望本书能让读者在学习的过程中感受用画笔记录身边美好事物的乐趣。
《超越平凡的平面设计: 版式设计原理与应用》—怎样用好字体
<span style='letter-spacing:1px'>本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的怎样用好字体,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1869 0
《超越平凡的平面设计: 版式设计原理与应用》—色轮
<span style='letter-spacing:1px'>本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的色轮,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
2282 0
《超越平凡的平面设计: 版式设计原理与应用》目录 —导读
<span style='letter-spacing:1px'>本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的导读,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1248 0
|
API
《超越平凡的平面设计: 版式设计原理与应用》—字母部件
<span style='letter-spacing:1px'>本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的字母部件,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1615 0

热门文章

最新文章