編輯導(dǎo)語(yǔ)：我們?cè)诳吹礁鞣N活動(dòng)時(shí)，經(jīng)常會(huì)被海報(bào)和標(biāo)題所吸引，這在視覺上對(duì)于用戶是有很大的沖擊力，并且可以給用戶留下更深刻的印象，所以活動(dòng)視覺中的標(biāo)題很重要；本文作者分享了關(guān)于運(yùn)營(yíng)設(shè)計(jì)中的標(biāo)題設(shè)計(jì)方法，我們一起來(lái)了解一下。

一、活動(dòng)視覺中標(biāo)題為什么要更更更突出？

1. 活動(dòng)標(biāo)題的作用

快速讓用戶了解活動(dòng)主旨，與用戶建立有效的信息溝通，傳達(dá)活動(dòng)利益點(diǎn)，激勵(lì)用戶參與。

2. 用戶的特點(diǎn)

在移動(dòng)互聯(lián)網(wǎng)時(shí)代用戶線上瀏覽有哪些特點(diǎn)。在《豎屏思維：大幅度提升手機(jī)端轉(zhuǎn)化的邏輯和方法》這本書中，有列舉了幾個(gè)特點(diǎn)，我簡(jiǎn)單摘取分別是：

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

從以上用戶的瀏覽特點(diǎn)，我們可以得到一個(gè)結(jié)論：用戶是精神是分散的，沒耐心的，要搶占用戶的時(shí)間，需要第一眼吸引力和利落的信息傳遞。

圖像的本質(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)營(yíng)圖的點(diǎn)擊率和轉(zhuǎn)化率，面對(duì)不同的問題我們會(huì)有不同的解決方案。信息呈現(xiàn)的優(yōu)化，便是我們視覺設(shè)計(jì)其中的一種方案和手段，而在主視覺圖中，優(yōu)秀的標(biāo)題視覺可以短時(shí)間給用戶植入新的內(nèi)容和認(rèn)知，促進(jìn)用戶的關(guān)注和點(diǎn)擊轉(zhuǎn)化。

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

三、怎么做才能讓你的標(biāo)題更“凸”出？

1. 選擇識(shí)別度高文字字體

選擇合適的字是提高標(biāo)題清晰度的第一步

我們?cè)谧龌顒?dòng)視覺時(shí)，需選擇與活動(dòng)性質(zhì)相關(guān)且文字識(shí)別度高的字體來(lái)做標(biāo)題文字（前提是公司購(gòu)買了使用版權(quán)的字庫(kù)字體）

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

（因?yàn)楣举?gòu)買了字魂系列，所以電腦里字魂的字比較多，例子可能不夠全面，但大概就是這么個(gè)意思哈哈）

無(wú)襯線字體，以黑體為代表，為適應(yīng)更多的現(xiàn)代屏幕為載體的傳播，去掉過多的襯線裝飾，橫屏豎直，筆畫粗細(xì)均衡，使字更為精煉醒目。

只要不是筆畫過細(xì)或過粗導(dǎo)致的難以識(shí)別，絕大多數(shù)的黑體作為標(biāo)題字體在識(shí)別度上不會(huì)有太大的問題。

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

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

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

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

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

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

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

2. 降低干擾，區(qū)分主次

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

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

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

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

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

2）聚焦-弱化四周元素

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

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

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

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

所以在聚焦原則上，我們需要記住的是，位于中景的主體元素和主標(biāo)部分永遠(yuǎn)是整個(gè)畫面最清晰的，對(duì)比最強(qiáng)烈的。而前景和背景可以適當(dāng)?shù)丶右匀趸?/p>

具體弱化方法有：添加模糊、降低不透明底、降低顏色對(duì)比度等等。

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

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

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

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

直接上栗子！

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

3. 運(yùn)用顏色對(duì)比來(lái)突出標(biāo)題

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

1）不同顏色的重量

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

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

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

2）運(yùn)用顏色的明暗對(duì)比

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

4. 運(yùn)用特殊字體來(lái)突出標(biāo)題

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

相對(duì)于系統(tǒng)化字庫(kù)字體，經(jīng)過設(shè)計(jì)師結(jié)合活動(dòng)主題設(shè)計(jì)的圖形化創(chuàng)意字體，它是特殊的，獨(dú)一無(wú)二的用戶沒見過。所以，它更容易引起人的注意力。

而標(biāo)題文字的圖形化，它根據(jù)需求的大小和時(shí)間安排我一般把它區(qū)分為微變形字和完全原創(chuàng)字。

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

2）原創(chuàng)字體

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

有關(guān)字體的我在字體設(shè)計(jì)快速入門-運(yùn)營(yíng)設(shè)計(jì)中如何高效做字這篇文章中也有介紹過，感興趣的同學(xué)可以回去看看哈！

5. 運(yùn)用立體化來(lái)突出標(biāo)題

1）二維立體

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

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

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

2）三維立體

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

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

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

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

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

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

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

—— JUNHENG77 出品 ——

四、總結(jié)

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

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

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

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

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

好了，大白話嘮嗑就到這里。我的愿望是：全世界都在進(jìn)步！共勉！

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

題圖來(lái)自Unsplash，基于CC0協(xié)議