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