當(dāng)字體設(shè)計(jì)好后，我們就要給字體添上合適效果，如果說字體設(shè)計(jì)是創(chuàng)造，那字效呈現(xiàn)就是美化，對(duì)于更追求促銷感和氛圍感的電商設(shè)計(jì)，有時(shí)字效會(huì)比字體設(shè)計(jì)更加重要，通過添加合適效果能使字體更具美感和吸引力，同時(shí)也更利于信息和情感傳達(dá)，總之是種錦上添花的重要手段。注意字效需遵循“一致性”原則：即字效呈現(xiàn)的氣質(zhì)需和整體風(fēng)格一致。只有這樣，才能發(fā)揮字效的真正作用，不然就會(huì)適得其反，畫面反而顯得不倫不類。

對(duì)于電商視覺，字效廣泛用于各類活動(dòng)頁(yè)中，由于字效的樣式豐富，所以對(duì)畫面整體及氛圍的影響都非常明顯，有時(shí)甚至超過了字體本身。因此對(duì)于字體設(shè)計(jì)能力薄弱的設(shè)計(jì)師而言，將字效做的好看，往往可彌補(bǔ)字形的普通，正所謂“字形不夠，字效來湊”。關(guān)于字效，這里歸納出 4 種常用手法。

立體

通過立體來賦予字體三維屬性，使之具備空間感，這樣會(huì)讓文字更有分量和沖擊。常見立體形式有 2 種：直接立體和透視立體，而實(shí)現(xiàn)立體效果的方式有“合成”和“三維”。

1. 直接立體

如上圖所示，直接立體又分“加厚”和“凸起”兩大方向。

加厚

直接將字體設(shè)計(jì)成有厚度的立體字，使文字飽滿突出，形成強(qiáng)有力的沖擊感，特別適合大促主題?！凹雍瘛鄙鲜钟须y度，若是表現(xiàn)寫實(shí)風(fēng)格將更難，需要大家熟能生巧。但立體字也易出效果，在強(qiáng)調(diào)信息的同時(shí)，畫面設(shè)計(jì)感也不差。

因?yàn)榱Ⅲw字本身就有很強(qiáng)裝飾性，只需放大便能成為主視覺。如下圖所示，立體標(biāo)題都是畫面的核心部分，再在文字周圍加些點(diǎn)綴元素，這樣視覺就很豐富。

凸起

是指將字體調(diào)成微微凸起的樣式，有點(diǎn)類似“浮雕”?！巴蛊稹辈蝗纭昂穸取毙Ч敲疵黠@，主要是讓文字多些細(xì)節(jié)，看著沒那么單調(diào)，但總體而言，“凸起”效果稍顯平庸，用的相對(duì)較少。

2. 透視立體

一種很有意思的立體形式，“直接立體”是將字體根據(jù)自身結(jié)構(gòu)和排布直接立體化；而“透視立體”則是立體化的同時(shí)還要與空間透視保持一致，這樣就能融入場(chǎng)景，讓畫面更有帶入感，當(dāng)然前提是畫面要有相應(yīng)的場(chǎng)景塑造。

另外字體有時(shí)也可不設(shè)厚度，直接透視變形即可，如下圖所示。

邊框

在字體周圍加上邊框，使文字更為突出也更有活力，常規(guī)有“描邊”和“加框”2 種思路。

1. 描邊

“描邊”可以說無處不在，這是非常經(jīng)典的處理手法，能豐富字體細(xì)節(jié)，并提升信息關(guān)注度，但用的不好也會(huì)顯得 “俗套”，核心是需把握好描邊粗細(xì)及配色，如下圖所示，不管粗細(xì)還是配色，都要和畫面的主視覺協(xié)調(diào)統(tǒng)一，不能有違和感。當(dāng)然描邊可以不止一層，有時(shí)可用多層描邊來強(qiáng)化字效（左一）。

2. 加框

通過加底框讓文字多一層“面”，這層“面”將文字圖形化，成為畫面中一個(gè)相對(duì)獨(dú)立的視覺元素，這樣更利于內(nèi)容凸顯，也更具視覺沖擊。但加框會(huì)遮住畫面的部分內(nèi)容，也使空間沒那么透氣，因此要注意元素分布，盡量不和底框相沖突。根據(jù)表現(xiàn)形式的不同，底框又分“圖形”和“擬物”兩大類別。

圖形

如下圖所示，圖形類的底框能使文字排布更加規(guī)整。而關(guān)于圖形外觀，既可是幾何狀的規(guī)則圖形（左一）；也可是圍繞文字的不規(guī)則圖形（左二、左三）。

擬物

“擬物”適用于有場(chǎng)景塑造的畫面，注意擬物后的底框一定要和場(chǎng)景氛圍相呼應(yīng)，例如下方的所有案例，擬物后都能合理存在于各個(gè)場(chǎng)景中。

陰影

通過添加陰影使字體呈現(xiàn)出前后層次感，根據(jù)添加位置的不同，有 3 種形式：文字疊壓、筆畫疊壓和文字投影。其中文字疊壓和筆畫疊壓由于設(shè)計(jì)簡(jiǎn)單、形式感強(qiáng)、不挑風(fēng)格等優(yōu)勢(shì)，常被用于各類主題中。

1. 文字疊壓

一般是在每個(gè)文字的銜接處添加陰影，使文字呈現(xiàn)出前后層疊感。如下圖所示，“文字疊壓”適用于各種風(fēng)格，這種微妙空間感能讓標(biāo)題變的生動(dòng)有趣。

使用“文字疊壓”需注意 2 點(diǎn)：1）標(biāo)題的每個(gè)字體都要靠近些，這樣前后疊壓才會(huì)明顯；2）由于陰影是深色調(diào)，所以標(biāo)題盡量選擇淺色調(diào)，只有明暗對(duì)比強(qiáng)烈，疊壓效果才更真實(shí)。

筆畫疊壓

同樣是疊壓，只是變?yōu)樵诠P畫上添加陰影，使筆畫呈現(xiàn)前后層疊感，像是交織在一起，有點(diǎn)類似“折紙”效果。如圖所示，這種方式能讓標(biāo)題引人注目，多些細(xì)節(jié)，但又不會(huì)過于浮夸。

“筆畫疊壓”是我常用的一種字效形式，前面很多案例都用了這招，使用時(shí)同樣注意 2 點(diǎn)：1）不是字體的每一筆都要添加陰影，而是有選擇的部分添加，一般每字添加 2-3 處即可；2）標(biāo)題顏色也盡量選擇淺色調(diào)。

3. 文字投影

“文字投影”的操作就更加簡(jiǎn)單，直接對(duì)文字添加“投影”即可，這樣文字和背景便可形成一前一后的空間關(guān)系。但要注意投影的虛實(shí)程度：越實(shí)則文字離背景越近；越虛則文字離背景越遠(yuǎn)，具體依需求而定?！拔淖滞队啊币话氵m合背景單純的畫面，因?yàn)閱渭?，投影才?huì)明顯，下面展示案例。

質(zhì)感

通過賦予字體某種肌理或形態(tài)，使文字富有質(zhì)感。根據(jù)質(zhì)感屬性不同又分“筆刷”和“寫實(shí)”。

1. 筆刷

用肌理筆刷對(duì)字體進(jìn)行處理，最終模擬出各類筆觸在各種材質(zhì)上手寫時(shí)的狀態(tài)。例如下方案例就模擬了斑駁字（左一、左二）、涂鴉字（左三、左四），這些肌理和筆觸讓字體個(gè)性十足，同時(shí)還促進(jìn)了字義的情感傳達(dá)。

一般來講，“模擬材質(zhì)”的斑駁字相對(duì)容易，只需用筆刷對(duì)字體直接刷涂；而“模擬筆觸”的涂鴉字則有難度，只有筆觸和字體筆法的走向完全吻合，才會(huì)出現(xiàn)自然流暢的手寫感。

2. 寫實(shí)

給字體添加現(xiàn)實(shí)中的真實(shí)肌理，同時(shí)模擬出這類肌理的應(yīng)有形態(tài)。例如金屬字，首先需刻畫出金屬的材質(zhì)和光影，其次還要將字體設(shè)計(jì)成金屬常見的剛硬形態(tài)，這樣塑造才真實(shí)，如下圖所示。

“寫實(shí)”的質(zhì)感種類非常多，選哪種則看頁(yè)面主題和風(fēng)格，但不管哪種都需和場(chǎng)景氛圍高度統(tǒng)一。

霓虹燈 氣球 冰塊

總結(jié)

關(guān)于字效的 4 種手法，常常會(huì)組合使用，核心是要根據(jù)畫面風(fēng)格找到最佳組合方式。如下圖所示，不同的手法組合能使字體呈現(xiàn)出更加豐富的視覺效果，但要記住字效最終是為了提升視覺美感以及更好的傳達(dá)信息，千萬不要為字效而字效，要避免出現(xiàn)形式大于內(nèi)容的“浮夸”字效。

上：立體（直接立體）+邊框（加框）+質(zhì)感（寫實(shí)） 立體（直接立體）+邊框（加框）；下：陰影（筆畫疊壓）+質(zhì)感（寫實(shí)） 立體（透視立體）+邊框（描邊）

本文節(jié)選自《移動(dòng)端賣貨式設(shè)計(jì)：適配手機(jī)屏的電商設(shè)計(jì)法則與實(shí)戰(zhàn)應(yīng)用（上下冊(cè)）》，這本書是作者12年經(jīng)驗(yàn)的沉淀，656頁(yè)干貨內(nèi)容搭配22小時(shí)案例講解視頻，只教你做移動(dòng)端能賣貨的有效設(shè)計(jì) ?????https://detail.tmall.com/item.htm