怎樣才能讓網(wǎng)頁設(shè)計(jì)中的標(biāo)題一語中的、直擊要害呢？

無論是瀏覽微博，還是閱讀RSS內(nèi)容，或是Google搜索，你最先注意的，往往是那些標(biāo)題出眾，飽含噱頭的信息（也有同學(xué)習(xí)慣稱 “標(biāo)題黨” ）

好的標(biāo)題能夠吸引你的注意，讓你決定閱讀一番文章，而糟糕的標(biāo)題，讓人看都不想看，掃一眼便略過去了。

換句話說，很多情況下，標(biāo)題決定著閱讀量，只要標(biāo)題好，用戶才會(huì)注意，進(jìn)而主動(dòng)關(guān)注內(nèi)容。

如果標(biāo)題不到位，那么無論文章質(zhì)量多么上乘、產(chǎn)品多么優(yōu)秀，依然無法有效吸引用戶閱讀。

本文將講述如何”打造殺手級(jí)標(biāo)題，提高頁面的瀏覽量”，不光是設(shè)計(jì)方面，還涉及文案方面。

還記得我們?cè)谖⒉┥戏窒淼亩巫用矗?/p>

【魔鏡啊魔鏡，你告訴我如何取悅設(shè)計(jì)師】答：不加班+少改稿+不站背后+不戳屏幕。【魔鏡啊魔鏡，你告訴我如何取悅老板】答：設(shè)計(jì)簡(jiǎn)約+大氣+國(guó)際化+無限創(chuàng)意+會(huì)擼前端代碼+一手好文案+會(huì)攝影+懂營(yíng)銷+無限加班不要錢+改稿千遍不厭倦+每日跪求多人組團(tuán)指點(diǎn)江山+脾氣柔順+對(duì)客戶發(fā)春般溫暖…..【鏡子裂了

只是想和您說一下，會(huì)文案的設(shè)計(jì)師還是很吃香的。所以推薦您看騰訊同學(xué)分享的一篇《想寫出更出色的文案？試試6+1模式》

常見誤區(qū)

我們先來看看在起標(biāo)題時(shí)的一些誤區(qū)。

“標(biāo)題應(yīng)該總結(jié)頁面內(nèi)容”

其實(shí)大可不必，標(biāo)題并不一定要總結(jié)頁面內(nèi)容。首先，用這么短的篇幅去總結(jié)內(nèi)容大致不是很容易。其次，如果采用這種總結(jié)性標(biāo)題，那么看起來會(huì)很枯燥，標(biāo)題毫無吸引力。

與其迂腐的總結(jié)，不如想出一些有趣、有信息的標(biāo)題，讓用戶感到眼前一亮。

以本文的標(biāo)題為例，比方說這個(gè)就很枯燥：

關(guān)于標(biāo)題的字體設(shè)計(jì)以及文案寫作

這個(gè)標(biāo)題就不錯(cuò)：

顛覆傳統(tǒng)的標(biāo)題設(shè)計(jì)

“只要能夠吸引用戶注意，可以無所不用其極”

這也不好，沒錯(cuò)，這種標(biāo)題是很吸引人：:

看，喵星人也能做后空翻！

但是這種標(biāo)題和本文毫不相干，用戶閱讀會(huì)感覺也太標(biāo)題黨了，這種起標(biāo)題的方法，只能流行幾天，過幾天就沒人看這種文題不符的文章了，不利于瀏覽量的持續(xù)增加。而且很有可能會(huì)影響到訂閱量。很不誠(chéng)實(shí)、很不體面，太急功近利了

標(biāo)題必須和內(nèi)容相關(guān)。標(biāo)題應(yīng)該讓人感到驚訝、眼前一亮或是震撼。應(yīng)該充滿對(duì)全文的洞察

“標(biāo)題的大小并不重要，標(biāo)題可以長(zhǎng)也可以短”

在為大標(biāo)題起名時(shí)，標(biāo)題大小非常重要。不要太長(zhǎng)。
也不要分行太多，分行太多標(biāo)題的沖擊力會(huì)大幅減弱。

而且，標(biāo)題太長(zhǎng)，在郵件和微博中會(huì)被省略掉一部分，這樣就無法有效閱讀。

太長(zhǎng)的標(biāo)題：

為何現(xiàn)在所有的用戶都不用IE6，而改用更先進(jìn)的瀏覽器呢？因?yàn)樗麄兿胍玫幕ヂ?lián)網(wǎng)體驗(yàn)！

更好的標(biāo)題:

還在用IE6?你會(huì)錯(cuò)失很多美好細(xì)節(jié)。

文案寫作：

說重點(diǎn)、說利害

在為產(chǎn)品頁寫標(biāo)題時(shí)，必須說重點(diǎn)、說厲害，最好能夠說明產(chǎn)品給用戶帶來的好處。

你需要對(duì)用戶有足夠的了解，并且弄清楚你的產(chǎn)品對(duì)用戶來說，價(jià)值又是什么？可以通過用戶訪談、研究、測(cè)試來了解用戶。這是準(zhǔn)備功課。

一旦分析出產(chǎn)品的好處后（從用戶的角度），將這種優(yōu)點(diǎn)、這種價(jià)值寫進(jìn)標(biāo)題中。這種標(biāo)題寫作方式非常棒，能夠立即引起用戶的共鳴。

抓住重點(diǎn)，便能構(gòu)建與用戶的聯(lián)系紐帶，既然感受一樣，那么肯定能夠提供解決方案/產(chǎn)品，用戶會(huì)選擇繼續(xù)閱讀，很有可能選擇消費(fèi)。

實(shí)時(shí)、在線的瀏覽器測(cè)試工具——告別虛擬機(jī)，支持所有桌面瀏覽器以及手機(jī)瀏覽器。（就是跨平臺(tái)瀏覽器測(cè)試工具，比方說你想在PC上體驗(yàn)Safari，便可以用這個(gè)。）

BrowserStack主頁的標(biāo)題和副標(biāo)題就很贊，簡(jiǎn)明扼要的抓住了目標(biāo)用戶的需求，說出了他們的痛處。（有時(shí)候用PC做的設(shè)計(jì)需要在 Safari上進(jìn)行測(cè)試，這時(shí)候可能要安裝虛擬機(jī)或者換Mac測(cè)試，很麻煩，這個(gè)網(wǎng)站便能解決問題。）而且標(biāo)題開門見山，直截了當(dāng)?shù)母嬖V用戶：我們能夠解 決你的問題！

適度調(diào)侃、制造噱頭、保持一定神秘感（不要把話一下子說完）

倘若非常的了解用戶，那么標(biāo)題寫作可以非常人性化。標(biāo)題可以寫成像朋友聊天的那種口吻，因?yàn)槟闾私庥脩袅耍愕臉?biāo)題可以直中他們的G點(diǎn)。

有時(shí)也可以稍微調(diào)侃一下讀者，但不要過頭。

可以拋出一個(gè)讓讀者深有共鳴的問題，但是又不在標(biāo)題中一下子說出解決的方案，讓用戶感覺心里癢癢，不閱讀就難受，能達(dá)到這種效果，就說名標(biāo)題起的成功。

#p#

比如可以這樣：

拖延癥又犯了？用”兩分鐘法則”治好你的病！

再比如：

還是屌絲美工？5個(gè)好習(xí)慣讓你走上成神之路！

再比如

網(wǎng)上最流行的前端模板

網(wǎng)上最流行的前端模板

這個(gè)標(biāo)題起的不錯(cuò)，首先，明明白白的告訴了你，這個(gè)網(wǎng)站是做什么的，工具的用途又是什么。

其次，噱頭很足（”網(wǎng)上最流行的”），很容易引起關(guān)注，讓人繼續(xù)閱讀。

設(shè)計(jì)

說實(shí)話，我特別不喜歡一些什么”設(shè)計(jì)規(guī)則”、”設(shè)計(jì)原則”之類的文章，每個(gè)人的方法都不一樣，沒有特別死板的規(guī)矩。我覺得”建議”這個(gè)詞最穩(wěn)妥：拋出我的方法，如果合適，你就用，如果不合適，看看也無妨。

以下是我對(duì)標(biāo)題設(shè)計(jì)的一些建議：

層級(jí)清晰

一級(jí)標(biāo)題一定要大，要有沖擊力，要看上去比正文大得多。一般我使用正文的1.5倍或者更大。這會(huì)讓標(biāo)題更具吸引力。

對(duì)照鮮明

標(biāo)題要充滿對(duì)照感，如果背景是黑色，那么標(biāo)題使用亮一點(diǎn)的顏色，這樣對(duì)照感就出來了。

主標(biāo)題、副標(biāo)題、正文的對(duì)照感依次減弱。字體大小、色彩上進(jìn)行微調(diào)。

留白充足

留白也很重要，元素太多，讓人無所適從，不知道先看哪個(gè)好。如果留白充足，那么標(biāo)題會(huì)映入眼簾，因?yàn)橹車强盏模虚g只有標(biāo)題。有時(shí)，標(biāo)題可以與文本保持一定距離，然后周圍設(shè)置大量留白區(qū)域，沖擊力十足。

Mailchimp的主頁采用了留白，標(biāo)題和留白區(qū)域占據(jù)了頁面頂部。當(dāng)我們進(jìn)入該頁面時(shí)，會(huì)立即注意到碩大的標(biāo)題。

總結(jié)：

總而言之，若想打造殺手級(jí)標(biāo)題，不妨試試以下幾點(diǎn)：

1.利用標(biāo)題制造噱頭，而又不一下子說完，讓讀者充滿好奇；

2.標(biāo)題不要太長(zhǎng)；

3.適度調(diào)侃讀者；

4.說出利害、重點(diǎn)；

5.利用尺寸、空間、對(duì)照來突出標(biāo)題；

希望這些建議對(duì)你有所幫助！

原文鏈接：http://webdesign.tutsplus.com/articles/design-theory/writing-and-designing-a-killer-headline/

譯文鏈接：http://www.uisdc.com/writing-and-designing-a-killer-headline