設(shè)計(jì)時(shí)不能只輸入無(wú)意義的文本，文案與設(shè)計(jì)應(yīng)同步進(jìn)行。

嗯，我是作家，靠寫(xiě)字糊口。但你也許不信：我討厭閱讀。

但別誤會(huì)——我還是會(huì)花大量時(shí)間閱讀。我努力并艱難地讀書(shū)，讀 Blog，讀雜志，報(bào)紙上的信息。可一旦作者開(kāi)始啰嗦，我眼睛就發(fā)花，只想葛優(yōu)躺。

我只能看到一堵字堆砌的高墻

小時(shí)候，我覺(jué)得厭惡閱讀是弱點(diǎn)。多年后我才明白，這個(gè)弱點(diǎn)卻成就了一個(gè)好作家。

我的工作是為 app 和網(wǎng)頁(yè)撰寫(xiě)文案。這領(lǐng)域里，提倡「簡(jiǎn)短優(yōu)于才華」，每個(gè)字都很重要。寫(xiě)文案和設(shè)計(jì)其實(shí)很相似——為討厭閱讀的用戶設(shè)計(jì)文案。

用戶根本不讀你的界面文案

大量研究表明，用戶上網(wǎng)時(shí)基本不閱讀。對(duì)于 app、游戲、或者其他需要交互的屏幕來(lái)說(shuō)，情況相同。多數(shù)用戶只是掃過(guò)頁(yè)面，搜尋寥寥幾個(gè)關(guān)鍵字。

你會(huì)吃驚居然有那么多人會(huì)選擇“繼續(xù)”

人們到底是瘋了？還是太粗心？又或者，只是討厭閱讀？無(wú)論如何，結(jié)果相同。文案寫(xiě)得再好，大部分也不會(huì)被讀。

所以，你不能僅僅打字，粘貼進(jìn)設(shè)計(jì)稿。寫(xiě)文案時(shí)，你也可能會(huì)發(fā)現(xiàn)設(shè)計(jì)需要改動(dòng)。若無(wú)法用簡(jiǎn)短文字來(lái)描述行為，那只能說(shuō)明，設(shè)計(jì)太復(fù)雜。

就是說(shuō)：設(shè)計(jì)時(shí)不能只輸入無(wú)意義的文本，文案與設(shè)計(jì)應(yīng)同步進(jìn)行。

設(shè)計(jì)文案的7個(gè)技巧

作為文案作者，我有7個(gè)讓文案更易讀的技巧。希望它們?cè)谀銓?xiě)作和設(shè)計(jì)文案時(shí)有幫助。

1. 縮短

最能增加易讀性的行為，就是簡(jiǎn)短文字。寫(xiě)好草稿后，一遍遍刪減文案。去掉細(xì)節(jié)，選用更簡(jiǎn)單的詞語(yǔ)，并直擊要點(diǎn)。要果斷。

文案越短，被讀的可能越高

我理解寫(xiě)作者想大展身手的沖動(dòng)，但 app 文案不是適合的場(chǎng)所。Medium 才是。/笑

2. ?加標(biāo)題

若文案刪減到極致，卻還是很長(zhǎng)呢？試著用標(biāo)題來(lái)總結(jié)這段文案。使用用戶可能會(huì)尋找的關(guān)鍵詞。當(dāng)他們想了解更多時(shí)，自然會(huì)繼續(xù)讀。

標(biāo)題能讓內(nèi)容更易檢索。

3. 列清單

當(dāng)瀏覽網(wǎng)頁(yè)時(shí)，視線傾向于上下看。所以，清單比大段文字易讀。

當(dāng)段落中重復(fù)出現(xiàn)「和」或者「也」這類詞時(shí)，試著將這段重寫(xiě)成清單。

我最愛(ài)列清單了

4. 讓用戶歇歇

類似 Medium 的產(chǎn)品，生來(lái)就注重內(nèi)容的充實(shí)——這沒(méi)問(wèn)題。但有時(shí)，讀大段大段的文字真的好累。

如果需要寫(xiě)許多內(nèi)容，我總嘗試添加視覺(jué)放松元素（Visual Relief）——分割線、圖片、標(biāo)題、案例——只要是能打斷文字高墻的東西。它們能讓讀者喘口氣。

我的 Medium 文章中，我努力保持每段只有幾行，并插入許多視覺(jué)放松元素。

加點(diǎn)調(diào)味料

5. 給詞匯排序

一些作者太關(guān)注選詞。選詞很重要，但詞的排序同樣重要。

設(shè)計(jì)文案時(shí)，思考如何將最重要的詞語(yǔ)呈現(xiàn)在屏幕上，以及如何讓不重要的內(nèi)容看起來(lái)也不那么重要。這就是設(shè)計(jì)中的視覺(jué)層級(jí)。

將字體寬度、大小、顏色、對(duì)比、排版方式、大小寫(xiě)、間距、對(duì)齊這些因素都考慮在內(nèi)。因?yàn)樗鼈儧Q定了用戶是否會(huì)讀你的文案。找到平衡前，要嘗試各種屬性設(shè)置。

哪個(gè)更易讀？

6. 慢慢展示

向用戶展示如何操作時(shí)，大家總想著，如果將元素直接扔在屏幕上，用戶自己就能弄懂就太好了。實(shí)際情況卻是，文本太長(zhǎng)，用戶就不看。那該怎么做？

有時(shí)，你可以一次只展示少量?jī)?nèi)容。專業(yè)術(shù)語(yǔ)將之稱為逐步揭示（progressive disclosure），但我喜歡叫它慢慢展示。試著將信息分成小塊，一步步展示給用戶。

內(nèi)容太多？試著一點(diǎn)點(diǎn)展示。

也可以采用另一種方法，那就是將更多信息放到幫助文檔里。許多產(chǎn)品靠增加「了解更多」鏈接來(lái)解決這個(gè)問(wèn)題。點(diǎn)擊它們會(huì)將你帶到詳盡的幫助頁(yè)面。

7. 在效果圖中寫(xiě)作，而非 word 中

有過(guò)這樣的經(jīng)驗(yàn)嗎？某些文案在紙上看來(lái)超棒，在效果圖中卻太長(zhǎng)了……這就是只在寫(xiě)作應(yīng)用中寫(xiě)文案時(shí)會(huì)發(fā)生的情況。

當(dāng)為 app 界面寫(xiě)文案時(shí)，看到頁(yè)面上其他元素至關(guān)重要。你需要知道文案在頁(yè)面中的效果。

這就是我偏愛(ài)在 Sketch 效果圖中寫(xiě)作的原因。其他元素能幫我決定寫(xiě)什么，因?yàn)槲夷芸吹轿陌冈陧?yè)面中的實(shí)際效果。

結(jié)語(yǔ)

文字讓世界有意義，讓我們理解周圍的環(huán)境。可惜許多人就是不愿閱讀。如果你的工作和我類似，那么我們要致力于讓閱讀變得更簡(jiǎn)單，幫助人們理解世界。

上述技巧是我在設(shè)計(jì)文案時(shí)嘗試去做的事。如果你也有獨(dú)特的技巧，十分歡迎和我交流分享。

最后，致不愛(ài)閱讀的你們——感謝讀完。

原文作者：John Saito

原文地址：https://medium.com/@jsaito/how-to-design-words-63d6965051e9?swoff=true#.esp9kqv67

翻譯：Puddinnng

譯文地址：http://www.jianshu.com/p/3359d125d6fc

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