分3种字体类型分析,如何在网页中进行中英文搭配

2020-11-06 16:36:54  32 浏览  0 评论   赞

首先从3个方面讨论如何进行罗马体/衬线体的搭配;然后从3个方面讨论如何进行非衬线体的搭配;最后从3个方面介绍如何进行手写体的搭配

中英文字体的排版,除了要保证可读性,还需要让版面看起来更美观。所以无论是使用美术文本还是段落文本,都要处理好字与字、字与行、段与段、段与版面等之间的关系,才能让整个网页设计的排版变得更加出彩!

罗马体/衬线体

1. 选用合适的字体

罗马体/衬线体_分3种字体类型分析,如何在网页中进行中英文搭配

图1395-1:字体

罗马体在英文排版中使用很广泛,和中文搭配(如:宋体、仿宋等字体)也能很好地进行呼应。但罗马体也有很多可选的字体,所以在选择字体时,还需要看字形的笔画特征。

2. 抓住饰线的视觉特征

罗马体/衬线体_分3种字体类型分析,如何在网页中进行中英文搭配

图1395-2:字体的视觉特征

饰线的特征不同,搭配的中文字体也不同。比如同为旧式罗马饰线体,且搭配的中文字体相同。

左边「Constantia」看上去持重沉稳,与中文字体彼此的笔画特征较接近,收尾端口皆是略小的方口。右边「Cinzel Decorative」,看上去很优雅,具有古典风范,虽然与中文字体的笔画特征不太相似,但更容易给人留下印象。

3. 对比力量

罗马体/衬线体_分3种字体类型分析,如何在网页中进行中英文搭配

图1395-3:字体的力量

在以上面的例子为例,「Cinzel Decorative」字体看上去纤细典雅,密度较小,但英文字腔较大,能中和仿宋中文部分的字体内部高密度问题,形成焦点以中文为主,英文为辅,相辅相成的视觉感受。

此外,「Cinzel Decorative」精致典雅的感觉又与仿宋的古朴感相对比,有种巧妙的混搭。但混搭不是乱搭,再举个例子,用「Abril Fatface」与仿宋搭配在一起,却有种不伦不类的感觉,因为它的现代感无法与仿宋的古朴感融为一体,加上本身字体的密度又高,以及和仿宋类似的黑素,让整体看起来没有焦点。

由此可见,中英文搭配不仅涉及到字体、字型的特征,还要兼顾到字体的黑度以及文字本身的结构。

无衬线体

1. 与黑体搭配

无衬线体_分3种字体类型分析,如何在网页中进行中英文搭配

图1395-4:黑体

如果说能与无衬线字体想协调的中文字体,首当其中肯定就是我们最常见的黑体字。作为中文界无衬线体之一的黑体,和英文无衬线字体搭配,能更有助于信息传达的直接性。

2. 考虑笔画特征的协调性

无衬线体_分3种字体类型分析,如何在网页中进行中英文搭配

图1395-5:协调性

除了比较传统的黑体,其他黑体同样能无衬线体的英文搭配出不错的效果。但由于中文字体在黑体基础上有很多遍体,笔画上也有不同的表现,选择时还需要考虑笔画特征的协调性。

比如上面的案例,中文采用风格较明显的黑体字,字形整体以圆角矩形为基础框架,虽然英文也是使用无衬线体,但这里采用中黑粗的无衬线体会比细体更加明确,细体则略显中气不足。

3. 字体的音效

中文黑体字在设计中会产生一种类似“高声喊话”的视觉效果,而且笔画越粗,“声音”越大。英文无衬线体也有着现代性和直观性的特征,因此想要明确传达信息,使用无衬线体无疑是非常适合。

无衬线细体虽然传达的效果虽然没有那么迅捷,但却能表现出一种时尚现代感,尤其适合主张“轻”风格的设计中。

手写体

手写体_分3种字体类型分析,如何在网页中进行中英文搭配

图1395-6:手写体

除了以上介绍的比较正统的字体外,手写字体不仅能让画面变得更加活泼,手写痕迹还会增加更多趣味。

1. 感受书写的性格

“字如其人”,说的就是字能反映那个人的性格特点,而手写体就是有这样的独特魅力。

2. 突出书写独特表现

运用书写体时,尽量把它当作一种氛围装饰,而且一定是主角;否则就会埋没了手写体的特色,那倒不如不选用手写体。

3. 保持一个手写风格

如果画面中出现两种手写风格,会令画面看上去非常混乱。另外选用中文字体时,尽量不要选择性格不太突出的中性字体。

除了以上说到的字体大类,还有一些小类的英文字体,如哥特体,虽然风格迥异,在中国设计几乎用不上,但其独特的字形结构,非常适合独特风格的网页设计。

 

转载请注明:网创网 www.netcyw.cn/b1395.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com