版式设计（第二版）课件：版式设计中文字的编排

版式设计中文字的编排

版式设计中文字的编排一、字体1.常见字体(1)宋体。宋体是为适应印刷术而出现的一种汉字字体。宋体的基本笔画包括点、横、

竖、撇、捺、钩、挑、折等。字体特征可概括为：横平竖直、横细竖粗、横画及横画连接的

右上方有钝角，撇如刀，点如瓜子，捺如扫，结构饱满、端庄典雅、整齐美观。宋体既适用于印刷刻版，又能满足人们的基本阅读需要，因此一直沿用至今，它是如今版

式设计中最常使用的字体之一。图3-1-1所示为一般宋体字。如今，在一般宋体的基础上还发展出了一系列与其相似的字体，如特粗宋、粗宋、大标宋、小标宋、报宋、书宋、中宋、仿宋、长宋、宋黑等。其中特

粗宋、粗宋、大标宋、小标宋、中宋由于横竖笔画粗细差别较大，不适用于大篇幅地编排正

文，通常用于编排标题字；报宋、书宋、长宋适用于编排长篇正文；仿宋多用于编排引言、图注等说明性文字，常见宋体字如图3-1-2所示。

版式设计中文字的编排宋体

T图3-

1-

1

一般宋体字宋体宋体宋体T

T

T特粗宋

报宋

仿宋图3-

1-2

常见宋体字

版式设计中文字的编排(2)黑体。随着无饰线西文的出现，

一种新的印刷字体——黑体产生了。黑体也称方头体、平体，其特点是：横竖笔画粗细一致，没有宋体字角的装饰，结构严谨、笔力遒劲、庄

重醒目、严肃且富有现代感。黑体还分为特粗黑、粗黑、大黑、中黑、细黑、中等线、细等

线等。其中特粗黑、粗黑、大黑、中黑适用于编排标题，细黑、中等线、细等线适用于编排

正文。常见黑体字如图3-1-3所示。黑体黑体黑体T

T

T黑体

大黑

中黑图3-

1-3

常见黑体字

版式设计中文字的编排

版式设计中文字的编排(3)楷体。楷体是在楷书基础上发展出来的一种字体，与手写楷书字体相似，其特点是：流畅和谐、富有韵味。它通常适用于正文及说明性文字的编排。楷体字如图3-1-4所示。楷体

T图3-1-4

楷体字(4)书法体。书法体是用手写书法字体加工成的计算机使用字体，包括毛泽东字体、瘦金书、雕刻体、魏碑、舒体、琥珀体、彩云体、竹节体等，其中几种书法体字如图3-1-5所示。法书

法

书

法T

T毛泽东字体

瘦金书

雕

刻

体图3-1-5

书法体字

版式设计中文字的编排(5)艺术体。近年来，字体设计者还将POP

广告字体、异型字等艺术字体放进字体库中，从而使版式设计者能够更便捷地设计出符合版面需要的文字。几种艺术体字如图3-1-6所示。藏

体

霹

雳

萎I心

版式设计中文字的编排T霹雳体T菱心体T藏体图3-

1-6

艺术体字2.字体选用在同一版面中，字体的种类不宜过多。选用字体时，字体之间要保持风格一致。同一版面

中有多种不同层级的信息时，最多使用2~3种不同类型的字体。信息之间可以通过变化文字的

字号、颜色以及笔画粗细来加以区别。使用粗体字使文字信息醒目的版式设计实例如图3-1-7

所示，该版面字体选用的是醒目规范的粗黑体，可使浏览者第一时间看到版面的文字信息。

图3-1-8所示的版面字体选用的是富有艺术性的书法体，版面充满了人文色彩。

版式设计中文字的编排12/271E:论语与设计师那点事9THEANALECTS&DESIGNS解

胖

版式设计中文字的编排图3-

1-

7

使用粗体字的版式设计实例图3-

1-8

字体选用书法体的版面主讲工匠.+KKi三

来

认不.伊9

44国F二、字号1.字的大小(1)号数制。号数制是我国传统计算汉字活字大小的标准，号数有一号、小一、二号、

小二、三号、小三、四号、小四等。号数越大，字越小。号数制的优点是使用简单、方便，

使用时指定字号即可，无须关心字的实际尺寸。号数制的缺点是字大小受号数的限制，有时

不能满足版式设计需要，不在号数范围内的字的大小无法用号数来表示；号数不能直接表示

字的实际尺寸；字号之间没有大小上的倍数关系，折算起来不方便。号数制是目前常用的表

示汉字规格的标准。

版式设计中文字的编排whenyousay

nothingat

all.9

产…相生主

”………

…

…

…

…

…

…

…

…

…

正文/9pt世太n

私世选的.县二.签来.三相西也，川性码.9地额设

门u力“等e'n

苏栋，世连声的番位听练.地分催无，8e

一

地

.是件证：别章℃rmg

树怀，地的野化积0

n.能为口有三时弈资约，以及E共华

来.计他道，出，金活也是，平0n

速之

施自naniso

熟世高#肝买，直*.1选实下老

子(2)点数制。点数制是国际上通用的计算活字大小的标准。这里的“点”不是

计算机字形的点阵，而是计量字大小的单

位，

一般用pt

表示，俗称“磅”。使用点

数制时，字的大小与字号之间的关系如图

3-1-9所示。

版式设计中文字的编排Forward………

……………

You

say

it

best,……………………·标题/36pt副标题/21pt图3

-1-

9字

的

大

小

与

字

号

之

间

的

关

系

示

意

图2.字号选用原则版面正文的字的大小应该设定在一定的范围之内。

图3-1-10所示的报纸版面，就是通过变化字的大小来

控制版面的阅读节奏的。

版式设计中文字的编排8

道

无名者蘑影图3-

1-

10

报纸版面三、文字编排1.字距和行距字距和行距对整个版面的视觉效果有极大的影响。正文文字的字距一般默认设定为0,设

计师在对版面文字进行编排时，可以通过调整字距打造版面的节奏感，以产生丰富视觉的效

果。实际版式设计时，还可以根据需要对部分文字的字距进行调整，以增加文字的视觉冲击

力。字号和字距的设定需要结合字体特点来考虑，以达到版面平衡的视觉效果。

版式设计中文字的编排进时间27日下卖地山69美

蒸保莱

人，商在严尔范中心单

行的此20喜72似部原携抽

大，

特各高国度

证

众t

伏力政呼百中.56中国纤

身8田加证址警上理槟每，单竹中面

红立地彩海式上一道凤前中国参商34个额目金牌总数位列第一近所桂地人童力世恒就地收”其B单

世化W

录

控9通月京流在来新陈书工E神

。多个项目实现金肺或奖膜“零”的突磁中队在命申世注前大IS实

噻古

Mn,莫代

，所学味三家、作与和日上应大当国高贸在0

的

庭力对1r实

力

；

就上

：

中评万mM

工

的

9更多青年投身按能成才，技站报国道路4世太出放1许老得产提型力

和进示，14世物模照大费特潮一收头

种其巨，明K

结理人

7墙

5

彩

量

前吉车二投新身L投建现才

附B频族水

0口家点分保是中模热平江/力彬立，也是对

中国随就人真左明彩数当数上青的耗分付

元

抵则郸K46

增四炳牌厚E

近V彩疾华合租，火品德有算N海

小口了青性t

样6全

畅

1T

工作，为平(1生色转怀机工课享和当

路，一，L自I上,

7095中耐中加山治附上能量→

直

击最后一站6金裁判直呼“太厉害了”治口管口行代奥地

原出省染年款相扫电大

意

，四

后土首，工武i地息体章言

需龄解术.主世车部彩服%

北理7个买目，共得48浙个国地区tnn

名违主泰性、酷建商犯单速，中国西乐在步加座1收%,今年班大上

究

年sz

二T个大

29鸿的宁里面空章新养利冠曲化工瓶临的第闲草乌91缺配化旱口重五染情，四队

二个研a

上

缩王平1000里全

鼻，高项中属队篮日苦三复I50

物罗

选

地

单

0

西

望

分

甚

速

产解涩鱼工业初耗日临,声

忆

字临内保断

星我情品会血登星土超国怕旅，车品照地利选证

带体卖会解；2

光赛1

神

有五宁屏系6立型情系精质

上世在所三功时比

流，Y

里赁，青资质换

上

高

泡

力

5

列

真。算就

新国大音市儿感位上要国自

尊惠

照，烫

第国世

丰纯情1料地

监

，

作R

大Mn

员北中族苏

携他作在能九作第

步穿如进三旅得快，件

曲世北喷验

玉5

圆5磁组鱼步质建流物平生第进开者“回家美人下引

一

意在工资新乡出4

1

盖

男竹

老德，买所拿所彩海力显京属属“

土据育华壮间枣明济a神m地

术行距的设定应视版式设计的具体情况而定，一般情况下文字行距默认在1/2~1

个字高之间。如果文字的行距适当，则文

字识别度高；小行距的文字通常不如大行距的文字易读，但能节省很多版面空间。

标准行距版面如图3-1-11所示。

版式设计中文字的编排21金中国工匠闪耀世界技能大赛多个项目实现“零”的突破青年工匠传承衣钵技能报国1

3

纵

闻

天

下(

8(2*1月移2日1C

北京晚饭e2个四毕0.附阻地秤亮区6。

，峡比性上共个圳脚2个和势即赛作引保九希隐大中技来单□2格22

工共2地

是69P术m新

为

图

3

-

1

-

1

1

标准行距版面s

响屏，程4

和6个杜三忙但金抑校监一王收用保万好或的

，T

中一代画立绍十速战等哪土面，计开发厚面种军的位

中马药四节大部事陋序题094立落本林中民解位校天窗为了便于阅读，一般行距要大于字距。现代版式设计时，设

计者也可以采用行距等于字距，行距小于字距，变化文字大小、行距、色彩等的设计方法使版面

视觉效果丰富有趣。杂志内页中，标题字有时也会采用加大字距的

设计以吸引浏览者的注意力，但

采用这种版式设计的部分不宜过

多。特殊行距版面如图3-1-12所示。

版式设计中文字的编排exploreestilocultura图

3-1-12

特殊行距版面arte82368

62.对齐方式(1)两端对齐。在对文字较多的文章排版时，文字如果自动换行，会经常出现标点符号

在行首、行末空半格等问题。针对这些问题，排版时可在排版软件的对齐方式中选择两端对

齐。图3-1-13所示为常见的文字两端对齐的版面。通常出版物的正文都采用这种对齐方式，

以使整体文本形态规矩、严谨，方便浏览者阅读。

版式设计中文字的编排24北京论语9/z22

非物月2日计

4

n/有技能就能让世界刮目相看刮腻子制出世界冠军属现断一代工匠风果

立已胜富单蜂加22年世尽技能

大齐驶形养法国事医，来自路江的0”小做马家这在以夫和画场项

上

消

洋

全

肆，实路

7

中

从么

自上金群幸的实璃、故燥赛布讹要

为他卷技就畏林西光”,是被赛地业

最离，概续段大

，力最大的职盐

猛能事率。中属代在因是协烫俱，最

童回前已鼓仔15秋金辉，3医库热讯许和5个优胜痛导疾劈现暗一

差添肠的，是杜变

乡工两友的感叹，有人说与实选

进施道件见是径三百*十律，

存行出点元”有人同，爷家里收修叶

这不能价世养冠军前来自香，有外径

人士直言，还真手如速铜溪子也最刮

成世果感率…马家达燕读淅江建

造技绑学民，参加阵走与隔墙系挑项

何格已有年，2019年，他营与中

俄共本通队一起前社第45卡养皮

此大赛里场加海隐成，时挽希下块

心，要代表中国具出税。为了务战比音苏，他每炎在实谢主训站量不慎手7未厚、能湾一年的财秋，端令育挑下决口代人前家B出武，是为

争充岭热加担盘；下

心圣陈t

艺，

是超4自裁的重马畅。邮机于临

磺很多人看来下丸华诗工作，却足所

墙装排的重卖步骤。其有批每个挑

本势作路到位、每个加节假到位，十美峰式真

次有战径可走，需要信急

主裤、正是的为带量一顾童回之口。

这梦之心，神之心，马里临才施西由工是毒到了马发速这项此械纳

“例大白“十艺，网发才面对道个行止6就库出金际就令人米喜的是，这车年.隼马蓝达谋鲜民布实力足有澡

力的拉世人才不晰法烈，同样是

22年世尽盐证大高，在临业巴塞

年，李德页祥掌器制为棒，出石码族得精粉木工程共全

埠，工枫储费好志工堆再讯旅奖

西史性族蛙改写纪录，让世鼻世到了中国技进人十的实力，新转出中

四制填与中鸡邻墙的乱力，复中证

丁国军支特教世人才队焦建造放

茉的临方。“事怕卡担会，此怕一鲜、与南季若藤，苹人盐研、房于初所、盘为

人电；越采起多的机批人寸，森大

大小小的平儿真住牌头干生九皮热，万智黑和就手彩显身动者的力量确西欧如风来。恶语标签伤人近日，长沙一小区身注必弓的嘉

单主传到上、在半上，那分血主居煎核物生管家村上“习头”标茶

物生会苑表步，建份右举是已授禹轼

岭前怪段林管家所写，现任骨家整理

资针叶羊中母发到燕主群，

来

已

让管军一户户郎电递去

欲。地

住进岛也件约试物生

事彩物业必

闻是为乡主耗务的，档星却妃自已定

收成了”宝者多”,居高临下地拾自己

岭泰食及4打棒，彩点途种心态

地

一海天，的读

一次局解确本7

科建，此其名华上的法多肿7.

姓领值心里使有“被迫”涨价属心断江联水一家胜皮落单是费

给在民上度发的监务，漂地彩南地

流的人越来越少，最来，求民工党厚

理定当有点画绪，竞查理的次数多T

不针意思.不如少类一点钱，让火军

得心安

寻一人善清琢粹，定挑“被道”系台；东风1见吊剪式

元求民工见弟、店老板都是富在

人，互初为对方看总的杜计会人、会法行母与审场辽样并不寺后。丑需要找到熟个平地人，曾人建跑

手有命自

喜双方更加且童自草自

梁的河时、忆展施他人感堂。位

总考非雪重头。ounca1#进i8ra*u.

t*

k16kuI8.iu8nI-nn11al

版式设计中文字的编排se.t

Ain*7:Amwe

s

878ia

8*iukt

#1.1图3

-

1

-

13

文字两端对齐的版面二

解

7

8

-

1un8at(2)居中对齐。居中对齐通常用在标题行中，因为标题文字较少，又有统领全文的作用，所以一般选用较大字号加粗排列在整段文字最上方。对诗歌进行排版时，大多也选择文字居

中对齐。总的来说，居中对齐这种对齐方式适合较短小的文字内容，如标题短语和短篇文字。

文字居中对齐能形成对仗感。图3-1-14所示为文字居中对齐的版面。

版式设计中文字的编排图3-

1-

14

文字居中对齐的版面(3)左对齐。左对齐是以整行文字的左边为基准进行对齐的方式，每一个字符和下一行都对齐。左对齐符合中国人的阅读习惯，给人以优美、愉悦、流畅之感，适用于篇幅短小、

又需要着重突出的文字内容，是现代版式设计者常用的文字对齐方式。图3-1-15所示为文字

左对齐的版面。一ie一

版式设计中文字的编排图3-

1-

15

文字左对齐的版面(4)右对齐。右对齐是以整行的右边为基准进行对齐的方式，每一个字符和下一行都对齐。这种文字排列方式一般用在整个版面的右下角的文字内容的编排，起到收尾和平衡版面

的作用。图3-1-16所示为文字编排使用右对齐的版面。

版式设计中文字的编排图3-

1-

16

文字右对齐的版面3.

竖排版、横排版与自由排列传统上中文一般采用竖排版，匾额、招牌等

文字从右向左横排的情形，也是一字一行的竖排版。图3-1-17所示的版面，部分文字采用了竖

排

版

。

版式设计中文字的编排图3-1-17邢分文字采用竖排版的版面LatinType31

Design西文字体设计线下课程图3-1-18所示的两幅作品，文字排列打破了横排或竖排传统，采用了自由排列

的方式，配合色彩和文字大小的变化以及

笔画的转折，展现出了丰富、自由的版面

风

格

。

版式设计中文字的编排图3-1-18

文字白由排列的版面四、文字设计1.设计标题文字(1)标题字体的选择。标题是版面的统领性

文字，是浏览者阅读文字的起点，设计合理的标题

字形，具有美观、直观、烘托主题等特点。标题要

求字号在版面中最大，甚至可以单独构成版面。如图3-

1-

19所示，该报纸版面中，报纸名称采

用蓝色粗体字，非常大气，可给浏览者以产品可信

度高的感觉。中图似

hachelucarura6Michelin

rocks

the

boatinShanghaiStylishQingdaosetssailtobecomefashion

metropolis

e

版式设计中文字的编排CHINA

DAILYINSIDESstcod

deicacies

yx-found

p80Biuis

portlo图3-

1-

19《中国日报》高质量的字形处理会让浏览者眼前一亮，并能给浏览者以该产品内容丰满、有文化内涵的感觉。如图3-1-20所示，封面标题的放大、变形，与其他文字形成对比，整个版面均衡对称，

色彩统一，文字可识别性强，整个版面文字排列保证了阅读的整体感，标题设计非常成功。夸张大胆的文字设计，会增加阅读的趣味性。夸张的标题文字设计如图3-1-21所示，标

题设计采用了圆润的字体，很好地配合了版面主图，使版面看起来轻松活泼。

版式设计中文字的编排TALKEVENTCHINESE

FESTVAL2N1

e

美话中国年版

式

设

计

中

文

字

的

编

排标题设计实例夸张的标题文字设计图3-1-20

图3-1-212016《祖影艺术中国文化亚念PhotographicAfChineseCulturalConcaps鲁还《故事斯端》小脱相图橙计相

人NQunhul

旁/i

/

儿

/im

需Psn2

施

橙

工stheucYKA%NIAKNn形酒/胆单售哪

理刷的(格之注

k/