登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

载湉·王者归来

㎡↘Dě (o'.'o)(-'.'-)光绪?珍妃

 
 
 

日志

 
 
关于我

♂♀当我与你檫肩而过,转角的停留,你是偷偷的想我,还是一笑而过……五年多的等待未果,终究你还是你我还是我,缘未尽何时聚,爱是否还在 姻缘何时了?

中文字体排版  

2009-09-19 13:49:20|  分类: 设计 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

我们每天设计都在与字体打交道。但是我们一直没有认真在意他们的存在。我们没有很好地使用过他们,甚至滥用他们。这一切是因为我们不了解他们。Information Architects 上大声喊道:95%的网页设计是排版设计(Web Design is 95% Typography) 。是的,字体是排版的重要元素之一;字体设计也是设计里最深奥的一门学问之一。那么,我们开始吧:

字体的类型

英文字体(Typeface),分为几种大类,这是在使用英文字体的时候必须知道的基本知识:

一、衬线体(Serif)

这里,我们首先要解释什么是衬线。

衬线(serif)就是笔画边缘的装饰部分。

下图中红色标注的地方就是衬线啦。

中文字体排版 - wunagedan - Café♂♀ゅ

衬线设计的初衷是为了更清楚地标明笔触的末端,提高辨识率,提高阅读速度。另外,使用衬线字体会让人感觉更加的正统。所以我们常见的英文书籍,特别是论文、小说,很多都是使用衬线体来完成正文的。

网页设计中常用的衬线体有Times New Roman和Georgia。下图左边是12px的Times New Roman字体,右边是12px的Georgia。

中文字体排版 - wunagedan - Café♂♀ゅ

在中文里,我们使用的宋体就是对应的衬线字体。

二、非衬线体/无衬线体(Sans-serif)

字体如果不带衬线的话,那么就称为非衬线体或者无衬线体。下图就是非衬线体啦。

中文字体排版 - wunagedan - Café♂♀ゅ

网页设计中常用的非衬线体相对就比较多了。有Arial、Verdana、Tahoma、Helivetica、Calibri等。下图从左到右依次是Arial、Verdana、Tahoma:

中文字体排版 - wunagedan - Café♂♀ゅ

在中文里,我们使用的黑体就是对应的衬线字体。

值得注意的是,虽然在书籍中,衬线字体被广泛地应用,但是在互联网上,衬线字体很少被使用。由于电脑屏幕分辨率与书籍不具可比性,所以正文10~12px的 衬线字体在电脑屏幕上是很难辨认的。下图是没有Cleartype时,10px的Verdana和10px的Times New Roman的对比。大家可以发现,左侧的Verdana可以被很好的辨识。右侧的Times New Roman辨认相当困难。

中文字体排版 - wunagedan - Café♂♀ゅ

三、等宽字体(Monospace)

等宽字体事实上只针对西文字体。因为英文字母的宽度各不相同。例如i就要比m窄很多。编程时显示代码,如果字母不等宽那么排版将很难看。我们在DOS命令行中,可以看到使用的是等宽字体。

编程要求的等宽字体有如下要求:

  1. 所有字符等宽;
  2. 简洁、清晰、规范的字符形体;
  3. 支持ASCII码为128以上的扩展字符集;
  4. 空白字符(ASCII: 0×20)与其他字符等宽;
  5. “1”、“l”和“i”等三个字符易于区分;
  6. “0”、“o”和“O”等三个字符易于区分;
  7. 双引号、单引号的前后部分易于区分,最好是镜像对称的;
  8. 清晰的标点符号外形,尤其是大括符、圆括符和方括符。

常见的等宽字体有Courier,Courier New

四、手写体(Calligraphy)

顾名思义,手写体就是手写风格的字体。有时我们也叫它书法字体。中文的书法字体大多都比较生硬。个人更推荐使用日文的书法字体。日文书法字体跟加柔美,更人性。但时使用日文书法字体缺点就是大都都是繁体,另外很多汉字会缺少。

五、符号体(Symbol)

Windows里最著名的符号体就是Webdings(记得以前还在Windows 95的时候蛮爱用的……)。下面是Webdings字体的几个:

中文字体排版 - wunagedan - Café♂♀ゅ

字体的样式

常见的字体的样式分为:正常Normal、粗体Bold、斜体Italic。

简单来说,粗体就是字体会更加黑,更加“粗”。斜体就是将字轴微微倾斜。他们都是用于在篇幅内强调某段文字上。

在说到粗体的时候,我们很容易联想到CSS里的font-weight(字重)属性。我们知道font-weight(字重)属性值除了我们平常使用的 normal,bold外,还有bolder,lighter,100~900等属性。那么这个100~900的值是什么呢?事实上,100~900并没 有单位。优秀的字体会对不同的字重提供不同的设计。如果字体事先内置了不同等级的粗细程度的设计,那么这几个数值将分别对应每个等级。例如Zurich字 体,就包含了Zurich Light、Zurich Regular、Zurich Medium、Zurich Bold、Zurich Black、Zurich UltraBlack六个字体。这样一来,Zurich Light对应的就是100、200、300三个数值,Zurich Reg

ular对应的就是400也就是“正常 normal”,Zurich Medium对应的是500,Zurich Bold也就是“粗体 bold”对应的是600、700,Zurich Black对应800,最后,Zurich UltraBlack对应的是900。

对于中文斜体,一般在网络上是不使用的。因为中文笔画繁多,使用了斜体将难以辨认。

单位

我们的Web设计中会用到一些单位,我在此也列出一部分:

点(pt、point)

72 points = 1 inch,1英寸是72点。就这么简单:)

另外,1皮卡(pica)=12 points

像素(pixel、px)

像素就是电脑屏幕上的一个最小的图像单元,通俗地说就是屏幕上最小的一个点。

DPI、PPI

DPI 全称是Dots Per Inch,点每英寸,PPI全称是Pixel Per Inch。他们是解析度(Resolution)的单位。也就是说,1inch的长度上能安排多少个点(像素)。举个例子,一般的,我们的显示器大概是 72ppi,也就是1英寸的长度上,有72个点(像素)。dpi/ppi越高,解析度就越高,也就是说,颗粒越小,图像越细腻。一般来说,照片的解析度在 240dpi~300dpi之间,所以为什么照片看起来,要比屏幕上看起来要细致得多。杂志印刷用133或150dpi,高品质书籍采用350-400dpi,因为大多数印刷精美的书籍印刷时用175到200dpi。所以为什么同样物理大小的文字,在书上看,要比在屏幕上看要清晰得多。也就是我们前面提到的,英文书籍印刷,为什么可以大胆得使用Sans-serif字体。

dpi和ppi之间实质上没有差别。实在要找出差别,那么唯一的差别也许在于dpi常常用于描述扫描仪和打印机,而ppi常常描述屏幕的分辨率。

ex、x-height

常在CSS中使用。1ex = 小写字母x的高度。

em

常在CSS中使用。当然,em可不是表示小写字母m的高度(事实上,小写字母m一般和小写字母x的高度是一样的)。1em = 字体的大小的100%。是一个倍数单位。

间距

行距(Line-height、Leading)

说到行距(行间距、Line-height、Leading),我们必须先要学习一个术语叫做基线(baseline)。还记得我们刚学英语的时候写字母用 的那个线格簿子吗?那根最粗的横线就是我们说的基线。基线就是大部分字母所“坐”在的,字体的下降部之上的直线。大部分字体,大写字母总是紧贴基线,并在 基线之上。中文的字体和英文的大写字母情况一样。下图红色的线就是基线。

中文字体排版 - wunagedan - Café♂♀ゅ

那么,行距就是指两个相邻的行之间,基线的距离。行间距的单位常常使用em,也就是根据字体大小来定义行距。在浏览器中,默认的行距并没有一个准则。更具 W3C提供的建议,它认为默认的行距应该在1.0em到1.2em之间。事实上,在设定行距的时候,排版上有个原则,就是行与行之间的空隙一定要大于单词与单词之间的空隙, 否则的话,阅读者在阅读的时候容易“串行”,造成阅读困难。充足的行距可以隔开每行文字,使得眼睛容易区分上一行或下一行。近几年Web上对于正文的排 版,大多喜欢1.5em的行距,尤其是中文网站。也就是如果使用了12px的字体大小,那么设计师常常喜欢18px的行距。1.5em确实是一个很好的经 验值。事实上,中文的论文的规范也是使用1.5em的行距。

字间距(Letter-spacing、Tracking)

字间距是指一组字母之间相互间隔的距离。字间距影响了一行或者一个段落的文字的密度。

字距调整(Kerning)

字距调整是一种因视觉需要而做的技术处理。简单说,在两个特定的字符连排的时候,你可以为它们单独指定与众不同的字间距。比如当一个大写A后面跟随一个小写 v的时候,两个字符间就会出现视觉上的更大的间距(实际上字间距是一样的),这是普通的字符间距所无法解决的。如果减少它们的间距,那么其他的字母就会连 成一团。这时候就需要字距调整来处理了。下图就是一个应用了字距调整的例子:
中文字体排版 - wunagedan - Café♂♀ゅ

段落

行长(Measure)

行长是指一段文字的宽度。如下图:

中文字体排版 - wunagedan - Café♂♀ゅ

有两个易读性问题与行长有关:

  1. 行长越长,需要的越大的行距。行距太小,读者阅读换行时容易串行。行距太大,读者阅读行时会感觉到文字不连续。
  2. 正文中,每行40~70个字母为宜。

对齐(Alignment)

段落的对齐基本有四种:左对齐(flush left)、右对齐(flush right)、居中对齐(centered)和两端对齐(justified)。

左对齐是指

设置文本内容,调整文字的水平间距,使段落或者文章中的文字沿水平方向向左对齐的一种对齐方式。左对齐使文章左侧文字具有整齐的边缘。

同时文字的右边就会不整齐。所以英文对左对齐也叫做ragged right,意指外形参差不齐的右边。右对齐也类同。
居中对齐是指

设置文本内容,调整文字的水平间距,使段落或者文章中的文字沿水平方向向中间集中对齐的一种对齐方式。居中对齐使文章两侧文字整齐地向中间集中,使整个段落或整篇文章都整齐的

两端对齐是指

设置文本内容两端,调整文字/单词的水平间距,使其均匀分布在左右页边距之间。两端对齐使两侧文字具有整齐的边缘。

使用两端对齐之后,两侧的对齐线会很明晰,文本块的“快”的感觉也会很明显。但是,在英文排版中,当行长很短的时候,使用两端对齐可能会照成某些行词间距过长,某些行词间距过短,这样参差不齐的词间距会感觉十分凌乱,就像一件到处都是补丁的衣服。

易读性

易读性描述的是排印文本阅读时的轻松和舒适程度。实际上,平常的设计的最根本的目的也在于此。除上文中叙述的一些原则外,我另外收罗了一些小小的易读性原则,与大家分享

  • 一份设计上至多使用三种字体的大小。
  • 一份设计上至多使用三种字体。
  • 要保证一定的对比度,但又不可有过度的对比。阳文(白底黑字)比阴文(黑底白字)要更容易阅读。在#fff的背景上,使用#333的文字要比#000的文字看起来舒服。
  • 要注意文字所在的背景。背景要单一。避免背景噪声。
  • “少即是多” 用最少的元素去传达最多的信息。
  • 让你的链接看起来像是一个链接。
  • 利用好你的空间。推荐Alistapart上的文章 Whitespace
  • 相信一个设计师成熟的过程不会没有这个层次的提升,看这篇还是比较详细的,共勉吧~
    from: OADO论坛
    在中国的商业设计里面是离不开汉字的,可是很多设计师(包括我)在做所谓的私人创作时往往就回避汉字,全是清一色的英文字母。汉字的编排其实很能见一个设计师的功力,大一点说作品里面文字的编排与设计就能看出这个设计师够不够老到。我很喜欢日本的设计,很大一部分原因就是他们的汉字编排。看一看根据地老师怎么说汉字的编排吧,如果你是一个认真的设计师,相信耐心看完肯定大有收获的。
    汉字编排的问题 | 作者:根据地

    先要说一说汉字与拉丁字母的区别,字母是一种纯粹发音符号,每个字母本身并没有意义,单词的意义来自于这些字母之间的横向串式组合,而汉字的组字方式是以象形为原始基础,也就是每个字都具有特别的意义,一个简单的字可能在远古时代就代表了一个复杂的生活场景,因而它也是世界上最形象的文字。两者之间的阅读方式和解读方式都有本质的不同,因此,汉字的编排不能照搬英文的编排方式,它们两者之间在编排上有一些客观的区别。

    首先就是同样字号的实际大小不同,英文因为都是字母,字母的构成结构非常简单,一般在印刷上3号大小的英文都能清晰可辨,而汉字因为结构的复杂,在印刷上5号字已经接近辨认极限了,因而在设计时汉字因为要考虑可阅读性,在设计中就不如英文的字号大小灵活多变。还有英文字母线条比较流畅,因为弧线多,所以画面容易产生动感,这一点上比汉字生动多变。

    第二就是英文编排容易成"段",因为英文每个单词都有相当的横向长度,有时一个单词就相当于中文一句话的长度,单词之间是以空格做为区分,所以英文在排版时,哪怕是一句话,也大多做为"段"来考虑编排;而这点中文就完全不同,中文的每个字占的字符空间一样,非常规整,一句话的长度在一般情况下是不能拆成"段"来处理,所以中文在排版的自由性和灵活性上比不上英文,各种限制严格得多。虽然现代设计中有大量的对汉字进行解构的实验作品和商业作品,但总体来说,还是不能大量推广,毕竟,这种实验牺牲的就是人们习惯的汉字阅读的方便性。汉字的整体编排容易成句、成行,视觉效果更接近一个个规则的几何点和条块,而英文的整体编排容易成段、成篇,视觉效果比较自由活泼,有更强的不连续的线条感,容易产生节奏和韵律感。

    第三就是英文的篇幅普遍比相同意义的汉字的篇幅要多,在设计时,英文本身更容易成为一个设计主体,而且因为英文单词的字母数量不一样,在编排时,对齐左边那么右边都会产生自然的不规则的错落,这在汉字编排时不太可能出现的,汉字编排每个段是一个完整的"块",很难产生这种错落感。

    第四,汉字的编排规则比英文严格复杂得多,比如段前空两字,标点不能落在行首、标点占用一个完整字符空间,竖排时必须从右向左,横排时从左向右等等,这些规则也给汉字编排提高了难度。而英文段落在编排时只能横排,只能从左向向,段前不需空格,符号只占半个字符空间,这给英文编排提供了更大更灵活的空间。这些区别在设计时都需要特别注意,不要照搬英文的排版模式来编排汉字,处理不好就会不伦不类!

    那么对于汉字,究竟应该以一种什么样的原则和原理来进行编排才能使字、句、段、篇看起来美观清晰呢?本人在实践中,有一些经验可以拿出来与大家商讨,我在进行汉字编排时一般遵循的流程是:理解——分类——粗排——精确细排——校对。

    1、理解:在进行文字的编排之前,首先要理解文字的内容。我见过很多设计师只注重版式美现而不关注文字内容,把文字一拿到手就开始编排,从不考虑文字在说什么,他们的原则是文字一定要服从于版式需要。这是不正确的设计方法,对于一篇文案稿,如果我们不去理解它的表述内容,就很容易本末倒置。

    一个标题,究竟用什么字体?用多大字号?横排还是竖排?这些是由整体版面气质和文字表述的内容所共同决定的,而不是按我们的惯性思维理解,标题一定要大,要突出,要用粗壮的字体。

    我们要深刻理解文字到底在说些什么,才能为我们选择字体字号提供依据,才能让文字的视觉感受与表述内容保持统一,才能为我们选择合适的插图提供指导方向。当然这种理解不是表面性的理解,还是真正吃透它所表达的意思,有时一些文字的意义是指东道西的,表面上是说这件事,其实它真正想表现是却是另一个道理,这就需要设计师有较强的理解能力。

    2、分类:分类也就是把我们理解的文字段分成几个层级,并为其分配相应的占用空间和大致的视觉位置。谁是主标题,谁是广告词,谁是副标题,谁是内文,内文的组成结构是怎样的,是否需要进行视觉归纳或者是内容归纳等等,把这些问题搞清楚了,我们就可以为把这些文字分类成几个层级。

    第一级是最重要和突出的,比如主标题、广告词、副标题等,第二级是对第一级的辅助说明或者是次于第一级的,比如内文和某些特别需要强调的电话号码等,第**是最次要的,比如跋、通联、页码、旁注等等,一般情况下分成三个层级就足够了,但有时会有一些很专业的技术图表和技术参数类的文本编排就另当别论了。

    需要特别说明的是,这种分类并不是绝对的,只是一个模糊、大概的基本轮廓,可以让我们了解到编排对象的在版面中的功能和意义。

    最后要做的就是为各个层级的文字内容分配视觉空间,如果有插图配合的话,应该同时考虑插图和文本的空间占用(在这个过程中,最容易出现的问题就是,很多设计师喜欢先把插图定位得很死,把空间都计算好了,在编排文字的时候发现文字的空间不够,这时只能到处找多余的空间把文字硬塞进去,或者牺牲文字的字号大小来妥协,最后的效果就是到处都很挤,到处都不合理,这些对于新手来说要特别注意,文本的容量和插图的容量一定要同时考虑,在有必要的时候一定要对插图的空间进行调整,不要舍不得,整体效果永远都要比局部的效果重要)。

    这里的空间分配的原则就是:每个文本元素都一定要有相对独立的空间,要让它看起来本来就应该在那儿,那块空间本来就是为它而留下的,而不是让人感觉是没有地方放了硬塞在那儿的。这是一个考验设计师整体调控能力的过程,因为空间是固定不变的,而每个元素之间又是互动的,A元素的空间多一点就意味着另一个B元素的空间就会少一点,那么如何让其占用空间均衡合理,要需要从版面美感、视觉流程、表述内容、版面风格、阅读习惯等多方面去考虑,千万不要过早为它下定论,多实验几次才能找到最佳解决方案。

    3、粗排:经历了前面的过程,设计师心中应该已经有了一个初步的构想,粗排的过程就是把这些构想视觉化,以形成一个基本的编排风格,这个过程仍然是一个创作的过程,是对前面提出的编排构想实践和检验的过程,主要是检验各个文本元素占用空间的情况是否合理,(这里要特别注意的一点是,现在已经是在做成品了,因此要随时把自已调整到做成品的状态上来,成品的实际有多大,有时在电脑上体现不出来的,要以实际的印刷经验来判断文本的大小是否合理,是否适合正常的阅读习惯)。

    粗排主要是针对以下几个方面来进行:

    A、对于内文,如果篇幅过长,应该考虑为其分栏。

    分栏的方式有两种:一种就是把整个篇幅平均分成几个相同容量的段块,另一种就是根据文本内容的结构,以自然段为基础进行分栏,也就是每一段分为一栏,这种分栏方式能产生比较灵活自由、错落有致的视觉风格,但不是所有的篇幅都可以这样来分,它只适合于自然段比较明显均衡,段落数量不多,各个段之间的文本容积相差不大的条件下才可以实现。

    分栏的另一个要注意的地方就是栏宽的确定,一般来说,15-25个字的栏宽视觉效果比较适舒,超长或超短都会引起阅读的不方便。

    B、字体的设置:字体的问题牵涉很广,由于篇幅有限,在这里我也只能简短介绍一些实践过程的经验与大家共勉。首先要明白的一点就是:不同的字体有着不同的性格和气质,也就是说字体是有生命的。许多设计师对使用字体很迷茫,不知道什么情况下该使用什么样的字体,其实这就是没有去真正关注字体性格的结果。

    现在电脑上的字库五花八门,基本上我们所需要的字体在里面都能找到,但似乎选择的余地越大情况却越糟糕,各种字体出现在不应该出现的场合已是司空见惯!所以我们要学会区分各种字体的适合范围,一个基本原则就是字体的气质与版面的气质是否吻合?

    比如说楷体,楷体是一种非常经典的字体,经过一千多年文明和无数书法大师的不断锤炼,已经非常成熟了,每一个字都经得起推敲,具有很强的文化气质,因此在做具有文化感和传统味的设计中可以使用。

    宋体也是一种历经几个朝代的字体,被前人们修饰得无可挑剔,端庄秀丽,有贵族气质,还有仿宋体,刚柔结合,精致细腻,很唯美的字体。黑体是一种现代字体,刚挺稳重,有力量感,很醒目,但稍嫌笨重粗糙,但后来发展出来的等线体却非常精致耐看,很有现代小资的感觉,低调却不粗俗,且自成一派。

    但有些字体在设计中却尽量少用或避免使用,比如文鼎的新字库里面的稀奇古怪的字体,非常粗俗,层次很低,然后就是综艺体、中行书、隶书之类的电脑字体,粗糙难看,气质很差。

    真正经得起推敲的几种字体是:宋体(标宋、书宋、大宋、中宋、仿宋、细仿宋)、黑体(中黑、平黑、细黑、大黑)、楷体(中楷、大楷、特楷)、等线体(中等线、细等线)、圆黑体(中圆、细圆、特圆),这些字体是一些标准的基础字体,虽然普通却很耐看,一般内文都使用这些字体。

    当然,也有一些未列入进来的好字体,比如方正繁秀丽体和汉鼎的繁黑变,我就觉得非常不错。

    好的字体要用好的表现方式,对于每一种字体的挑选,一定要根据版面传达的内容和气质进行对照选择,不要带有个人喜好,许多平常不用的基础字体要尝试着去用,这样能加深对字体的理解,还有就是参考好的设计作品,看他们是如何使用文字的。总是就是不要乱用,要有切实可行道理,最关键就是一定要有视觉美感。关于字体,还要补充一点,书法字体和手写字体是对字体过于雷同的一种好的解决方法,某些特别的版面上,使用这种很自我的字体能让版面产生灵气和个性。

    C、字号大小的确定。粗排过程中,每个层级的文本字号应该基本确定,这对于形象画册、书籍装帧设计来说尤为重要,因为这种多页的设计物需要在文字上有统一的视觉风格,每个层级的文本元素应该在不同的版面上保持相同或统一的视觉性格。字号的大小确定需要有三个依据:

    一是各个层级元素之间的对比关系,a应该比b大多少,c应该比b小多少,应该要把各个层级之间的轻重关系体现出来。

    二是版面整体比例关系,也就是让文字突出但不唐突,弱化但要可见。

    三是成品的视觉效果,这是最重要的,比如一段内文,在报纸广告上可能8号至10号就足够了,但在海报招贴上,因为阅读距离的不同,可能需要24号字以上才能看清楚,而在形象画册上,6号至8号字都能看得很清楚,10号字都已经感觉偏大了一点。

    所以根据不同的成品媒介考虑不同的字号大小是非常重要的,千万不能依赖电脑屏幕的显示效果做为最终依据,要经常培养对字号大小的敏感程度,在一个经验丰富的设计师眼里,8号字和9号字的区别是非常大的,它们代表着完全不同的表现力。总之一点,字号的大小是一种固定物理尺度,在设计中不能以单纯的感性观察作为确定依据,而要同时加入理性经验和成品概念来作为参考的依据。

    另外要注意的一点是字体的不同也可能对字号大小的造成视觉偏差,一般来说,字符的占用比较满的字体(如黑体)在同等字号情况下看起来偏大,反之(如楷体)则偏小,这些在不同字体混排时经常出现,需要对其进行视觉修正,一般可以加入正负0.1-0.2的修正值就可以解决。

    在编排时,字号的大小级数不能出现太多(除非你在刻意创造某些特殊视觉效果而需要进行混排),最好每个层级只使用一种字号大小,对于同一层级的不同隶属关系的文本,可以用字体进行区分,否则字号级数过多,将造成整个版面的杂乱无章。一般来说,第一层级的字号大小与第二层级的大小区别要比较大,而第二层级与第三层级的字号大小差距应该要小一点,这样可以清晰地体现出各个层级之间的区别。

    D、字距和行距的再设计:这个问题是很多设计师都忽略的问题,所以要在这里重点说一说。为什么说"字距和行距的再设计"而不是"字距和行距的调整",因为这里面的变化如同中国古代的八卦阵,复杂多变,不同的字距和行距设定会产生完全不同的视觉风格,已经可以说成是一种"再设计"。

    看到过很多设计师在进行文字编排时,直接使用电脑默认的字距和行距进行排版,花了大量精力在字体和字号大小或者段落形状上做文章,却完全忽略或者不重视字距和行距的再设计,以至于最后总是不得要领,结果不尽人意。汉字是方块字,每个字的占位空间完全一样,所以编排中非常容易出现呆板、沉闷、粗糙的视觉效果,解决这个问题的法宝就是字距和行距的调整。如何让一段文字看起来精致、清晰可辨?不单单是字号大小的问题,而是每一个字、每一行字、每一段文本、每一篇章的上下左右的空间间隔距离是否合理。

    一般来说,字距的确定是由字体结构来决定的,因为每种字体对字符的占用空间是不一样的,比如楷体,结构比较自由灵活,对字符四边的占用率比较小,所以它所要求的"字距"也相对较小,字距太宽的话视觉效果就会散,阅读起来很吃力。而黑体和宋体则对四边的空间利用率很高,字符很满,因此它所需要的字距空间就比楷体要稍微大一点,才能让阅读者感觉舒适

    在正常情况下,电脑的默认字距都偏宽,应该适当把字距调小一点。

    而行距的设计,则最能体现一个文字篇章的气质,汉字的行距设定一定要比字距大(除非你纯粹在追求一种特殊效果),行距最小应该在字高的50%以上才会看起来舒适,才能让"行"的感觉出来。

    单个汉字在设计中是一个个"点",汉字的编排就是把这些点连成我们需要的线、面、形体,让它为设计服务,至于是让它成为点还是线或者是面,就完全由字距和行距所决定,有时我们在做一些比较大气的版面时,为了寻求一种视觉张力,会把文字行距处理超常地宽或窄,以加强每行字在设计版面中的作用力,充当"节奏线"的概念。有时也可以夸张字距,让字距超常地宽,让文字在设计中起到"点"的作用。

    总之,或严谨传统,或反叛突破,字距和行距的再设计可以为版面提供更加灵活、富有感染力的表现形式,诸位多多试验就能体会其中奥妙。有一点需要补充的,不要牺牲可阅读性作为代价!

    E、对齐:汉字编排中的"对齐"是让人头痛的事情,有时为了让一个标点符号避开行首行尾,就要对整个段落进行大调整。对齐主要是指头尾对齐、段落对齐,一般来说,一段文字要想让它看来整齐划一,最好让标点不要在行头和行尾出现,这样可以保持文字段的完整性,当然调整起来是很吃力的,但就我的经验来说,有时候我为了对齐一行字,甚至会把所有的文字都打散了来重新进行微调。

    因为电脑的自动对齐命令是基于一种相同的定位数值,而不能考虑到不同字体和字号之间的视觉偏差,设计师就需要对这些视觉偏差进行修正。设计师要具有这种严谨的编排习惯,对每一个元素都要斤斤计较,要做到分毫不差,才能有完美的作品产生。

    F、气口的设置:汉字的编排不象英文,英文有上标下标,有单词之间的空隔,所以排列起来感觉很有节奏感和韵律感,汉字每个字之间都太规则,所以排列起来沉闷无趣,要打破这种局面,就要学会设置气口。

    所谓气口,就是能让大篇幅文本透气的空间,让阅读者有喘气的机会。一般来说,汉字编排中气口的设置在段前段后进行,气口的基本特征就是比正常的行距要大、与文字篇幅外围的大面积留白相连接、具有与空气对流相同原理的空白视觉通道。

    气口的设置根据设计的具体需要进行设置,篇幅小的时候一个气口就足够了,篇幅大而复杂时,则需要设置多个气口,尤其是抽象、枯燥的技术型文本块,由于层级关系复杂,更需要针对不同层级设计不同的气口,这样能缓和阅读的紧张感,让文本块看起来有节奏感和趣味性。

    要注意的是,气口的设置一定要在自然段或自然章节的前后进行,不要勉强拆分一个完整段来设置气口,这样会破坏文本本身的完整性。

    G、文本块的趣味性:汉字编排是很严谨的工作,但有时太严谨就会呆板,这时我们就要考虑文本块的趣味性,当然现在的电脑技术有很多的特殊效果可供我们选择的,比如首字下沉、文本阴影、文本绕图、任意形状的文本框等这些效果,就能让枯燥的文本块产生很好的趣味性。

    但作为设计师来说,不能一味依赖电脑提供的程序化的效果,很多时候我们需要独立创造一些有趣的编排效果,以体现设计的某种特别意图。

    比如让自然段之间有意识的错开、设置特殊的文本块的摆放角度、增加其它的可视化的效果、让文字同时具有图像的效果、颠覆传统的编排习惯等等,在设计的领域里,只有你敢想敢做,就一定会有出乎意料的收获!但不管何种趣味性的效果,最多同时使用两个,用得越多情况反而会越糟糕,要有把握的分寸,时时刻刻都要关注版面的整体美感,不要图一时之快而破坏整个版面,造成杂乱无章的结果。

    H、文本块的外围留空:文本块处理好了,放在哪儿?怎么放?这就牵涉到"外围留空"的问题。

    所谓"外围留空",就是文本块或篇章本身之外的周围需要一定缓冲空间,以利于阅读轻松愉悦,就象是城市的的一栋漂亮的建筑,如果周围不足一米的地方就是其它乱七八糟的建筑,那么这栋建筑将会魅力尽失,而如果它的周围有大片草地,它的魅力才能完整地展现出来。

    文字编排也是同样的道理,如果一个经过严谨编排的文本块的四周全是挤得满满的图片、色块,那么这个文本块的美感就很难体现出来了,所以,在文本块的编排时,一定要在外围留有足够的缓冲空间。

    根据我的设计经验,一般比较舒适合理的留空,大致比例是:如果是从左向右阅读的文本块,那么它的左边边界到相邻元素之间的距离至少要保证3个以上完整字符的安全距离才能透气;如果左边相邻的是纸的边界,则一般需要6个字符以上的安全距离才能缓冲,否则就会有太"冲"和太"危险"的感觉。

    文本块的支持部与其它相邻元素的空间也就应该保持至少3个字符的安全距离,而且越多越好。文本块的右边和下边对空间的需求相对较小,一般保持1个字符以上的安全距离就可以了。当然这并不是绝对的数值,许多情况下这些规则是可以被打破的,我们在设计的过程中应该多进行这种视觉实验,多揣摩好的设计作品的文本外围留空是怎样的,提高自已对这方面的认识,以后就会慢慢掌握留空的方法。

    4、精确细排:这个阶段是非常重要而且是必须的,汉字编排是很讲究精确计算的,严谨完美的编排一定来自于精确的计算,这点在日本的设计中体现得尤为突出(日本文字的编排规则与汉字一样)。这个计算过程就是精确化、清晰化的过程。要计算什么呢?

    在成品的习惯阅读距离内字的大小字号是否已经合理,各部分比例是否恰到好处,文本篇章在整个版面中是否和谐,各个层级的文字是否清晰明了,分栏的栏数和栏宽是否合理,各元素之间的距离是否安全得体,该对齐的部分是否已经分毫不差,字距行距看起来是否舒适,是否已经考虑过印刷成品裁切出血位后的距离,是否有需要进行视觉修正的部分,每个文本块的位置是否能完全确定下来等等问题。

    这些问题都需要经过复杂周密的调整和计算,有些需要通过我们的眼睛进行判断,有些需要借助经验,有些需要校验数值,所以这个过程马虎不行,尤其对于文本量非常大的设计项目,一个地方出错,可能牵涉到所有的版面都需要调整。

    5、校对:虽然这是一个很老土的话题,但是对于商业设计这种讲究效率的行业来说,是必须要坚持的,因为有时我们无意间漏掉的几个字、几句话都可能对你已经精确编排好的版面造成极大影响,可能会浪费你很多的宝贵时间去重新调整,因此,还是校对一下心里踏实些,免得以后重复许多无用功
  • ps签名设计中的字体排版简略介绍如下:

    一.关于排字的顺序.

    二.排字的结构.

    1.简单横排.

    2.十字结构排字.

    3.以一个字为主题.

    4.错落有致.

    5.遮盖型排字

    6.看图定吧,看字定吧.

    三.PS颜色选择.

    四.笔刷高光的运用.

    五.小字的处理.

    六.特殊效果处理.

    中文字体排版 - wunagedan - Café♂♀ゅ

    中文字体排版 - wunagedan - Café♂♀ゅ

    中文字体排版 - wunagedan - Café♂♀ゅ

    中文字体排版 - wunagedan - Café♂♀ゅ

    中文字体排版 - wunagedan - Café♂♀ゅ

    中文字体排版 - wunagedan - Café♂♀ゅ

    于是下面是咱的排字渣图作业……

    中文字体排版 - wunagedan - Café♂♀ゅ

  • 35款运用字体排版的LOGO设计

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ 中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ中文字体排版 - wunagedan - Café♂♀ゅ

     

    中文字体排版 - wunagedan - Café♂♀ゅ

  •  

  评论这张
 
阅读(2233)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018