当字体设计好后，我们就要给字体添上合适效果，如果说字体设计是创造，那字效呈现就是美化，对于更追求促销感和氛围感的电商设计，有时字效会比字体设计更加重要，通过添加合适效果能使字体更具美感和吸引力，同时也更利于信息和情感传达，总之是种锦上添花的重要手段。注意字效需遵循“一致性”原则：即字效呈现的气质需和整体风格一致。只有这样，才能发挥字效的真正作用，不然就会适得其反，画面反而显得不伦不类。

对于电商视觉，字效广泛用于各类活动页中，由于字效的样式丰富，所以对画面整体及氛围的影响都非常明显，有时甚至超过了字体本身。因此对于字体设计能力薄弱的设计师而言，将字效做的好看，往往可弥补字形的普通，正所谓“字形不够，字效来凑”。关于字效，这里归纳出 4 种常用手法。

通过立体来赋予字体三维属性，使之具备空间感，这样会让文字更有分量和冲击。常见立体形式有 2 种：直接立体和透视立体，而实现立体效果的方式有“合成”和“三维”。

1. 直接立体

如上图所示，直接立体又分“加厚”和“凸起”两大方向。

加厚

直接将字体设计成有厚度的立体字，使文字饱满突出，形成强有力的冲击感，特别适合大促主题。“加厚”上手有难度，若是表现写实风格将更难，需要大家熟能生巧。但立体字也易出效果，在强调信息的同时，画面设计感也不差。

因为立体字本身就有很强装饰性，只需放大便能成为主视觉。如下图所示，立体标题都是画面的核心部分，再在文字周围加些点缀元素，这样视觉就很丰富。

凸起

是指将字体调成微微凸起的样式，有点类似“浮雕”。“凸起”不如“厚度”效果那么明显，主要是让文字多些细节，看着没那么单调，但总体而言，“凸起”效果稍显平庸，用的相对较少。

2. 透视立体

一种很有意思的立体形式，“直接立体”是将字体根据自身结构和排布直接立体化；而“透视立体”则是立体化的同时还要与空间透视保持一致，这样就能融入场景，让画面更有带入感，当然前提是画面要有相应的场景塑造。

另外字体有时也可不设厚度，直接透视变形即可，如下图所示。

在字体周围加上边框，使文字更为突出也更有活力，常规有“描边”和“加框”2 种思路。

“描边”可以说无处不在，这是非常经典的处理手法，能丰富字体细节，并提升信息关注度，但用的不好也会显得 “俗套”，核心是需把握好描边粗细及配色，如下图所示，不管粗细还是配色，都要和画面的主视觉协调统一，不能有违和感。当然描边可以不止一层，有时可用多层描边来强化字效（左一）。

通过加底框让文字多一层“面”，这层“面”将文字图形化，成为画面中一个相对独立的视觉元素，这样更利于内容凸显，也更具视觉冲击。但加框会遮住画面的部分内容，也使空间没那么透气，因此要注意元素分布，尽量不和底框相冲突。根据表现形式的不同，底框又分“图形”和“拟物”两大类别。

图形

如下图所示，图形类的底框能使文字排布更加规整。而关于图形外观，既可是几何状的规则图形（左一）；也可是围绕文字的不规则图形（左二、左三）。

拟物

“拟物”适用于有场景塑造的画面，注意拟物后的底框一定要和场景氛围相呼应，例如下方的所有案例，拟物后都能合理存在于各个场景中。

通过添加阴影使字体呈现出前后层次感，根据添加位置的不同，有 3 种形式：文字叠压、笔画叠压和文字投影。其中文字叠压和笔画叠压由于设计简单、形式感强、不挑风格等优势，常被用于各类主题中。

1. 文字叠压

一般是在每个文字的衔接处添加阴影，使文字呈现出前后层叠感。如下图所示，“文字叠压”适用于各种风格，这种微妙空间感能让标题变的生动有趣。

使用“文字叠压”需注意 2 点：1）标题的每个字体都要靠近些，这样前后叠压才会明显；2）由于阴影是深色调，所以标题尽量选择浅色调，只有明暗对比强烈，叠压效果才更真实。

同样是叠压，只是变为在笔画上添加阴影，使笔画呈现前后层叠感，像是交织在一起，有点类似“折纸”效果。如图所示，这种方式能让标题引人注目，多些细节，但又不会过于浮夸。

“笔画叠压”是我常用的一种字效形式，前面很多案例都用了这招，使用时同样注意 2 点：1）不是字体的每一笔都要添加阴影，而是有选择的部分添加，一般每字添加 2-3 处即可；2）标题颜色也尽量选择浅色调。

3. 文字投影

“文字投影”的操作就更加简单，直接对文字添加“投影”即可，这样文字和背景便可形成一前一后的空间关系。但要注意投影的虚实程度：越实则文字离背景越近；越虚则文字离背景越远，具体依需求而定。“文字投影”一般适合背景单纯的画面，因为单纯，投影才会明显，下面展示案例。

通过赋予字体某种肌理或形态，使文字富有质感。根据质感属性不同又分“笔刷”和“写实”。

用肌理笔刷对字体进行处理，最终模拟出各类笔触在各种材质上手写时的状态。例如下方案例就模拟了斑驳字（左一、左二）、涂鸦字（左三、左四），这些肌理和笔触让字体个性十足，同时还促进了字义的情感传达。

一般来讲，“模拟材质”的斑驳字相对容易，只需用笔刷对字体直接刷涂；而“模拟笔触”的涂鸦字则有难度，只有笔触和字体笔法的走向完全吻合，才会出现自然流畅的手写感。

给字体添加现实中的真实肌理，同时模拟出这类肌理的应有形态。例如金属字，首先需刻画出金属的材质和光影，其次还要将字体设计成金属常见的刚硬形态，这样塑造才真实，如下图所示。

“写实”的质感种类非常多，选哪种则看页面主题和风格，但不管哪种都需和场景氛围高度统一。

霓虹灯 气球 冰块

关于字效的 4 种手法，常常会组合使用，核心是要根据画面风格找到最佳组合方式。如下图所示，不同的手法组合能使字体呈现出更加丰富的视觉效果，但要记住字效最终是为了提升视觉美感以及更好的传达信息，千万不要为字效而字效，要避免出现形式大于内容的“浮夸”字效。

上：立体（直接立体）+边框（加框）+质感（写实） 立体（直接立体）+边框（加框）；下：阴影（笔画叠压）+质感（写实） 立体（透视立体）+边框（描边）

本文节选自《移动端卖货式设计：适配手机屏的电商设计法则与实战应用（上下册）》，这本书是作者12年经验的沉淀，656页干货内容搭配22小时案例讲解视频，只教你做移动端能卖货的有效设计 👉🏻 https://detail.tmall.com/item.htm

复制本文链接 文章为作者独立观点不代表优设网立场，未经允许不得转载。