Deprecated: __autoload() is deprecated, use spl_autoload_register() instead in /www/wwwroot/www.angcn.net/source/class/class_core.php on line 27
2009暑期活动第一波--字体排版 - 张韶涵中文网--论坛 - Powered by Discuz!

张韶涵中文网--论坛

标题: 2009暑期活动第一波--字体排版 [打印本页]

作者: 化学雪花    时间: 2009-7-15 14:44
标题: 2009暑期活动第一波--字体排版
各位亲亲....09暑期{我们的店}活动正式开始...第一项就是字体排版...
如果各位亲仔细观察,这是最最基础也是大家普遍掌握不好的一项,所以呢....为了提高各位已学习过PS的水平和没有学习过PS的同学参与度....
于是乎就建了这样一个很平民化的活动项目咯.....


FIRST OF ALL

当然是提供一下PHOTOSHOP的下载了....
迅雷:http://www.gougou.com/search?search=photoshop&id=1
百度:http://www.baidu.com/s?wd=photos ... t&f=3&rsp=1

建议使用PHOTOSHOP CS3 ,原因是界面简单,稳定...其次为PHOTOSHOP cs(即8.0)。中文完整版为最好


然后就是为各位新手提供的字体安装。

一般都是把在网上下载下来的字体,先复制,然后点击开始菜单-控制面板-字体,粘贴就OK了。
对于PS的制图者,英文的签名常用04b 系列和rr_basic 系列,中文的话手写字体一定要下,比如博洋全部的字体,方正的粗倩 黄草 粗宋 仿宋 瘦金书字体,汉仪的秀英 菱心等,大家可以用BAIDU搜索一下.


最后是最最关键的了,字体排版的教程...
先说教程有点枯燥...没有耐心的人建议不要阅读。


以文字为主的排版样式。文字在排版设计中,不仅仅局限于信息传达意义上的概念,而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心,也是视觉传达最直接的方式,运用经过精心处理的文字材料,完全可以制作出效果很好的版面,而不需要任何图形。

1. 字体、字号

[attach]17880[/attach]

  字体的设计、选用是排版设计的基础。中文常用的字体主要有宋体、仿宋体、黑体、楷书四种。在标题上为了达到醒目的效果,又出现了粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等,在排版设计中,选择两到三种字体为最佳视觉结果。否则,会产生零乱而缺乏整体效果。在选用的这三种字体中,可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小,同样能产生丰富多彩的视觉效果。
  字号是表示字体大小的术语。计算机字体的大小,通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。“点”:也称磅(P)。电脑排版系统,就是用点数制来计算字号大小的,每一点等于0.35毫米。

  2.字距与行距

[attach]17881[/attach]

字距与行距的把握是设计师对版面的心理感受,也是设计师设计品味的直接体现。一般的行距在常规的比例应为:用字8点行距则为10点,即8:10。但对于一些特殊的版面来说,字距与行距的加宽或缩紧,更能体现主题的内涵。现代国际上流行将文字分开排列的方式,感觉疏朗清新、现代感强。因此,字距与行距不是绝对的,应根据实际情况而定。

3. 编排形式
  文字的编排形式多种多样,我们大致可以理解为以下几种:
  左右齐整,横排也可竖排;左齐、右齐或聚中编排

[attach]17882[/attach]

文图穿插

[attach]17883[/attach]

突出字首

[attach]17884[/attach]

4.自由编排

文字编排的特殊表现

[attach]17885[/attach]

形象字体,根据文字的意思或内容进行艺术创造的字体。

[attach]17886[/attach]

文字排版设计的技巧和方法

文字排版设计的技巧和方法

最近又在为公司准备活动,整个文字设计,发现这个对偶有帮助,推荐大家!      文字是人类文化的重要组成部分。无论在何种视觉媒体中,文字和图片都是其两大构成要素。文字排列组合的好坏,直接影响着版面的视觉传达效果。因此,文字设计是增强视觉传达效果,提高作品的诉求力,赋予版面审美价值的一种重要构成技术。

  在这里,我们主要谈谈在平面设计中文字设计的几条原则,以及文字组合中应注意的几点。特别提醒一下,这部分工作应该是人脑完成的工作,电脑是无法代替的。

  下面我们分别从以下几个方面具体讲述文字排列在平面设计中的运用,各小节都配有生动精彩的图例剖析。(注:本文所有引用的图片均为其作者版权所有,除研究、学习以外,不得挪做他用,特此声明!)

  1. 提高文字的可读性

  设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更有效地传达作者的意图,表达设计的主题和构想意念……

  2. 文字的位置应符合整体要求

  文字在画面中的安排要考虑到全局的因素,不能有视觉上的冲突。否则在画面上主次不分,很容易引起视觉顺序的混乱,有时候甚至1个像素的差距也会改变你整个作品的味道……

  3. 在视觉上应给人以美感

  在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受……

  4. 在设计上要富于创造性

  根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现……

  5. 更复杂的应用

  文字不仅要在字体上和画面配合好,甚至颜色和部分笔画都要加工,这样才能达到更完整的效果,而这些细节的地方需要的是耐心和功力……

  6. 精彩作品欣赏

  这类作品不论是字体、样式还是颜色的应用都非常精彩,给人留下震撼和深刻的印象,欣赏这样的作品真是一种享受……

  文字版面的设计同时也是创意的过程,创意是设计者的思维水准的体现,是评价一件设计作品好坏的重要标准。在现代设计领域,一切制作的程序由电脑代劳,使人类的劳动仅限于思维上,这是好事,可以省却了许多不必要的工序,为创作提供了更好的条件。但在某些必要的阶段上,我们应该记住:人,才是设计的主体。

  1. 提高文字的可读性

  文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。因此,设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更好,更有效的传达作者的意图,表达设计的主题和构想意念。

  举例如下

  让你想表达的内容清晰,醒目。让阅览者一开始就可以明白你的意思
[attach]17887[/attach]
    避免使用不清晰的字体,否则容易使阅览者产生反感和麻烦(除非你需要这种效果)
[attach]17888[/attach]
  恰当的选择你所需要的字体
[attach]17889[/attach]
     但是,经过特别的处理,你可以使用一些本来并不合适的字体,比如
[attach]17890[/attach]
 注意文字在编排时的方向,注意安排阅览者的视线
[attach]17891[/attach]
   如果
[attach]17892[/attach]
   那么,你可以做成这样
[attach]17893[/attach]
   或者是这样也可以
[attach]17894[/attach]
   最后一点,通常情况下,你应该
[attach]17895[/attach]
作者: 化学雪花    时间: 2009-7-15 14:45
本帖最后由 化学雪花 于 2009-7-15 23:46 编辑

2. 文字的位置要符合整体要求

  文字在画面中的安排要考虑到全局的因素,不能有视觉上的冲突。否则在画面上主次不分,很容易引起视觉顺序的混乱。而且作品的整个含义和气氛都可能会被破坏,这是一个很微妙的问题,需要去体会。不要指望电脑能帮你安排好,它有时候会帮你的倒忙。细节的地方也一定要注意,1个像素的差距有时候会改变你整个作品的味道。

  举例如下:
  安排好文字和图形之间的交叉错合,既不要影响图形的观看,也不能影响文字的阅览。
[attach]17899[/attach]
  如果你不小心做成了这样(有意安排这种效果的不在此例)
[attach]17900[/attach]
  文字一定不要全部都顶着画面的边角,这样看起来很不专业
[attach]17901[/attach]
  再说一点细节上应该注意的问题,这是容易忽视的地方,也是容易出问题的地方
[attach]17902[/attach]
  这样看起来就好一点了
[attach]17903[/attach]
3.在视觉上应给人以美感

  在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受。字型设计良好,组合巧妙的文字能使人感到愉快,留下美好的印象,从而获得良好的心理反应。反之,则使人看后心里不愉快,视觉上难以产生美感,甚至会让观众拒而不看,这样势必难以传达出作者想表现出的意图和构想。

  举例如下:
  这是一个带有图形的文字版面,也许你认为这样也不错了
[attach]17904[/attach]
  但是是不是太平淡了呢?改一下文字的位置和大小,效果又会怎么样呢?看下图
[attach]17905[/attach]
  或者是这样也可以,看下图
[attach]17906[/attach]
  感觉到了什么吗?其实就是这么微妙,有时只是一点小变化,味道却不一样多了。
  再看看字间距的问题
[attach]17907[/attach]
   改一下看看,好一点了吗?
[attach]17908[/attach]
  对于大的字体如果你照搬上面的做法,也许你会处理成这个样子,这样看起来字与字之间会比较松散
[attach]17909[/attach]
  调整后是这样,看起来紧凑多了。字与字之间的对应关系也出来了
[attach]17910[/attach]

再看看段落文字的处理
  字体加大后,段落之间的距离也应该随之调整(在这里,小字体同样应用这一规则,不过是相反的)
[attach]17911[/attach]
  比如,没有调整段落距离的时候,调整后可以是这样
[attach]17912[/attach]
  如果有多个段落,就要注意更多的问题,比如主次和轻重,以及在内容表达当方面的重要程度等,看这个例子
[attach]17913[/attach]

4.在设计上要富于创造性

  根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现。设计时,应从字的形态特征与组合上进行探求,不断修改,反复琢磨,这样才能创造出富有个性的文字,使其外部形态和设计格调都能唤起人们的审美愉悦感受。

  举例如下:
  这是一个很普通的文字版面
[attach]17914[/attach]
  那么加一点自己的感受在里面,对文字的大小、间距、透明度做些调整,就会是完全不同的效果了。很有意思是吗?
[attach]17915[/attach]

中文字体排版 值得推荐给中国的设计者看

相信一个设计师成熟的过程不会没有这个层次的提升,看这篇还是比较详细的,共勉吧~

在中国的商业设计里面是离不开汉字的,可是很多设计师(包括我)在做所谓的私人创作时往往就回避汉字,全是清一色的英文字母。汉字的编排其实很能见一个设计师的功力,大一点说作品里面文字的编排与设计就能看出这个设计师够不够老到。我很喜欢日本的设计,很大一部分原因就是他们的汉字编排。看一看根据地老师怎么说汉字的编排吧,如果你是一个认真的设计师,相信耐心看完肯定大有收获的。
汉字编排的问题 | 作者:根据地

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

首先就是同样字号的实际大小不同,英文因为都是字母,字母的构成结构非常简单,一般在印刷上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、校对:虽然这是一个很老土的话题,但是对于商业设计这种讲究效率的行业来说,是必须要坚持的,因为有时我们无意间漏掉的几个字、几句话都可能对你已经精确编排好的版面造成极大影响,可能会浪费你很多的宝贵时间去重新调整,因此,还是校对一下心里踏实些,免得以后重复许多无用功

佳作欣赏:
[attach]17916[/attach]
[attach]17917[/attach]
[attach]17918[/attach]


最后,说明一下活动规则!!
1.每人均要找寻有关夏天的优美文字(不限中英文).进行排版,作品大小不限
2.作品上交请各位亲,开新帖,分类选择 活动 进行交图,一人一帖。
3.一张作品金钱+20....最后作品汇总,进行评比,前三名有CN币的奖励,如作品极其优秀推荐美工组+勋章
4.老生常谈的问题,严禁使用他人作品冒充,违者将进行严厉处罚,在他人作品帖请发表有意义的评论,拒绝灌水,谢谢合作。


公帖私用一下,帖一张本人丢脸的排字...

[attach]17923[/attach]
作者: 小舞 、    时间: 2009-7-15 15:01
本帖最后由 、羽翼辰妍﹏ 于 2009-7-15 15:04 编辑

雪花 ...
哇哇哇
我激动的
排字..居然是排字
让我拥抱你一下吧






-----------------------------------
不好意思
雪花
我激动的没有看到
你可以删掉
作者: A牌锐    时间: 2009-7-15 15:12
真的好谢谢哦
我们这些菜鸟可以学习了
作者: 化学雪花    时间: 2009-7-15 15:28
3# 、羽翼辰妍﹏

不用了,原来以为这个教程会一直写到三楼就,发了一个告示,让大家不要回帖,不过我两楼就写完了,OMG好长啊,我要吐血了....
作者: Agnes    时间: 2009-7-15 16:20
怎么能写那么长?震撼!
作者: 宝¨夏    时间: 2009-7-15 19:26
LZ,宝宝没耐心看完
作者: 小舞 、    时间: 2009-7-15 20:04
5# 化学雪花














这个活动我得参加啊
一定要
作者: ┆嫣然┆    时间: 2009-7-15 20:41
好多字。
不会的就是排字。
冲者这么多字。也参加拉。
作者: .o晴天o.    时间: 2009-7-15 20:44
啊然然 难得我看见了你的ID回帖了~~
作者: 小舞 、    时间: 2009-7-15 20:47
完了
然来了
比不下去了
作者: ╭風輕yúп淡    时间: 2009-7-15 21:39
不知道排个字都有那么多讲究。
一直以来都是凭着感觉来的= =。

话说。大家都好涌跃啊。
作者: 梦飕野    时间: 2009-7-15 23:31
【 眷 繪 園 - 设 计 喜 好 者 的 乐 园 】……
我去了~~
那些素材都要钱~~唉!!
作者: 化学雪花    时间: 2009-7-15 23:39
【 眷 繪 園 - 设 计 喜 好 者 的 乐 园 】……
我去了~~
那些素材都要钱~~唉!!
梦飕野 发表于 2009-7-15 23:31

慢慢发帖就会有钱了,我现在算上小资了,一般用不到吧....
基本上我逛的PS论坛都这样...
作者: 小舞 、    时间: 2009-7-16 08:28
哈哈
我只逛美图部落
http://meitu.5d6d.com/?fromuid=15
不仅不要钱
而且素材多多 快乐多多哈
作者: 沫小离    时间: 2009-7-16 11:03
算了
我还是看结果把
作者: 浮 茚    时间: 2009-7-16 11:47
有空可以試試!




欢迎光临 张韶涵中文网--论坛 (http://www.angcn.net/) Powered by Discuz! X3.3