网易设计师:做好文字排版的小技巧

Date 2026-05-11 10:36:36

网易设计师:做好文字排版的小技巧

网易UEDC – SONG:「细节决定成败」,在设计上也是如此。

一个好的设计作品由多种元素组成,有些设计师往往重视图片,而忽略了文本的排版。然而,文本是最强大的表达形式,也是最强大的信息内容。

人们看作品的视觉顺序应该是:从主题到图片,到作品内容,再到各种细节的表达。主题大多以文字的形式展示,这样会更直观,作品的内容会一段一段地解释。

读者的视线在文字上的停留时间比图片长,所以不要忽视文字的排版。

1、中文字体、西文字体的排版和标点符号的调整

在图片中,主题字体的选择往往在很大程度上决定了整体的风格定性,因此字体的选择和设计肯定会占用大量的精力来完成。

通常,大约30%的时间是留给主题字体设计的。如果你使用的时间与之大不相同,你必须仔细审视你的设计。

我们之所以在这里讨论中文字体和西文字体(大部分是英文),是因为绝大多数设计师在选择字体时使用中西文字体,但在设计之初,中西文字体的属性有很大的不同。例如,文本的大小写、手势、重量、间距、基线、字体大小等,因此不能使用相同的字体。

在设计字体库之前,每个字体设计师经常投入大量的工作来做这些调整,以便在大多数排版条件下保持良好的可读性和美观性。中文字体库往往不包括西文字体的设计,西文字体库更不可能包括中文字体的设计。

即使有,大部分也不尽如人意,所以需要把中西文字体分开对待,尤其是西文字体中的衬线和非衬线与中文的搭配。

以下内容使用相同的中文字体:汉仪全唐诗简体。

网易设计师:做好文字排版的小技巧

以下第二段使用不同的中西文字体:汉仪全唐诗简体Iowan Old Style,并对字体大小、间距、基线进行调整。

网易设计师:做好文字排版的小技巧

大段文字不能一个一个筛选调整,小段文字可以用 illustrator;大段文字,如相册,应使用专业的排版软件 indesign。

这的确是一项非常费力和眼力的工作,而且 indesign 复合字体,通常可以调整参数,应用于所有你想要应用的文本,是一个非常有用的工具。

网易设计师:做好文字排版的小技巧

阿拉伯数字也属于西文字体。调整时,最好与文章中的西文字体一起进行。标点符号是最容易被忽视的部分,但标点符号的使用有时会影响整体排版的美观。

以下内容为繁体排版,注意文字间标点符号的排版特征。

网易设计师:做好文字排版的小技巧

就我个人而言,我更喜欢传统标点符号的排版。垂直和水平在段落文本中,分割恰到好处。

我们简体文字的排版是标点符号紧跟前一个文字,后面有很大的差距,导致整体视觉上断断续续不美观。

因此,解决方案可以借鉴传统标点排版左右平衡的优势进行调整。缩小标点符号间距,必要时调整标点符号大小,既能在视觉上保持良好的效果,又能在单位面积承载更多的文本内容。

以下第三段修改方案是我个人的建议。

网易设计师:做好文字排版的小技巧

illustrator 可在文字段落中进行调整「标点挤压集」,设置为「日语标点符号转换规则-半角符号转换规则-」。

标点符号还应注意避免出现在每行的第一个字符位置。

网易设计师:做好文字排版的小技巧

调整字体后,可以看整体排版,也可以说段落调整。

这里推荐《写给大家的设计书》,作者 Robin Williams,这本书讲述了四个设计原则:亲密性、对齐性、重复性和对比性。

排版之所以看起来舒服,是因为设计师重新规划了很多文字,让观众根据权重有序阅读大量信息,达到视觉顺序。

设计师需要使用设计来指导读者的视觉移动线,从哪里开始,遵循什么样的阅读路径,在哪里阅读,在阅读内容后继续阅读,等等,整个过程必须是一个有序的顺序。

1. 亲密性

一些设计师在拿到一堆文字后,急于把它们放在图片中,忽略了它们的内容,错误地将一些不相关的内容组合在一起,或者将应该组合在一起的内容分开,这可能会导致阅读理解上的错误。理解和消化文本内容是设计的开始,并将相关内容分组排列。

名片的排版是最基本的,也是对技能的考验,不妨从简单的复制开始,研究优秀的名片排版,最后眯着眼睛看你的作品!

以下未考虑亲密原则的排版,视觉平淡,无主次关系。

网易设计师:做好文字排版的小技巧

考虑到亲密原则的排版,视觉层次更加清晰。

网易设计师:做好文字排版的小技巧

2. 对齐

只有三种对齐方法:左对齐、中对齐、右对齐。

无序的对齐会使整个页面缺乏可读性,读者不知道按什么顺序阅读。但中间对齐不适合大段落,因为没有统一的起点,会给阅读带来困难。如果必须,尽量增加行间距,使阅读更容易。

在有的 app 其中,文字排列两端对齐,使得有些文字之间有很大的差距,对美观影响很大,应避免。

另外,不要在同一个画面中使用太多的对齐。

下面没有考虑对齐原则的排版,没有视觉焦点和顺序,让读者「无从下眼」。

网易设计师:做好文字排版的小技巧

以下是中间对齐的大段落,红点是每段的起点。这里的起点太跳跃,间距太窄,读者很难找到每段的阅读起点。

网易设计师:做好文字排版的小技巧

3. 重复

统一的字体大小、行间距、色值、空间、线条、图形等,只要能看到的地方应该是重复的对象,页面就会变得统一和完整。

一致性也会使元素与元素之间的联系,而不统一会使整个排版变得混乱,读者不知道谁与谁之间的关系。简而言之,尽可能统一。

以下原则不能考虑重复,间隔距离不一致,也会使排版看起来粗糙不细致。

“网易设计师:做好文字排版的小技巧”

4. 对比

如果规则的布局看起来不符合你想要表达的效果,试着调整元素之间的大小、颜色和厚度。

这样做的好处不仅是为了方便阅读,而且是为了比较图片元素,从而达到良好的设计感。但我们必须结束模棱两可的变化,大大小小,不要浪费时间类似于16号和14号,黑色和深灰色。

对比下面强烈的字体重量和字体大小,既能区分主次关系,又能使画面产生很强的冲击力。

网易设计师:做好文字排版的小技巧

二、排版中还有一些问题需要注意

中文和英文之间需要增加空间;中文和数字之间需要增加空间;颜色和字体控制在三种或三种以内;平衡空白和内容的分布;考虑增加段前或段后的距离(注意不要敲回车钥匙),使阅读更清晰;避免单行只有一个单词。

三、文字标识排版

无论是中文还是西文,都要注意字体的平衡。

一个文字型 logo 高质量的纹理来自于字体结构、字体重心、字体与怀的比例关系、字体间距的平衡、字体重量等多种因素。

好的设计让你完全注意不到,它自然能向你表达一种内在的气质,它不需要花哨的故意装饰,自然在那里。

下面的 Prada 标志,黑色是字面,红色是字怀,蓝色是字留白。

蓝色和红色部分保持着高度的互补关系。所谓阴阳平衡,整个标志字体非常平衡,实现了完美的分布。如果你只是简单地排列字体水平,它会使整体不平衡。此时,不要相信计算机的对齐工具。

这种微妙的变化需要强大的排版技巧和设计眼睛,但它不同于互联网人口「像素眼」。

以下左侧为官方图标,右侧为中间水平分布。

网易设计师:做好文字排版的小技巧

由于汉字的复杂性,在设计中要多注意字面、字怀、留白的关系。 (红蓝平衡)

网易设计师:做好文字排版的小技巧

四、图形排版

当涉及到图形时,不仅要考虑单独的元素,还要注意元素之间的不协调,设计师需要根据视觉平衡进行相应的调整。

不仅要调整字体,还要考虑字怀与字面面积的平衡,图形的排版也要注重平衡。

例如,我们通常看到的播放图标通常由三角形组成。与右半部分相比,三角形的左半部分占据了更多的空间,重量更重。如果按照计算机的中间模式对齐,则会导致以下第一个显示效果和空间失衡,这也是许多经验较少的设计师犯的错误。然而,有时回顾过去,我们无法准确地发现这个问题,因为计算机是中间对齐的。

有一定经验的设计师会根据视觉平衡进行调整,使三角形左右空间达到视觉平衡。

还有一种情况,如下:右灰色矩形和正圆也是100X100像素,上下对齐,但视觉上圆比矩形小,对齐目标比矩形更向内,需要整体调整,以确保视觉和矩形的统一。

图形再次深入延伸 LOGO 设计不仅要从审美的角度来思考,还要考虑其深层含义。

网易设计师:做好文字排版的小技巧

五、后记

设计不仅出现在海报、相册、电子屏幕等媒体上,也出现在我们的生活中。

作为一名设计师,他经常从设计的角度看待世界。工作台物品的摆放、衣服的搭配、电脑桌面文件的归档、家居家具的装饰。

我喜欢把功能相同的东西放在一起,把类似长方形的东西放在一起。事实上,这些都是排版设计的另一种形式。这种设计形式也非常主观。从这些方面,我们可以看到一个人的生活状况。

每个人都是设计师,每天都在设计,只是设计对象不同。

欢迎关注作者「网易UEDC」微信公众号:

网易设计师:做好文字排版的小技巧

「布局设计案例好文」

“为什么你不能一直做好视觉设计?”“为什么你总是很土气?”“你想设计一个引人注目的标题吗?”学习这些易于使用的文本组合技能”“如何学习布局设计中的文本水平?看看大师的实例练习!”“茅塞顿开放!如何学习布局设计中的主要元素提取?”“学习设计K先生:布局设计的意义!”

================推荐明星栏目================

优秀教程网: UiiiUiii.com 它是一个优质的中文教程网站,共享了大量的PS、AE、AI、C4D和其他中文教程也为零基础设计爱好者准备了亲密的知识树专栏。打开免费自学的新篇章,根据我们的专栏一步一步地学习,你可以快速开始并产生酷的视觉效果。

设计导航:中国最受欢迎的设计网站导航,设计师必须: http://hao.uisdc.com