作品集字体选择 | Needle作品集制作指南vol.01
作品集字体选择

了解衬线体与无衬线体
在一个项目中文字不仅仅是对于图纸、项目的的描述,往往它还能暗示关于项目更多的内容。
特定的字体的使用能够代表某一类的品牌,比如说在苹果官网上常使用的定制的中文无衬线体Ping Hei字体族和英文San Francisco,相较于冬青黑,在同字号时Ping Hei字体族小而精致,而这两种字体在高分辨率的(苹果自家)显示器上显示更为出色。某些字体带有的年代感,能够更好的契合图纸的氛围,比如说一张历史地图(source:hkmaps.hk)、一张航海图(source:网络)。


衬线体是一种有衬线的字体,笔画粗细不同且首尾常有“笔锋”(装饰),常见的衬线体有宋体、仿宋,经典的Times New Roman。衬线体往往看起来会正式、经典,例如常用的Times New Roman带有年代感,是在19世纪时一种专门为报纸印刷而设计的字体。而无衬线字体与衬线字体相反,笔画首尾无“笔锋”且笔画粗细相同,现代感更加强。
字体的粗细称为字重,在选择字体时能看到“bold”,“heavy”,“light”,“regular”等选项。
衬线体广泛用于正文,原因是常被认为在印刷文本中小字号的衬线体相较于小字号的无衬线字体更容易阅读与识别。相对的,无衬线体在显示器上更容易识别,原因可能是衬线体独特的“笔锋”在显示器上缩放后会更加模糊,而无衬线的结构更清晰。
但在显示器分辨率越来越高的情况下,在满足了分辨率的作品集中,衬线字体与无衬线字体的显示并不会有特别明显的区别
体字号的选择与搭配
对于许多项目,有时候一种字体并不能很好的建立起信息的层次感,因此在进行字体搭配时我通常会依据几个简单的要点,并在排版时遵循最基本的排版原则。
同一个项目中选择少于3种的字体
和图纸表达一样,丰富的色彩往往不容易操控,使用简洁清晰的差异性较大的2种或3种字体字体,比如一种衬线字体和一种无衬线字体。


(上:18 pt Ariel Bold | 12 pt Ariel Regular | 6 pt Times Regular;下:18 pt Helvetica Bold | 12 pt Helvetica Regular | 6 pt Caslon Regular )
第二张图纸中我们将研究范围聚焦到选出的场地中进行场地分析。Mapping作为场地研究的主要方法占据大面积篇幅,图面所需表达的信息也要更为精简清晰。在mapping的表达中,我们只保留了对后面设计有指导意义的信息而删除了其他冗余内容。配以矩阵的形式对一系列场地信息进行历史分析和未来推演,以及场地研究最常用的剖面分析。
达成风格统一
如果使用单一字体,在可能的情况下可以使用具有多种字重的同一字族,例如说Times字族下的Times regular、Times bold等,尝试利用大小写和字族内字体的区别达成差异化。
对于不同字体的搭配,除了常见的搭配外,尝试使用同一设计师设计的字体。可以轻松达成在强调重点和保证层次感时风格统一。


(上:18 pt Times New Roman Bold | 12 pt Times New Roman Regular All caps | 6 pt Times New Roman Regular;下:(来自设计师Eric Gill)18 pt Gill Sans SemiBold | 12 pt Gill Sans Regular All caps | 6 pt Perpetua Regular )
使用对比明显符合项目的字体与颜色
常用的搭配是使用衬线字体用于正文,无衬线字体用于标题、副标题、强调文字。在这个基础上改变字体的颜色、笔画的粗细、行距等,会让层级更加清楚,颜色的改变也会更符合项目的基调。
*尝试正文用30%-50%的灰。

(18 pt Helvetica Bold #E84976 | 12 pt Helvetica Regular | 6 pt Caslon Regular #4C4C4D)
作品集字号
A4版面的作品集可以遵循18(24)-9-6的规则,18(24)pt为主标题,9 pt作为副标题,6 pt作为正文与标注(6 pt是作品集正常压缩后能够看清的最小字号)。
*A4以上的版面可以按比例缩放,A3缩放到A4是缩放70%而不是50%。
推荐的字体搭配
这里推荐几组字体的搭配,感兴趣的朋友可以自行对比字体间的区别。对于字体本身所拥有的属性,例如优雅/科技/典雅等,可以在Wiki上搜索相应的字体名称即可看到对于该种字体的描述,再根据自己项目的属性遵循上面的几个要点自行搭配组合即可。

此外可以浏览一些公司的网站主页来学习他们的字体是如何搭配的(比如apple、Google等),这些网页不仅仅是字体的选择,排版和色彩也很值得参考。
