編輯導(dǎo)語：活動標(biāo)題可以快速讓用戶了解活動主旨，與用戶建立有效的信息溝通，傳達(dá)活動利益點(diǎn)，激勵用戶參與。用戶是精神是分散的，要搶占用戶的時間，需要第一眼吸引力和利落的信息傳遞。圖像的本質(zhì)是吸引眼球，標(biāo)題的突出是為了快速傳達(dá)信息。

在移動互聯(lián)網(wǎng)時代用戶線上瀏覽有哪些特點(diǎn)？

在《豎屏思維：大幅度提升手機(jī)端轉(zhuǎn)化的邏輯和方法》這本書中，有列舉了幾個特點(diǎn)，我簡單摘取分別是：

1. 全盤碎片化-時間碎，地點(diǎn)亂、耐心沒；
2. 淺閱讀是常態(tài)-跳讀、挑讀、瞄讀、瞟讀；
3. 標(biāo)題黨-用戶基本上只看標(biāo)題；
4. 很多時候來不及思考-只剩下意識；
5. 幾秒完成信息篩選、決斷、跳離。

從以上用戶的瀏覽特點(diǎn)，我們可以得到一個結(jié)論：用戶是精神是分散的，沒耐心的，要搶占用戶的時間，需要第一眼吸引力和利落的信息傳遞。圖像的本質(zhì)是吸引眼球，標(biāo)題的突出是為了快速傳達(dá)信息。

做好標(biāo)題有什么業(yè)務(wù)意義？

互聯(lián)網(wǎng)行業(yè)進(jìn)程中，設(shè)計(jì)師的工作早已不單單的是做圖，把圖做好看。它需要為商業(yè)目的提供解決方案，需要關(guān)注用戶，注重設(shè)計(jì)的價(jià)值——什么樣的信息呈現(xiàn)才能更好的實(shí)現(xiàn)商業(yè)目標(biāo)。

在日常的設(shè)計(jì)工作中，可能出現(xiàn)各類問題影響我們運(yùn)營圖的點(diǎn)擊率和轉(zhuǎn)化率，面對不同的問題我們會有不同的解決方案。信息呈現(xiàn)的優(yōu)化，便是我們視覺設(shè)計(jì)其中的一種方案和手段，而在主視覺圖中，優(yōu)秀的標(biāo)題視覺可以短時間給用戶植入新的內(nèi)容和認(rèn)知，促進(jìn)用戶的關(guān)注和點(diǎn)擊轉(zhuǎn)化。

廢話那么多，下面整理下干貨內(nèi)容，手把手教你把標(biāo)題做“凸”出。

一、選擇識別度高文字字體

選擇合適的字是提高標(biāo)題清晰度的第一步，我們在做活動視覺時，需選擇與活動性質(zhì)相關(guān)且文字識別度高的字體來做標(biāo)題文字（前提是公司購買了使用版權(quán)的字庫字體）。

下面用我電腦里的字體列舉一下：

無襯線字體，以黑體為代表，為適應(yīng)更多的現(xiàn)代屏幕為載體的傳播，去掉過多的襯線裝飾，橫屏豎直，筆畫粗細(xì)均衡，使字更為精煉醒目。只要不是筆畫過細(xì)或過粗導(dǎo)致的難以識別，絕大多數(shù)的黑體作為標(biāo)題字體在識別度上不會有太大的問題。

襯線字體，是在字的筆畫開始、結(jié)束的地方有額外的裝飾，而且筆畫的粗細(xì)會有所不同。

在漢字中以宋體為代表，為適應(yīng)印刷術(shù)而出現(xiàn)的一種字體，因?yàn)楣P畫的粗細(xì)變化，橫細(xì)豎粗，末端有裝飾部分（即「字腳」或「襯線」），點(diǎn)、撇、捺、鉤等筆畫有尖端，充滿韻律，因而我們在表現(xiàn)傳統(tǒng)、古風(fēng)、有文化、優(yōu)雅等相關(guān)主題視覺中使用。

但在運(yùn)營活動標(biāo)題一般需要更為醒目顯眼，因?yàn)榇祟愖煮w的選擇一般會規(guī)避筆畫粗細(xì)變化過大或筆畫過細(xì)的類型。

創(chuàng)意型的字庫字體，字體公司為適應(yīng)一部分人需要，也推出了很多創(chuàng)意型的字庫字體，它做字的特異但同時它又是一個完整的字庫，所以文字的組合是隨機(jī)的，不夠嚴(yán)謹(jǐn)?shù)?。所以我們在做需要字體創(chuàng)意的活動視覺標(biāo)題個人是不建議直接用字庫字庫的字的。

毛筆字型的字庫字體，因?yàn)槎际怯性O(shè)計(jì)師書寫后調(diào)整成為字庫的，它很靈活、真實(shí)、具有書法的韻律和霸氣，但它也很隨機(jī)而不規(guī)則，筆畫變化多而繁瑣。所以在活動視覺中為保證清晰和識別度的使用原則是：不要太草的、標(biāo)題字超過9個過就不考慮使用此類字體。

網(wǎng)上隨便搜個圖，舉個栗子分析分析：

下面我們嘗試換個識別度高一點(diǎn)的標(biāo)題字，保持整體視覺不變的情況下，稍微改改：

可以看到，我并沒有對原有的視覺風(fēng)格、板式以及表現(xiàn)出來的氣質(zhì)有任何改動，只是換了一個字體，和上面說到的問題稍微調(diào)整了一下，它的標(biāo)題傳達(dá)就更加清晰了，整體的品質(zhì)感也有所提升！

二、降低干擾，區(qū)分主次

1. 降噪-減少標(biāo)題周圍干擾元素

一旦在標(biāo)題的周圍出現(xiàn)超過標(biāo)題視覺面積20%的其他原色，觀者眼睛會不自覺地分散投入到各個元素當(dāng)中，導(dǎo)致無法聚焦到主要信息，閱讀的不通暢給人帶來凌亂、低價(jià)、很low的感受。

而當(dāng)你的視覺有一個顯眼的標(biāo)題文字時，用戶一眼就能get到你所要傳達(dá)的所有信息。視覺設(shè)計(jì)以信息傳播為主，主題的烘托與裝飾應(yīng)當(dāng)區(qū)分好主次虛實(shí)并與標(biāo)題保有足夠的安全距離，規(guī)避干擾。

再順便花瓣上找?guī)讉€栗子看看：

上圖栗子，單從標(biāo)題的清晰度上面來說，上面4個視覺在標(biāo)題上放了太多的元素，導(dǎo)致出現(xiàn)了一些干擾。相對來說下面4個視覺的標(biāo)題和主題元素的配置會合理一些，顯得更加“凸”出。

2. 聚焦-弱化四周元素

（照片來源于網(wǎng)絡(luò)）

（照片來源于網(wǎng)絡(luò)）

在攝影作品中，有種技巧叫做景深，它可以虛化次要環(huán)境，從而使人眼聚焦到主體物上。同樣的，我們在視覺設(shè)計(jì)上一樣可以運(yùn)用相似的視覺操作來弱化四周元素，聚焦主體或者標(biāo)題。

在視覺搭建的場景上，我們可以分為前景層-中景層-背景層，我們的主體和標(biāo)題往往安排在中景位置。

所以在聚焦原則上，我們需要記住的是，位于中景的主體元素和主標(biāo)部分永遠(yuǎn)是整個畫面最清晰的，對比最強(qiáng)烈的。而前景和背景可以適當(dāng)?shù)丶右匀趸?，具體弱化方法有：添加模糊、降低不透明底、降低顏色對比度等等。

以下是我在一件2020雙十一的某一張稿子，同樣是運(yùn)用前后景弱化的方法（前景錢幣模糊，背景紅包降低對比）來強(qiáng)化標(biāo)題清晰度，達(dá)到聚焦的效果。

3. 疏密-添加合理的色塊背景襯托標(biāo)題

有時候?yàn)榱撕嫱姓麄€活動大氛圍，我們的背景會更加復(fù)雜，這時候因?yàn)楸尘笆敲?，活動?biāo)題字一般超過7個也是密的，所以直接在背景上加標(biāo)題的話，復(fù)雜到讓人迷失！

所以，在背景和標(biāo)題的中間，我們會加上一個“空白”層，形成一個密——疏——密的狀態(tài)，來突出標(biāo)題，而且能更好的聚焦。

直接上栗子！

從以上栗子可以看到，不管是添加何種圖形來隔開標(biāo)題與背景，它們都是簡單的色塊，形成密——疏——密的狀態(tài)，降低背景對字體的干擾，來達(dá)到聚焦標(biāo)題的效果。

三、運(yùn)用顏色對比來突出標(biāo)題

在做設(shè)計(jì)稿的時候?qū)Ρ葻o處不在，疏密、節(jié)奏、虛實(shí)對比其實(shí)上文也有提到，下面要聊的是，怎么運(yùn)用顏色的對比讓你的標(biāo)題更“凸”出。

1. 不同顏色的重量

首先，我們要知道，顏色是有視覺重量，視覺看起來越暗，給人視覺感覺就越重，視覺看起來越亮暗，給人視覺感覺就越輕：

截取ps的顏色滑塊，我們不難看出，在同樣滿飽和度的情況下，不用的色相給我們的視覺重量是不一樣的，大致分為4個區(qū)域， 2>1>4>3?？梢钥闯觯{(lán)、紅、紫色是要比黃、綠、青色要更重，更暗一些。

從上圖可以看出在不考慮色相的深色背景下，標(biāo)題使用黃、綠、青和白色最為“凸”出！反之，在不考慮色相淺色色背景下，標(biāo)題使用藍(lán)、紅、橙、紫色更為“凸”出。

2. 運(yùn)用顏色的明暗對比

簡單說就是！背景亮色標(biāo)題；反之，背景暗色標(biāo)題亮色！

四、運(yùn)用特殊字體來突出標(biāo)題

人類鐵律：特殊的總會比普通的回頭率要高，只要你足夠特殊，你就是這條街上最靚的仔！

相對于系統(tǒng)化字庫字體，經(jīng)過設(shè)計(jì)師結(jié)合活動主題設(shè)計(jì)的圖形化創(chuàng)意字體，它是特殊的，獨(dú)一無二的用戶沒見過。所以，它更容易引起人的注意力。而標(biāo)題文字的圖形化，它根據(jù)需求的大小和時間安排我一般把它區(qū)分為微變形字和完全原創(chuàng)字。

1. 標(biāo)題字體微變形

2. 原創(chuàng)字體

除了一些比較重大的KV，活動專題視覺的話，因?yàn)橹簧暇€幾天，需求時間安排上是比較緊的，做原創(chuàng)字性價(jià)比當(dāng)然就低了，所以我在工作中運(yùn)用得比較多的還是運(yùn)用可商用字庫做改造變形，效率高而不擔(dān)心識別性低的問題。

五、運(yùn)用立體化來突出標(biāo)題

1. 二維立體

在二維設(shè)計(jì)軟件中做出字體厚度，達(dá)到“偽”立體的效果，給人凸出感！

以上面《瘋狂斗地主》的字體設(shè)計(jì)為例：

其他標(biāo)題同理：

2. 三維立體

三維立體顧名思義就是運(yùn)用三維軟件制作的3d字體效果啦。3D視覺有著更炫的效果、更強(qiáng)的視覺沖擊力和更高的視覺可塑性，隨著這幾年C4D的流行，三維運(yùn)用在平面視覺也越來越廣泛！

下面舉例說明三維視覺的標(biāo)題在不同的運(yùn)營視覺設(shè)計(jì)中的運(yùn)用。

1）三維標(biāo)題在人物海報(bào)中的應(yīng)用

設(shè)計(jì)師·米帥萌 出品

2）三維標(biāo)題在朋克風(fēng)主KV上的應(yīng)用

設(shè)計(jì)師·翔仔出品

3）三維標(biāo)題在國風(fēng)電商大促視覺上的應(yīng)用

JUNHENG77 出品

小結(jié)：

1. 活動視覺標(biāo)題為什么要做得突出？

因?yàn)樗腔顒优c用戶建立信息鏈接的最直接快速的元素，什么樣的信息呈現(xiàn)才能更好的實(shí)現(xiàn)商業(yè)目標(biāo)，需要我們設(shè)計(jì)師思考。

2. 怎么樣才能讓標(biāo)題更“凸”出？

• 選用辨識度高的字體
• 區(qū)分主次，降低干擾
• 文字圖形化，特異字
• 標(biāo)題立體化

它有多重處理方式，也可以多個技法重疊進(jìn)行,一切以信息傳達(dá)更有效的設(shè)計(jì)目標(biāo)為原則！

作者：JUNHENG77；公眾號：Jun恒的筆記（ID：gh_b040c7105fdb）

原文鏈接：https://mp.weixin.qq.com/s/SAn5YyvbfHlB7dIWGou1FQ

本文由 @Jun恒的筆記 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 unsplash，基于 CC0 協(xié)議