作品集排版基础：文字要素全解析及常见误区列举
今天的分享则从排版中最基础的元素，文字讲起。
作品集中的文字要求
在UI作品集的排版过程中，文字的运用仅次于作品本身，占据着至关重要的地位。若想深入理解排版技巧，首先必须对文字的内涵有充分的认识。文字的几个关键点主要包括：
字体
字号字重字距字色行高区域
过去在基础UI规范中详细阐述了这些要素，然而，许多同学并未深刻领会其细节与内在逻辑，因此在制作作品集时往往将这些知识抛诸脑后。因此，接下来我们将从作品集的角度对这些要素进行深入剖析，并揭示其中一些常见的错误观念。
一、文字字体
字体代表着文字的呈现形式和风格类别，在市场上存在着大量可供选择的字体资源。然而，对于初学者来说，他们可能会遇到两道难题：首先，他们需要找到所需字体的具体文件，并将其安装到个人电脑上；其次，他们还需关注这些字体是否适用于商业用途，以及是否存在可能侵犯他人版权的风险。
第一个问题实际上并不复杂，解决方法显而易见，因为关于字体的选择等相关信息，我们能够轻松地找到下载链接。至于第二个问题，大可不必担忧，鉴于作品集并非用于销售，而是仅作为个人学习和参考之用，因此不会引发任何版权方面的困扰。
那下面，我们就要讨论，作品集中用什么字体合适呢？
只有一个建议 —— 标准黑体。
这个所谓的黑体并非指代系统内置的“黑体简”，而代表了一种字体风格的广泛类别。谈及字体的分类，我们大致可以将主要的字体风格划分为三大类：首先是黑体，即非衬线字体；其次是衬线体；最后是艺术体。
黑体，是我们日常生活中所见最为现代、常见、庄重且规整的字体样式，其笔画处理简约，缺乏过多的修饰与曲折。衬线体字体则在维持特定书写风格的基础上形成，因而特别强调“落笔”与“收笔”的笔触表现。相对而言，艺术体字体则不拘泥于传统文字设计，是一种创新且个性化的设计风格，样式繁多，形态各异。
以用户界面设计为核心的互联网领域，其风格更显现代、科技感、都市气息和商业化特点，因此对于字体的选择也有着相应的要求。黑体字体恰好能够与这一行业的特点相契合。鉴于此，我们在对各大科技公司的官方网站以及视觉设计进行排版时，均以黑体作为标准进行后续的设计工作。
设计灵感往往源自于对“排版”理念与技术的把握，然而，众多初学者似乎误将挑选一款炫酷的字体视为提升设计感的途径，然而这样的做法注定难以达到预期效果。在众多作品集中，滥用字体的问题普遍存在，字体使用得越花哨，整体给人的感觉就越显得轻佻且缺乏专业性。
并非表示衬线和艺术字体绝不可使用，但对其运用技巧的要求确实相当严苛；若无法掌控，则不宜选用。
此外，无论是中文还是英文，它们都采用相似的分类标准。在中文与英文的混合排版过程中，存在一个尤为关键的细节，那就是中文字体通常都配备有相应的英文字符。举例来说，当你选择了“苹方简”字体时，即便输入的是英文字符ABCD，也能正常显示。然而，若你选择了英文字体如“Arial”，那么在输出中文时便会遇到问题。
尽管某些设计软件即便选用英文字体也能在文本框中输入中文，这主要是因为它们进行了字体缺失的匹配处理，自动将缺失的中文字体替换为系统内已有的其他字体，因此，同一个文本框中会同时使用两种不同的字体。
这是我们需要尽力避免的现象，由于不同字体在笔画、基线和中宫定义上的差异，当它们被置于同一行时，会产生显著的断裂感。中文文本中包含英文字符，这主要是由于排版上的混合需求所决定的。因此，必须专门设计一套与中文风格相匹配的英文字体。在中文和英文同段混排的情况下，不应再使用其他独立的英文字体。
建议使用的字体：
二、文字字号
字号问题在设计中尤为常见，尽管它是设计软件操作的基础知识，通常在学习的第一天就应该掌握，然而在众多作品集中，字号的使用却常常缺乏合理的调控。
字号设置中最基本也最朴素的要求 —— 看得见字。
一旦观众翻阅作品集，其中的文字大小恰好适宜进行正常阅读，既不过于庞大亦不过于细小。通常情况下，字体过大的问题较为罕见，而主要的问题集中在字体过小，导致阅读困难。即便有些作品集在排版上看似精心，却仍流露出一种“尽管我放置了大量文字，实则并不期望你进行阅读”的姿态。
设置字号的难点主要在于，作品集的画布在使用上与实际项目标准存在差异，而且不同人制作的作品集画布尺寸各异，因此很难制定一套统一的字号标准。以我为例，我通常推荐使用1280或1440像素，但也有人偏好1920或2560像素的设计，那么我们该如何确定一个合适的字号呢？
在此，我提出一个统一的方法，无论你之前创建的画布大小如何，都应在旁边打开一个优质设计网站的具体页面，将你的画布调整至与该页面相同的尺寸（通常宽度在800至1000像素之间），接着在画布上复制一些段落内容，并调整字号，找到在此状态下你能够接受的最小字号，这个数值就是你制作作品集时正文部分字号应遵循的最低标准。
再次阐述理由，尽管在创作过程中你或许采用了全尺寸的画布，然而在面试官的视角中，我们审视作品集时往往是以窗口形式进行的，而这种窗口的大小往往与设计网站上的详细展示区域相仿。
标题与文本的排版关乎视觉美感，至于字体最小尺寸的设定，则受到实际物理条件的制约。我们应首先保证文字的可读性，然后再讨论版面是否美观。
若有人询问，我的分析内容若达到上述数量，以当前字号呈现是否显得过于拥挤，是否应当适当缩减？
当然，我们无法接受任何妥协。若分析内容连最微小的字号都无法容纳，那么唯一的结论就是——文案内容过多。我们必须摒弃一个错误观念：认为文字越多，作品集就越出色。实际上，阅读体验远比堆砌大量无人愿意阅读的文案信息来得重要。
三、文字字重
文字笔画的粗细，即所谓的“字重”，在版式设计中扮演着至关重要的角色，其主要功能在于实现文字之间的对比效果。
汉字的字重使用实际上相当简便，主要由于字重种类并不多，一般仅有3至5种。至于细体和极细等字重，由于阅读体验不佳，并不适合用于作品集的设计场景。
在字重运用过程中，实际上面临的关键问题仅此一个——究竟在何种情况下应当采用粗体字重？
最简单的做法，是在标题部分统一采用Blod或更重的字体，而其他普通文本则保持默认字体。这是因为标题部分需要较为粗壮、紧凑的字体来填充页面空间，以增强视觉效果（正形字体比副形字体更为突出）。若使用较轻的字体，则会使标题显得不够有力，给人一种“柔弱”的感觉。
比如看下面对比：
这一点在中英文表达上并无二致，对于需要较多支撑的标题来说，其所需字体的粗细程度应当更高。然而，由于 iOS 官方字体“苹方”在最大粗细度上存在不足，因此在作品集的推荐中，我通常会优先考虑剔除这一字体。
四、文字字距
文字之间的间隔被称为字距，这一设置在常规的界面设计中往往派不上用场，尤其是在中文排版中。然而，在平面设计领域，它却是一项不可或缺的元素。
在主要的使用场景中，标题的运用至关重要；由于某些字体默认的字间距较宽，一旦字号放大，这种间隙感便会更加显著。因此，为了增强填充效果，我们有必要紧接前述内容，通过缩小字间距来达到目的。
必须明确指出，并非所有字体都需要进行修改，特别是英文字体，有些用于标题的字体本身具有微小的字符间距，至于如何调整，则需要大家根据实际情况自行做出判断。
五、文字字色
文字的色泽即是其色彩表现，这或许是我最不愿提及的特性之一，相信大家也能理解，一旦提及，便意味着问题相当严重。字色与字号的标准相同，即——必须清晰可辨。
字色出现问题的原因在于，众多同学对文字的认知仅限于将其视为界面上的一个视觉构件，仅用于与其他构件搭配和组合，因此颜色需要“融入环境”，却很少将它们视为传递信息的手段。
因此，文字在画面上的可见度显著下降，这主要是因为颜色与背景难以区分。
处理这一问题向来轻松，要么调整背景色调，要么改变文字颜色，凭借肉眼即可直接评估其阅读效果，无需依赖复杂的灰度计算公式。
只有当文字背景的对比度足够高，文字才会显得清晰整洁，否则整个画面就会显得杂乱无章。
六、文字行高
文字行高指的是单行文字的高度，在平面布局中，其运用与界面行高的运用存在一定区别。这种区别，我一般将其划分为两个主要类别：单行文本的行高以及多行文本的行高。
单行文本特指那些仅包含标题的文字，这类标题通常只占据一行空间，无需额外换行。对于这段文字来说，行高显得多余。而且，由于标题字号普遍较大，行高也随之增大，这在实际排版中显得颇为不便。
因此，我建议调整文本的行高，使其与字号保持一致。若所选字体并非位于文本区域的中心，则需手动微调行高，直至文本准确居中。
在封面上或是某些组合式标题里，尽管它们呈现出多行的外观，但并不适合进行段落式的阅读。因此，这类标题的每一行都可以独立成为一个单独的图层，而非依赖于单一的文本图层进行控制。从本质上讲，它们依旧属于单行文本。
最终，还需关注的是多行文本的行高调整。这一设置在深入探讨排版细节时颇为关键，然而在此处详述显得多余。只需牢记一点，即作品集中用于阅读的多行文本，其行高应采用字号1.6至1.8倍的倍数（非UI界面所用）。
例如，选用16号字体时，应搭配28像素的行距；若采用24号字体，则需调整至40像素的行距，以确保在阅读时换行能够带来舒适的体验。
七、文字区域
设计软件中的文本框区域，亦称文字区域，其功能主要是展示多行文本。尽管在先前关于行高设置的讨论中，我们提到了多行文本的相关参数，然而，对于文字区域的具体介绍却并未详细阐述。
在二维的画布上，多行文本呈现为矩形形状的块状元素，它是专业排版中几何布局的关键构成要素之一。以图示的版式“原型”为例，它能够明确界定文本的不同区域，从而帮助实现整体的页面布局。
在作品集设计方面，同理，在那些需要展示文本信息的页面布局中，首先应当考虑文本区域的位置，随后再着手填充具体内容。这一过程关联到栅格系统和版式设计的基本原则，关于这些内容，我们将在后续进行深入探讨。
在此，我们需重点探讨的是，在解释性文本区域内，对文本空间的运用需与版式设计相协调，而不仅仅将其视为存放已撰写文案的简单容器。文案内容固然至关重要，然而，任何专业的平面设计都需根据版式要求对文案内容进行调整，这包括对文案的删减与扩充，以及对段落进行拆分或合并等操作。
段落型文本在行高方面存在差异，同时还有一个至关重要的操作——断行。这意味着，单行文本内容不宜过长，一旦超过某个特定长度，阅读体验便会大打折扣。因此，相较于一般书籍，16开杂志更偏爱分栏式的文本排版，这主要是因为其页面宽度较大，无法与单一文本区域的宽度相匹配。
具体需要确定多大的文本区域呢？这个问题没有一个固定的数值可以提供，因为每个人设计的作品集尺寸都有所不同。我们可以提供一些大致的指导，比如，解释性文本的宽度最好不超过内容区域的50%，而在垂直方向上，则不宜超过单屏内容区域的60%。
八、作品集字体整理
先前我们讨论了许多关于字体属性及参数的运用方法，这些内容无疑是基础且易于归纳的，若想在整体运用过程中避免错误并提高效率，那么对这些内容进行——规范化便显得尤为重要。
如同规范 UI 项目的字体要求一般，对于作品集中的文字运用亦需制定一套统一的标准，以协调字体的一致性和风格。为了实现风格的统一，需对作品集内文字的“身份”进行明确，例如以下几种类型：
在大型标题页面中，页面的标题通常分为大标题、小标题、标题和正文，其中正文部分又包括小正文和注释文字。在英文版中，相应的大标题、小标题、标题和正文同样存在，分别用英文表述。
上述内容仅代表了一些普遍性的建议，并不意味着你的作品集中必须完全遵循这些模式。在完成基础的作品集页面设计后，你应当自行总结出适合自己作品集的特定文本类型。例如，特殊说明文字、数字的运用、营造氛围的装饰性文字等。
需将这些字体的格式进行归类，并在此基础上，在软件中构建“文本格式”，以便在后续的设计阶段得以重复使用。
然后，我们就可以用这些字体进行作品集的排版制作了。
在运用文字本身参数时，并无太多复杂的技巧可循，只要熟练掌握了前面所讲解的基本规律，即可。在此基础上，我自信满满地告诉各位：
“作品集做的难看就一定不是文字样式的锅！”
不可因排版技巧不足而一味聚焦于个别段落或标题，过度纠缠其中，徒劳无功，亦无法带来期望。宜将精力分散至网格布局、空间规划、色彩运用及创作本身，方能切实提高作品集的整体品质。
花费大量时间研究那些杰出的作品集以及类似behance等平台上的作品是如何进行包装的，发现高级的设计往往采用简洁的文字，而那些信心不足的初级作者则倾向于使用繁复且花哨的文字。
结尾
为了增强作品集的排版技巧，深入理解字体至关重要，这是基础中的基础。理解得越透彻、越深入，越能有助于提升。因此，大家应当广泛阅读字体领域的书籍和观看相关视频，如小林章的《西文字体设计》、靳埭强的《字体设计》等，以此丰富自己的知识储备。
请小编喝杯咖啡吧！