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

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

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

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

　　換句話說，很多情況下，標題決定著閱讀量，只要標題好，用戶才會注意，進而主動關注內容。

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

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

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

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

　　常見誤區

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

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

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

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

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

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

　　這個標題就不錯：

　　顛覆傳統的標題設計

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

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

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

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

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

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

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

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

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

　　太長的標題：

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

　　更好的標題:

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

　　文案寫作：

　　說重點、說利害

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

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

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

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

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

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

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

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

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

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

　　比如可以這樣：

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

　　再比如：

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

　　再比如

　　網上最流行的前端模板

　　網上最流行的前端模板

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

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

　　設計

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

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

　　層級清晰

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

　　對照鮮明

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

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

　　留白充足

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

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

　　總結：

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

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

　　2.標題不要太長;

　　3.適度調侃讀者;

　　4.說出利害、重點;

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

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