网页设计人员参考:网页中文字体设计总结

文章描述:读一本书,看一份报,文字从产生之初就发挥着它不可撼动的地位,充斥着我们每个人每天的生活;然而在繁杂的文字设计中,跳开这些设计,更该去看看最初的文字是什么样子的,珍惜它们每一次的蜕变…

读一本书,看一份报,文字从产生之初就发挥着它不可撼动的地位,充斥着我们每个人每天的生活;然而在繁杂的文字设计中,跳开这些设计,更该去看看最初的文字是什么样子的,珍惜它们每一次的蜕变…

中文字体之宋体

中国文字创造之初,与埃及相同,都是由图画、象形文字演化而来的。但其进化情况却又不同。中国文字的演化,始终维持着原始的绘画或符号内容,只是在形成更多文字时,在原有文字的基础上,加以各种组合,以求形成更多的文字,这在世界文化史上是独一无二的。中国文字的发展,由秦始皇统一中国后,汉字进行了一系列简化,规范化的处理。在木板印刷出现以前,古代典籍为了流传的需要只能手工传抄,由于手工抄写成本高效率底,易出错误,于是木板印刷逐渐盛行。这样,为了刻版方便,渐渐的刻工们发明了一种新字体,它的特点是:字形方正,橫細直粗。在转折处有小三角形装饰。这种字体比楷体更加规范标准,成为了标准字体,适合大规模地刻版使用。这无疑是为了刻书方便从楷体演变出的一种新的字体。由于这种字体大大流行使用于宋朝以后的木版印刷的书籍,后人就称有这种特点的字体为“宋体”。宋体字从历史上出现以后,它的特点就固定了下来,一直使用到现代,直到出现了机械化的印刷工业。在现代印刷中区分更加详细,把横细竖粗的成为“老宋体”。宋体字的字形方正,笔画横平竖直,横细竖粗,棱角分明,结构严谨,整齐均匀,有极强的笔画规律性,从而使人在阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分。宋体字传承了中国书法的审美韵味 ,在笔画上,仍然保持了中国书法的本质特征。在与唐楷颜体比较时,我们看得更清楚,如点、捺、撇及转折处的顿挫处理,就是对书法运笔进行了高度的艺术化概括。

上图4种字体除了第一种最保守的老宋体,其他3种都是衍生出来的宋体字体,我们可以看出前面两种的胸线比较大(字体比较开阔),这是明显的比较现代的字体;而后面两种字体胸线比较小,偏向传统的字体。传统宋体,可以看出,在它身上保留有不少楷体的特征,红色小圈圈里面三角形的鳞(小三角装饰)比较刚硬,是用棱角分明的几何形构成的,虽然给人以严谨的感觉但是让人觉得太过严肃拘谨,所以在现代设计的运用中,大家更偏向于运用其他宋体字形。和传统宋体相比,长宋体的鳞就显得没有那么尖锐了,停笔处依稀可见手笔的停顿转折,看上去圆润了不少。长宋体看上去比一般的宋体要长,也就是刚才说的胸线比较小;它的横、竖粗细相近,点、撇、捺、挑、勾比较挺拔,综合了老宋和仿宋的特点。大标宋,它的特点是横竖笔画对比明显,笔画轻重适中,没有那么硬朗,字形端正,醒目有力,常用于内文标题、封面和广告设计,具有现代感 (类似粗衬线体,后面会提到)。仿宋体,最大特点是横竖等宽”,风格更偏向于手写体,它其实是宋徽宗的瘦金书字体演变而来的,特点是瘦直挺拔,横画收笔带钩,竖划收笔带点,撇如匕首,捺如切刀,竖钩细长;如果说宋体是具有装饰艺术的代表字体,那么与之相对立的就是黑体,黑体的特点就是横线和竖线宽度相等,去除过多的装饰细节,更加简洁。由于当时印刷业的发展,正文部分用的都是宋体,想要突出标题部分从而发展了黑体。

黑体本身就属于比较现代的一种字体,所以它的字面和胸线都比较大,这样比较容易阅读,根据不同需要,设计出横竖笔画不同粗细的黑体字形来,最基本的就是第一种,纤细的黑体字给人轻,秀气的感觉,粗厚的黑体字给人重,粗壮,力量的感觉,这些字形都是根据不同的需要设计而来的。中文字形除了宋体和黑体这两种基本字形以外,还有很多不同种类的,比如

PS:衬线体说法后面会有提到,因为衬线体和无衬线体都是西方字体发展中出现的说法,套用在中文字形中,宋体即是衬线体;黑体即是无衬线体。

英文字体之有无衬线体

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

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

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

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

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

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

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

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

[1] [2]  下一页

时间: 2024-10-30 12:45:39

网页设计人员参考:网页中文字体设计总结的相关文章

设计理论:网页中文字体排版设计

TeX 排版中文字体嵌入问题,兼谈不拘小节的中文字体设计 原文:http://yulewang.spaces.live.com/blog/cns!5C815C994ABB661E!262.entry 低于 18 周岁的小朋友们请不要看此文,会被吓到的.如果你和中国的字体公司有联系,请把我所描述的问题转告给他们. 考完作文后,在上海小歇,除了吃喝玩乐加上逛街还有被导师虐着写文章,自己看两眼G词以外,就是在尝试解决中文 TeX 用户几年来一直抱怨的关于 TeX 产生的 pdf 文档中文字体看上去太细

网页Banner广告字体设计用户体验

字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着.被广泛应用于网络生活的各个方面.现代字体设计在电脑技术的应用中已经深入到日常工作.生活的每一个角落.随着工作中各类需求的增多,越来越多类目的广告banner设计对字体的要求也越来越多.要想设计出较好的作品,从电脑里调出来的任何一种标准字体都是不适合的,因为那会造成千遍一律,设计"撞车"的事故,识别性不强的弊端.它要求设计者根据不同需求,不同的设计氛围.生活常识,去捕捉具有准确性.关联性.独特性.可开发性的不同个性的

汉字字体设计:汉字的气场

网页制作Webjx文章简介:设计字体:汉字的灵性与气场. 汉字的气场 厉向晨 (Digidea Lee) 俗话说字如其人,通过一个人写的字所带给我们的感觉,从中间接可以看出他的气度.为人,这是不假的.而印刷字体也同样,不同字体的区别并不仅仅是好看与不好看而已,从每一个细节都可以看出设计者的想法,而细节的改变,哪怕只是一个点的距离,也会影响整个字传达出的气场. 大多数人都认为日本的电脑字体比中国的好看,这其中很大程度是因为日本的很多字体更具灵性,而中国的则更注重形式.如果我们把几种字体放在一起比较

字体设计的思考:发散思维从积累开始

文章描述:38女人节专题:思维引导设计. 每年一度的女人节又至,除了做设计,更多的是思考设计思维和技巧方面的东西.如何沿用良好的流程,提高效率,让设计品质保持在一定高度.不至于设计质量由于各种限制产生较大的波动.同时,尊重各种声音,了解声音背后的想法,设计师除了设计外,更多应该把精力放在有效的交流. [发散思维从积累开始] 1)创意型公司往往在每次提案前都在团员间进行头脑风暴,或者成为发散思维.对于从事脑力工作的组织个人十分有用. 提出假设,哪怕其天马行空. 在蜘蛛网般的主题关键字里寻找可能性,

字体设计探讨:广告banner字体设计技巧

字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着.被广泛应用于网络生活的各个方面.现代字体设计在计算机技术的应用中已经深入到日常工作.生活的每一个角落. 随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字体的要求也越来越多.要想设计出较好的作品,从计算机里调出来的任何一种标准字体都是不适合的,因为那会造成千遍一律,设计"撞车"的事故,识别性不强的弊端. 字体设计要求设计者根据不同需求,不同的设计氛围.生活常识,去捕捉具有准确性.关联性.独特性

艺术设计理论:字体设计三步搞定

文章描述:艺术设计理论:字体设计三步搞定. 字体设计三步搞定: [1] [2]  下一页

PS打造超火的低多边形字体设计

  1添加云彩滤镜 低多边形(Low-Poly)字体设计是目前最新.最火的一个设计趋势.低多边形字体设计主要是基于有少量多边形的3D网格,同时结合一些渲染技术和灯光效果,使这些网格看上去像纸工艺或折纸作品. 低多边形通常需要使用3D软件来实现,但这篇PS教程将教会大家如何使用基本的Photoshop工具来实现它的2D简化版,同时为了使低多边形效果更加精美,我们会用到一个非常简单的App- Image Triangulator App.以下为神器的部分功能和成果展现:) 图01 图02 图03 图

50位设计师联名倡议保护中文字体字库

多位设计师联名倡议保护中文字体字库 4月24日下午消息,50多位字体设计师发起并签署 "弘扬中华文化,保护计算机中文字体"的倡议书,呼吁加强对计算机字体 版权保. 多名字体设计师发起这一倡议书的背景是:部分企业在商业活动中大量使用风格独特的字体,却不付任何费用,字库企业维权艰难:字体设计行业受到盗版侵权的困扰:从业人员无法获得正常回报,字体设计师改行及字体厂商退出市场. 根据有关统计数据,韩国字库行业年收入3000万美元:日本森泽公司字库年收入超过1亿元人民币:美国字库企业蒙纳公司已在

解决Mac版Firefox的中文字体显示问题

这两天在Mac下被Firefox的中文字体显示问题所困扰.在Firefox中将Sans-serif字体设置为SimSun-ExtB(新宋体)或英文字体(这时会用Mac默认中文字体),如下图: 浏览园子的网页时,显示的中文字体怪怪的.丑丑的,见下图.而Chrome中同样的设置,显示的字体却完全不一样. (上图为Firefox中的显示效果) (上图为Chrome中的显示效果) 百思不得其解,后来去苹果官方网站上看了看,发现不存在这个问题,仔细观察了一下,发现了html的不同之处: <html xml