分享

一篇文章教你轻松学会搭配字体(基础必读)

 滿世界的謊言 2017-11-19

每一种字体都有其不同的面貌与适用情境,拿电影举例,古装电影除需要演员的服装与场景符合情境外,配乐与字体也都需要统一风格,以符合特定时代背景的整体氛围。设计亦是如此,本期将为大家介绍字体的大致分类以及不同情境下适合表现的字体有哪些。


其中我们会试图解释为什么这种字形会给人这样的印象,以及对大分类下的字体进一步细分,如:不同的黑体在气质表现上都有哪些区别?它的应用场景有哪些?想要知道这些疑问的话,就请继续往下观看吧!





字体的分类其实并没有一个官方的标准,但各种分类方式的基本原则是相同的,这里为了方便理解,将西文与汉字之间具有共通性的字体类别相结合对应,一共大致分为以上五类。







字体的应用场景大致来说一共有两种用途,一种是以少量字数出现的标题用字,以及大面积出现的正文用字。对于标题用字来说,更加强调易认性,字形设计往往张力较大细节较多,以达到抓眼球的目的。而针对正文的字体设计,更强调易读性,字形变化性较小,除正文用途外也可以在标题中使用,是普遍使用的字体。






与大家玩个游戏,当我们看到下方的图片时,哪些会给你想去亲近和触摸呢?又有哪些图片会让你觉得危险想远离它呢?在心中默默选择好后我们接着往下看。



在现实生活中,尖锐的钉子、刀尖、破碎的玻璃,这些都会划伤皮肤,而在大自然中,植物的尖刺与锋利的石头也同样是危险的。这些经验与记忆每时每刻都在影响我们的感受,让我们对事物产生同形联想,当人们看到这类物体,视觉心理上会产生紧张感,而外表光滑圆润的物体多数是安全无害和易于接近的。所以说,上图中能够传达亲近感与可爱印象的图片应该是编号②④⑤。



在字体中,同形联想依然存在,中文的圆体是从黑体字逐渐演化而来,结构上继承了黑体的工整大方。笔画的末端圆润,给人易于亲近的印象。随着笔画的粗细变化,字体的气质也会随之变化,粗笔画的圆体字会呈现出儿童与幼稚的印象,笔画越细,则会越显成熟。



在西文字体中的圆体,也是根据无衬线体演化而来,气质的变化与中文圆体类似。因为西文的字母笔画相对于中文来说要少,结构上也更加简单,所以在粗细的变化的幅度上会较中文圆体的粗细幅度更强烈一些。




如今数码字库中的字体,就像工厂中批量生产的罐头一样,非常的规范,传递出冰冷的机械感。而人为手写的文字则因为笔画书写的不规则痕迹给人温暖自然的感觉,更加具有生命力。



想要让字体传递出亲和力,我们就需要选择具有手写特征的字体,这种字形会更具人文气息。不同的手写字体会呈现出不同的亲和力,笔画轻松自然的手写体用在休闲的情景中较为合适,像西文这种铜版手写体 ⎾ 西文花体 ⏌ 则表现的更加正式与高级。



针对表现儿童的字体,他们的共同点都是具有手写的特征,而在笔画末端多数呈现圆滑的形状。这里需要注意的是,我们不能根据自己的喜好而随意应用儿童体,对于青春期的少女或者表现小孩时,我们使用儿童体并不会有什么问题,但是如果出现在政府的对外形象或本应体现端庄的场景,就不是那么合适了。





下图中,哪些图片会给你现代的感觉?哪些又会给你自然的印象呢?仔细想想这背后的原因之后,我们继续往下看。

所谓的现代感,其实就是自然界中找不到的,人们通过解构大自然,运用几何与线条人为创造出的物体。它是符合当今时代流行的趋势的,在工业、音乐、服装、建筑等各个领域都有体现。上图中符合现代感的图片是编号①③⑥。




我们以建筑举例,与崇尚自然的装饰风格不同,现代风格更加抽象与几何化。对于字体来说,文字的构成越简单,越会给人简洁抽象的印象。虽然会觉得缺少生命力,但也会呈现出现代感与先进的印象。



中文字库中的黑体,相对宋体来说笔画特征会更加简洁,几何的造型结构给人现代的印象。而在黑体分类中,并不是所有的黑体都绝对是水平垂直的结构,早期的黑体,中宫较小,笔画结构存有手写特征,喇叭口更是在照排时期为保证笔画边缘的锐利程度而特别设计的。这种黑体更适合表现与人文相关的情景,相对于老式黑体,现代黑体中宫更大,在小字号下更加容易识别,是效仿西方文字的理论而设计出来的,更适合表现现代感的情景。



无衬线体与中文的黑体类似,同样具有人文主义结构与现代几何造型等不同的字形。人文主义字体结构中保留了手写痕迹;而现在主义的字体更加几何化,适合表现现代感相关的情景;处于两种风格之间的字形则相对中性,没有明显气质,因此适用范围较广泛。



西文相对于中文来说,笔画更加简单,我们选用几何造型强烈的展示性字体同样能够表现出未来与先进的印象。这里需要注意的是,文字的造型越倾向于图形化,辨识度也就会随之降低。所以在使用这类字体时需要格外谨慎,它仅适用于标题或版面中的主形象等场景。





文字是人类文明发展的重要标志,其演变见证并记录了世界的文明发展历程。下图展示的是几种古老的文字发展源头,它们分别是苏美尔人的楔形字、古埃及的圣书字以及古中国的甲骨文。了解文字的演变过程,会更有助于我们接下来的讲解。





中国的汉字起初由雕刻在龟甲与牛骨之上的甲骨文逐渐演变到雕刻于钟鼎上的金文,又从金文演变成为大篆小篆,而隶变的发生是古今汉字的分水岭,它是篆书为了解决快速书写的需求而逐渐简化形成的。又从隶书的快速书写的过程中形成了草书,草书经过楷化,更加规范和端正,而行书介于草书与楷书之间,弥补了楷书书写速度过慢和草书不易识别的问题。在选择书法字时,需要与所传达的项目背景相对应。越古老的文字,其历史感越强。



在汉字的印刷体当中,宋体字是历史最为悠久的字体,在表现文化与历史感时,除书法体外,宋体则是最佳选择。



在汉字的宋体字中,老式宋体的笔画结构带有手工雕刻的痕迹,中宫较小,重心偏高,适合表现文化与历史相关的情境,又因为这种历史感,会给人传统、正统与高格调的印象,所以也能传递出高级感;而现代宋体笔画呈几何化结构,相对于老式宋体的温情,现代宋体更加的冷峻,具有时尚感与精致的印象;处于两者之间的中间型宋体,同时具有两者的优缺点,是现今比较通用的宋体字形。



衬线体是最能体现出历史感的字形,起初只有23个大写字母,直到十六世纪才逐渐补全26个。衬线是在雕刻前通过方头笔书写时自然形成的。



衬线体中,带有手工感的老式衬线体,适合表现文化与历史感;现代型衬线体,笔画呈几何结构,适合表现时尚与高格调的印象;处于两者之间的是过渡型衬线体,是常用于正文与标题的通用性字形。(如继续细分,可以分为老式衬线/复古衬线/过渡衬线/现代衬线/粗衬线)







根据风格定位与文案信息所需要体现的情境,我们选择西文中的具有现代感的无衬线体来与之匹配。并根据定位拍摄照片或去图库中寻找符合要求的照片,经过观察发现,上图五个拉丁字母中只有A的笔画具有封闭性,这里我们可以将之替换成希腊字母中的 Λ ,这在英语环境中并不会过于影响它的识别性,也是比较常见的处理形式。



接下来我们将选择好的照片与字体进行组合搭配,除字体与照片的选择之外,在排版形式上也需要偏向现代感。这里为了让画面显得更丰富,将字母拆解后置入到版面中,并做出血处理。而出血之外的部分会重复的出现在版面中,以体现数码风格的这种特性。版面中C与G的外观轮廓极为相似,只需要将G的特征部位裁切掉就可以识别成字母C,而左下角的斜线并不具备识别性。它仅作为与上方图形呼应的补充。



主标题的位置与比例大致确定好以后,我们可以借助一些美学比例来微调版面中元素的位置关系。这里文字虽然是以散布的形式出现,但基本的Z型视线引导原则还是需要遵守的,也就是说,字距需要小于行距,并以从左上到右下的阅读逻辑来编排文字元素。



主标题的位置确定好后,接下来添加其他信息,将展览名称添加到主标题的空白位置。这里中文的字型,我们选择具有现代感的黑体。呈几何造型的黑体可以与现代型无衬线体毫无违和的搭配在一起。



左上角还有一些空,我们将图标与英文信息添加到版面中,注意元素的交叉对齐,这里将组合与字母G的转折处对齐。


在版面底部将时间与地址等信息依次编排到版面中,并与主标题的M对齐。文字注意比例的大小与层级关系。再保证版面平衡的基础上编排文字。



最后,将剩下的剩余的信息置入版面中,与中线呈水平对齐,经过微调后,这个版面就完成了。








主题名称是“不朽的梵高”从语义来说,这是一个需要表现复古与文艺的印象,我们选择老式风格的宋体字形作为基础,为了更好的传递这个概念,我们可以进一步刻画主标题,将它处理成经岁月侵蚀而残缺的外形。使其更加接近图形的印象,创建记忆点。



可以使用简单的方式实现这个效果,大致思路是将字体通过高斯模糊命令处理成虚化的状态,并在文字底部合并白底色图层,再通过色阶命令来调整黑与白之间的关系,以达到最佳效果。



将处理好后的主标题置入到版面中,并根据图像本身的内容来决定文字编排的位置与形式,这里我们将主标题文字竖排摆放在版面的右侧。梵高是巴洛克时期的代表画家,我们可以选择巴洛克时期的过渡型西文字体来与版面搭配。接下来我们加入二级文字信息,这里需要注意的是,文字组合与人物的呼应关系。



接下来加入内文信息与时间信息,通过大中小的层级加入到版面中,同时需要注意版面的平衡与对齐以及留白的完整度。



最后,加入点缀性元素,通过美学比例微调版面中元素的位置关系,这个版面就完成了。







我们知道了汉字与西文的大致分类,了解了正文与标题之间的关系与特点,也知道了各个字体的气质与所适合表达的情境有哪些。这里虽然仅举了三种情境,但相信大家也已经了解了这其中的规律与分析气质的方法了,为版面搭配适合情境的字体,是一名合格设计师应具备的基本能力。希望本期的内容能够对你有所帮助。


本期的内容就分享到这里,我们下期见~




    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多