全能設計師教你寫作並設計出一個殺手級標題

怎樣才能讓網頁設計中的標題一語中的、直擊要害呢?

無論是瀏覽微博，還是閲讀RSS內容，或是Google搜索，你最先注意的，往往是那些標題出眾，飽含噱頭的信息(也有同學習慣稱 “標題黨” )

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

換句話説，很多情況下，標題決定着閲讀量，只要標題好，用户才會注意，進而主動關注內容。

如果標題不到位，那麼無論文章質量多麼上乘、產品多麼優秀，依然無法有效吸引用户閲讀。

本文將講述如何”打造殺手級標題，提高頁面的瀏覽量”，不光是設計方面，還涉及文案方面。

還記得我們在微博上分享的段子麼?

【魔鏡啊魔鏡，你告訴我如何取悦設計師】答：不加班+少改稿+不站背後+不戳屏幕。【魔鏡啊魔鏡，你告訴我如何取悦老闆】答：設計簡約+大氣+國際化+無限創意+會擼前端代碼+一手好文案+會攝影+懂營銷+無限加班不要錢+改稿千遍不厭倦+每日跪求多人組團指點江山+脾氣柔順+對客户發春般温暖…..【鏡子裂了

常見誤區

我們先來看看在起標題時的一些誤區。

“標題應該總結頁面內容”

其實大可不必，標題並不一定要總結頁面內容。首先，用這麼短的篇幅去總結內容大致不是很容易。其次，如果採用這種總結性標題，那麼看起來會很枯燥，標題毫無吸引力。

與其迂腐的總結，不如想出一些有趣、有信息的標題，讓用户感到眼前一亮。

以本文的標題為例，比方説這個就很枯燥：

關於標題的字體設計以及文案寫作

這個標題就不錯：

顛覆傳統的標題設計

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

這也不好，沒錯，這種標題是很吸引人：:

看，喵星人也能做後空翻!

但是這種標題和本文毫不相干，用户閲讀會感覺也太標題黨了，這種起標題的方法，只能流行幾天，過幾天就沒人看這種文題不符的文章了，不利於瀏覽量的持續增加。而且很有可能會影響到訂閲量。很不誠實、很不體面，太急功近利了

標題必須和內容相關。標題應該讓人感到驚訝、眼前一亮或是震撼。應該充滿對全文的洞察

“標題的大小並不重要，標題可以長也可以短”

在為大標題起名時，標題大小非常重要。不要太長。

也不要分行太多，分行太多標題的衝擊力會大幅減弱。

而且，標題太長，在郵件和微博中會被省略掉一部分，這樣就無法有效閲讀。

太長的標題：

為何現在所有的用户都不用IE6，而改用更先進的瀏覽器呢?因為他們想要更好的互聯網體驗!

更好的標題:

還在用IE6?你會錯失很多美好細節。

文案寫作：

説重點、説利害

在為產品頁寫標題時，必須説重點、説厲害，最好能夠説明產品給用户帶來的好處。

你需要對用户有足夠的瞭解，並且弄清楚你的產品對用户來説，價值又是什麼?可以通過用户訪談、研究、測試來了解用户。這是準備功課。

一旦分析出產品的好處後(從用户的角度)，將這種優點、這種價值寫進標題中。這種標題寫作方式非常棒，能夠立即引起用户的共鳴。

抓住重點，便能構建與用户的聯繫紐帶，既然感受一樣，那麼肯定能夠提供解決方案/產品，用户會選擇繼續閲讀，很有可能選擇消費。

實時、在線的瀏覽器測試工具告別虛擬機，支持所有桌面瀏覽器以及手機瀏覽器。(就是跨平台瀏覽器測試工具，比方説你想在PC上體驗Safari，便可以用這個。)

BrowserStack主頁的標題和副標題就很贊，簡明扼要的抓住了目標用户的需求，説出了他們的痛處。(有時候用PC做的設計需要在Safari上進行測試，這時候可能要安裝虛擬機或者換Mac測試，很麻煩，這個網站便能解決問題。)而且標題開門見山，直截了當的告訴用户：我們能夠解決你的問題!

適度調侃、製造噱頭、保持一定神祕感(不要把話一下子説完)

倘若非常的瞭解用户，那麼標題寫作可以非常人性化。標題可以寫成像朋友聊天的'那種口吻，因為你太瞭解用户了，你的標題可以直中他們的G點。

有時也可以稍微調侃一下讀者，但不要過頭。

可以拋出一個讓讀者深有共鳴的問題，但是又不在標題中一下子説出解決的方案，讓用户感覺心裏癢癢，不閲讀就難受，能達到這種效果，就説名標題起的成功。

比如可以這樣：

拖延症又犯了?用”兩分鐘法則”治好你的病!

再比如：

還是絲美工?5個好習慣讓你走上成神之路!

再比如

網上最流行的前端模板

網上最流行的前端模板

這個標題起的不錯，首先，明明白白的告訴了你，這個網站是做什麼的，工具的用途又是什麼。

其次，噱頭很足(”網上最流行的”)，很容易引起關注，讓人繼續閲讀。

設計

説實話，我特別不喜歡一些什麼”設計規則”、”設計原則”之類的文章，每個人的方法都不一樣，沒有特別死板的規矩。我覺得”建議”這個詞最穩妥：拋出我的方法，如果合適，你就用，如果不合適，看看也無妨。

以下是我對標題設計的一些建議：

層級清晰

一級標題一定要大，要有衝擊力，要看上去比正文大得多。一般我使用正文的1.5倍或者更大。這會讓標題更具吸引力。

對照鮮明

標題要充滿對照感，如果背景是黑色，那麼標題使用亮一點的顏色，這樣對照感就出來了。

主標題、副標題、正文的對照感依次減弱。字體大小、色彩上進行微調。

留白充足

留白也很重要，元素太多，讓人無所適從，不知道先看哪個好。如果留白充足，那麼標題會映入眼簾，因為周圍是空的，中間只有標題。有時，標題可以與文本保持一定距離，然後周圍設置大量留白區域，衝擊力十足。

Mailchimp的主頁採用了留白，標題和留白區域佔據了頁面頂部。當我們進入該頁面時，會立即注意到碩大的標題。

總結：

總而言之，若想打造殺手級標題，不妨試試以下幾點：

1.利用標題製造噱頭，而又不一下子説完，讓讀者充滿好奇;

2.標題不要太長;

3.適度調侃讀者;

4.説出利害、重點;

5.利用尺寸、空間、對照來突出標題;

注：更多精彩教程請關注三聯設計教程 欄目，