本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的怎样运用对比确定字体风格,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。
怎样运用对比确定字体风格
超越平凡的平面设计: 版式设计原理与应用
合理运用对比,能够建立或打破字体的设计风格
所有的排字技巧里,创建对比手法最为常见。它能在最短的时间内产生最好的视觉效果。为什么?因为正是元素间的对比吸引人的注意:大小对比、黑白对比、多少对比,等等。一只昆虫可以在叶片上一动不动地隐匿身形,直到它移动你才能发觉。正是运动的昆虫和静止的背景二者间的对比使它可见。
字体间的对比有多种形式:大、小,大写、小写,罗马体、斜体,衬线体、无衬线体,粗体、细体,黑、白,普通字体、花式字体。当这些对比关系改变时,信息的基调(有时候是观点)也改变了。
改换字体从不容易;不过有了电脑,你只需轻击一下鼠标,就可以颠覆成千上万字体的排列。以下以加油站指示牌为例,介绍一些需要注意的原则。
1 先生,请问您使用什么型号的油泵?
设计师将指示牌字体设为Neue Helvetica Black意在体现一种效率感。但由此带来一个问题:5指什么?尽管在英语的拼写上并没有错,但三种不同的信息(汽油泵型号、加油站名称和汽油型号)使用相同的字体,它们的基调和重要程度变得一样,内容层次就不分明了。现在三者看上去差不多,缺的是什么?是对比!信息间的关系虽然对等,但毕竟不相同。字体粗细和颜色的区别将帮助前来加油的司机更好地理解信息内容。
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506b4eec5381c3bd0b6" >
2 颜色的区别使信息分明
将“5”放在蓝色竖条上并反相,信息顿时变得明朗起来:字体和阅读顺序都未改变,但现在信息被清楚地划分为两类;Exxane Regular是指汽油,5则是指别的信息,虽然还不能立刻明白它是指油泵型号,但是,当听到“您使用什么型号的油泵?”的问题时,客户一下就能反应过来。
如果是黑白色系也能产生同样的效果。
http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506701c691ab8dd1207" >
3 字体粗细的改变产生第三种信息
使用具有多种粗细的字族的优点就是:不用更改字体就能创建对比。此处,对EXXANE使用Helvetica Nene的细体字,弱化其存在感。这是因为,车主很可能清楚自己在哪个加油站,因此不必强调站名,现在关键的信息“REGULAR”突出了。下方右侧的插图则突出了“EXXANE”—加油站的名称。
字体对比如此强烈,即使两单词没有隔开,看上去也很分明。
4 色彩的对比使站牌独具风格
如下图所示,不改变字体粗细,只改变字体的颜色也能分出三种信息层次。将“EXXANE”反白,显得更轻快动人。不过,对车主来说真正的重点信息却是右边的黑色文字,它占据着主导地位。如果指示牌使用白、黑和50%的灰色,虽然版面显得干净,但“5”和“EXXANE”都是白色,容易使人混淆。
5 不使用色条,就将文字隔开
EXXANE对车主来说,是最不重要的信息;它使用白色细体字,使人产生一种开放空间的错觉,旁边的粗黑字体将会第一时间吸引人的眼球,如下图左。这种处理方法是可行的,但效果却不尽人意,因为它将人的视线朝两端拉扯。而下图右,背景使用深蓝色,白色字体比黑色字体更突出,阅读的顺序颠倒过来了,视觉效果却变好了。为什么?因为人的视线会自然的从左向右移动,“REGULAR”和“5”之间大的空隙将被忽略。
6 将文字排成两行
背景没有使用色条,文字排成双行提升了版面的视觉效果,使读者的视线集中在一小块区域。
EXXANE字体选用米色,在深色的背景上,就使白色的细体字“REGULAR”更为突出,结果形成三种层次分明的信息。而右图,我们仅仅改变字体颜色就达到了使信息分明的效果。
白色数字“5”与黑色背景之间对比如此强烈,使它从其余文字中脱颖而出。这是一种方便读者快速阅览的排版技巧。
本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。