如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

我們常說(shuō)：設(shè)計(jì)就是在向用戶傳遞信息，在設(shè)計(jì)的日常工作中，傳遞信息的方式大多都是圖文相結(jié)合的形式，而文字作為信息傳遞中最直觀的表現(xiàn)形式，對(duì)于整體而言是至關(guān)重要的一環(huán)。很多設(shè)計(jì)師一味強(qiáng)調(diào)追求圖具有吸引力，而忽略了文字的重要性，最終導(dǎo)致圖文無(wú)法結(jié)合、虎頭蛇尾。說(shuō)到文案吸引力，最佳的表現(xiàn)位置就是標(biāo)題字，所以本期就和大家一起分析、總結(jié)一些比較實(shí)用的標(biāo)題文字的處理方式，提升對(duì)讀者的吸引力。

切割文字筆畫(huà)

在文字排版中，想要提升標(biāo)題文字的吸引力，就要與其他非標(biāo)題性文字形成視覺(jué)上的反差、對(duì)比，進(jìn)而讓標(biāo)題文字在整體排版中更加吸引用戶眼球。這里說(shuō)的第一個(gè)比較實(shí)用的處理手法就是切割文字筆畫(huà)，即：以標(biāo)題文字的筆畫(huà)為切入點(diǎn)，在不影響其辨識(shí)度的前提下，通過(guò)一些特殊的處理手法，提升視覺(jué)比重。

切割文字筆畫(huà)也可以理解為將文字的筆畫(huà)分離字體的本身，然后再以文字筆畫(huà)為切入點(diǎn)，進(jìn)行處理，常用的筆畫(huà)處理方式：變色、模糊、刪除、陰影，下面我們逐一來(lái)看。

1. 分離筆畫(huà) – 變色處理

顧名思義就是有意將分離的字體筆畫(huà)進(jìn)行變色處理，提升標(biāo)題文字本身字體上的變化強(qiáng)度，從而提升標(biāo)題對(duì)于用戶的吸引力。舉例說(shuō)明：

上圖中，這兩種標(biāo)題形式在設(shè)計(jì)工作中都是可取的，只是對(duì)比而言，案例 1 給人的感覺(jué)更加平緩，屬于比較常見(jiàn)、中規(guī)中矩。而案例 2 則更加新穎，在視覺(jué)上變化更強(qiáng)烈（主要體現(xiàn)在文字筆畫(huà)與筆畫(huà)之間），更加吸引用戶眼球，也起到了提升作品設(shè)計(jì)感的作用。

2. 分離筆畫(huà) – 模糊處理

同樣的理解方式，就是將分離的字體筆畫(huà)進(jìn)行模糊化處理，目的是通過(guò)筆畫(huà)與筆畫(huà)之間的虛實(shí)對(duì)比，營(yíng)造出視覺(jué)上的前后關(guān)系，從而提升標(biāo)題文字在整體文案中的視覺(jué)注意力。

上圖案例中通過(guò)對(duì)比我們發(fā)現(xiàn)：案例 4 相較于案例 3 更吸引人，原因在于其筆畫(huà)之間的虛實(shí)結(jié)合使得字體本身就形成了一定的反差感，形式上的多變?cè)炀土宋淖指?，同時(shí)如果感覺(jué)文字筆畫(huà)之間的變化強(qiáng)度不夠，可以結(jié)合變色+模糊的處理形式，比如：

這樣給人的感覺(jué)就更加強(qiáng)烈、也更誘人，但是這種筆畫(huà)之間的變化多了，也就意味著掌握的難度提升了，一定要避免過(guò)多的效果導(dǎo)致出現(xiàn)凌亂的現(xiàn)象。

3. 分離筆畫(huà) – 陰影處理

可以理解為將文字筆畫(huà)分開(kāi)來(lái)看，通過(guò)添加陰影的方式，營(yíng)造視覺(jué)上筆畫(huà)的前后關(guān)系，從而增強(qiáng)其整體的視覺(jué)變化，舉例說(shuō)明：

上圖中，案例 8 就是通過(guò)給文字筆畫(huà)添加陰影的形式，使得筆畫(huà)與筆畫(huà)之間在視覺(jué)上形成了很明顯的前后遮擋關(guān)系，將原本平面的文字變得更立體，也更易于吸引用戶眼球。這種處理手法在平時(shí)工作中也很實(shí)用，只需要理清楚筆畫(huà)的前后邏輯關(guān)系，通過(guò)畫(huà)筆涂抹的方式慢慢調(diào)整即可。

4. 分離筆畫(huà) – 刪除處理

刪除筆畫(huà)的處理形式相對(duì)來(lái)說(shuō)在工作中運(yùn)用較少，因?yàn)橐坏┨幚聿磺‘?dāng)，很容易影響字體本身的辨識(shí)度，適得其反，舉例說(shuō)明：

如上圖所示，刪除了一些筆畫(huà)，給用戶留下一些想象的空間，也是比較新穎的處理方式，比較適合一些平面海報(bào)標(biāo)題的設(shè)計(jì)。

這種刪除字體筆畫(huà)的處理形式雖然很新穎，但是應(yīng)用的局限性較大，屬于比較難把控的一種。

注意：將文字筆畫(huà)單獨(dú)拆分出來(lái)進(jìn)行處理的手法，一定不要過(guò)于追求變化強(qiáng)烈，否則很容易導(dǎo)致標(biāo)題文字非但沒(méi)有起到吸引用戶的作用，反而最基本的辨識(shí)度都會(huì)被破壞，一定要把握好度。

添加輔助元素

在日常工作中，通過(guò)給標(biāo)題文字添加輔助元素，從而突出標(biāo)題的處理手法是非常實(shí)用的，這里所說(shuō)的輔助元素可以分為很多種，比如：圖形、肌理、光效等等，目的都是借助輔助元素與標(biāo)題文字的相互結(jié)合，讓文案標(biāo)題的視覺(jué)形象更鮮明、更吸引用戶。

添加圖形是屬于比較直觀且應(yīng)用廣泛的一種處理方式，而這里的圖形一般情況下會(huì)和標(biāo)題文字在屬性上有所反差，這樣有利于最終效果的呈現(xiàn)更加明顯，舉例說(shuō)明：

如上圖所示，標(biāo)題文字通過(guò)添加下劃線、邊框、形狀等等輔助圖形元素，較常規(guī)標(biāo)題而言，其視覺(jué)變化更加強(qiáng)烈，整體豐富度提升了很多。但是這種輔助元素不能添加太多，否則很容易出現(xiàn)亂的現(xiàn)象，要讓這些添加的元素與標(biāo)題形成相輔相成的關(guān)系。

上圖的設(shè)計(jì)案例，通過(guò)對(duì)比我們發(fā)現(xiàn)，右側(cè)案例視覺(jué)更豐富，且標(biāo)題文字添加下劃線后，其在畫(huà)面整體的視覺(jué)形象更加鮮明、更吸引用戶眼球。

增強(qiáng)文字環(huán)境感

現(xiàn)實(shí)生活中一個(gè)物品如果置身于某一個(gè)環(huán)境內(nèi)，它自身就會(huì)受到周?chē)h(huán)境的影響，而如果我們假定環(huán)境，將標(biāo)題文字看做物品，那么我們就可以給予標(biāo)題文字在環(huán)境中的光影，比如：投影、倒影、發(fā)光、環(huán)境色等等，這樣就間接地增強(qiáng)了標(biāo)題文字的視覺(jué)變化，從而起到吸引用戶眼球的作用。

如上圖所示，把文字當(dāng)做處于環(huán)境中的物體，通過(guò)投影、倒影、陰影的方式體現(xiàn)其環(huán)境，在視覺(jué)上有了更深的層次變化，也能起到強(qiáng)調(diào)、加深印象的作用。這種營(yíng)造環(huán)境感的處理形式在平時(shí)工作中也很實(shí)用。

再說(shuō)下發(fā)光的處理手法，這種形式大多用在暗色調(diào)的畫(huà)面中，將文字看做一個(gè)發(fā)光體，即受周?chē)h(huán)境的影響又影響著周?chē)h(huán)境，舉例說(shuō)明：

上圖中雖然說(shuō)左右兩種表現(xiàn)形式文字都比較清晰、明了，但是就視覺(jué)感受而言，右側(cè)將文字作為發(fā)光體與周?chē)h(huán)境相輔相成、融為一體的處理形式更容易吸引用戶眼球，而且更加新穎、有創(chuàng)意。這種表現(xiàn)形式在一些電商海報(bào)中也很常見(jiàn)，比如：

發(fā)光的效果給人的感受很舒服，打破了常規(guī)的單純平面編排文字的現(xiàn)象，將文字場(chǎng)景化，使其更誘人。

補(bǔ)充

還有一些在平時(shí)工作比較實(shí)用的，只不過(guò)或多或少在之前文章中都有提過(guò)，這里以補(bǔ)充說(shuō)明的形式展開(kāi)。

1. 標(biāo)題文字 – 關(guān)鍵詞變色

說(shuō)到關(guān)鍵詞變色算是比較常用的一種，就是將原本標(biāo)題文字中一些關(guān)鍵詞進(jìn)行變色處理，目的是增加標(biāo)題文字的視覺(jué)變化強(qiáng)度。

通過(guò)將案例中「免息」一詞變色處理，使得標(biāo)題在視覺(jué)感受上更加明顯、有吸引力，而且給人的感覺(jué)也很舒服，這種處理手法是非常實(shí)用的，不妨多試試。

2. 標(biāo)題文字 – 描邊

描邊文字在平時(shí)工作中用到的相對(duì)少一些，這種處理手法也間接地起到了打破常規(guī)的作用，當(dāng)我們一直按照某一些常規(guī)形式工作時(shí)，偶爾做一些改變也許會(huì)得到意想不到的效果。

3. 標(biāo)題文字 – 與主體遮擋

文字與主體營(yíng)造遮擋關(guān)系也是在日常工作中很實(shí)用的一種，就是將主體與文字相互穿插排放，通過(guò)必要位置的陰影進(jìn)行加深體現(xiàn)。雖然元素并不多，但是最終呈現(xiàn)的視覺(jué)效果卻很舒服、有吸引力。

這種主體與標(biāo)題穿插表現(xiàn)的形式使得兩者更加整體，對(duì)于畫(huà)面而言，主體和標(biāo)題都起到了很好的強(qiáng)調(diào)作用。

總結(jié)

文章中提到了一些比較實(shí)用的提升標(biāo)題文字吸引力的處理手法，但是需要注意不能過(guò)于追求效果而忽略了設(shè)計(jì)的本質(zhì)，要根據(jù)需求選擇恰當(dāng)?shù)姆绞?，不管何種形式，都要保證文字本身的識(shí)別性。文章中提到的并非全部，主要還是為大家提供一個(gè)可以參考的方向，要學(xué)會(huì)舉一反三、大膽嘗試。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。