登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>制作技巧文集>>网页设计人员参考:网页中文字体设计总结
网页设计人员参考:网页中文字体设计总结
来源: ‖ 作者: ‖ 点击: ‖ 时间:12-10-29 11:49:00 ‖ 【 】‖ 我要投稿
,套用在中文字形中,宋体即是衬线体;黑体即是无衬线体。

英文字体之有无衬线体

西方字母的产生过程,经由埃及→腓尼基→希腊的演变之後,最后在罗马体上集大成,被西方世界广泛运用到现在而风行于全世界。随着活字印刷的产生,在原始罗马体的基础上越来越多的设计师努力创作优美,更易阅读的字体,现在欧洲使用的字母文字,被称为拉丁字母或罗马字母,是世界上应用最广泛的字母。英文字母一般分为衬线体(serif),无衬线体(sans serif)和其他字体。衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。相反的无衬线体就没有这些额外的装饰,而且笔画的粗细也差不多。现代衬线体出现在18世纪末,强调了粗细笔画之间的强烈对比,加重了竖画,而把衬线做的细长。大部分现代衬线体的可读性不及旧体和过渡衬线体。

  • 衬线体又可分为传统和现代形字体,上图为传统衬线体(左)和现代衬线体(右)

传统衬线体,看S这个字母最细部分,用红色斜虚线标出可以看出它的较细部分始终保持倾斜状态,也就是说笔画的粗细是有变化的,看起来就比较传统,这是一种基本字形。而现代衬线体,笔画粗细始终保重一致的状态,相对比较更加理性,机械,规范化的感觉。再来看底座的支架(我暂且把它叫做支架)传统支架它的笔画连接是弧线的,而现代的就是平直几何形的,这也可以理解为感性与理性的一种对立呈现方式。

  • 无衬线体大致可以分为3类,上图的依次顺序为古典无衬线体,过渡无衬线体,现代无衬线体

古典无衬线体和传统宋体是一样的,最突出的特点就是装饰细节比较多,底部有支架(但是因为它是无衬线体,笔画上不会出现明显的弧度,用的形状比较几何,力量感一点)过渡无衬线字体是介于古典和现代之间的字形,最大的特点就是既有现代感理性简练的感觉也不失感性略带笔触,纤细秀气的感觉。可以看到上图第二个中画红圈部分,它的转角,停顿处是一样的粗细分布。现代无衬线字体的特点是笔画之间粗细很均衡,是理性的象征。

在传统的正文印刷中,普遍认为衬线体能带来更佳的可读性(相比无衬线体),尤其是在大段落的文章中,衬线增加了阅读时对字母的视觉参照。而无衬线体往往被用在标题、较短的文字段落或者一些通俗读物中。但是随着现代生活和流行趋势的变化,如今的人们越来越喜欢用无衬线体,因为他们看上去“更干净”。 在文字足够大的情况下,无衬线字体也是同样可读的。而且因为无衬线字体通常有艺术性,因此在显示器上显示通常比较赏心悦目;而且无衬线字体种类比衬线字体多得多,因此选择余地也很大。

除了有无衬线体之外,还有其他字体:比如一些比较卷曲,贴近自然的巴洛克风手写体,还有一些为了迎合设计风格的变形字体

从这些基本字形我们可以发现:文字在发展的过程中,也在不断经历着去繁为简的过程。包豪斯学校的成立,影响了工业产品设计的思维模式,使人们在设计的过程中从以往崇尚自然,繁杂的工艺文化中分离出来,设计在慢慢萌芽,从工业产品到平面艺术,都有所体现。

下面就来看看这些字形在现实生活中的应用:

上图中的英文字体是现代衬线体中的一种,“发丝型衬线体”,它的特点是由细致线构成的,看起来非常平整,粗细线条对比清晰,明确,具有现代感。

上图标题部分是传统无衬线体的一种字形,画面上体现的是一幅类似传统工业制作的画面,在字体的选用上为了迎合当时的氛围需要,并且能突出主题,选用了粗衬线体,粗旷有力而且很古典。

上图标题用的是完全现代的无衬线体字形,版面是横向设计,字体上就选用了比较修长的无衬线体黑体,视觉中心点同样是在中心,和左边的画面有相呼应的细节设计,和字腔较小相呼应的字腔较大字形,比较易读,但是视觉中心点也相对较散一些,人的视线落脚点会比较开阔。

相对上面的字形,这份书籍装帧设计因为它上面仅有文字,所以需要用文字去控制整个版面。在这里,信息层级上最主要的信息选用了较粗的,胸线较大的字体,利用笔画粗细对比去吸引到更多人的关注;两个粗细很极端的字体放一起,用这种对比手法去突出该突出的,弱化该弱化的,但是又不会把空间撑的满满的。

上图这张邀请函上面采用卷曲的手写体,让人感觉非常的亲近,活泼和愉悦。

这是一张日本海报上的字体,中国古代的文字记载就喜欢采用竖排,从右到左进行排列,日本直到现在仍然采用,上图的这种字体有点类似中文宋体中的瘦金书字体,保持它笔画特征的同时,又将它处理地更加圆滑,亲切感自然感增加许多。

这其实是一本李永铨的新书封面,因为他在书中分享自己的成长之途,讲述个人经历或时代背景如何影响他的品牌设计意念,所以封面上出现的应该是他做过的品牌包装。为了迎合整体设计的气质,书名标题没有用力量感过重的粗线形黑体去表现,而是选择了力量适中,看上去纤细适中的中黑;这里也穿插出现了粗细对比的字体;吸引人注意力的同时也十分注重力量的节奏感,不会有强迫阅读感的产生,竖排的设计显得很传统。

|<< << < 1 2 > >> >>|
加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
相关文章列表
请文明参与讨论,禁止漫骂攻击。  
网友评论