2016-9-1 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
來源:UI中國(guó)
嗯,我是作家,靠寫字糊口。但你也許不信:我討厭閱讀。
但別誤會(huì)——我還是會(huì)花大量時(shí)間閱讀。我努力并艱難地讀書,讀 Blog,讀雜志,報(bào)紙上的信息??梢坏┳髡唛_始啰嗦,我眼睛就發(fā)花,只想葛優(yōu)躺。
我只能看到一堵字堆砌的高墻
小時(shí)候,我覺得厭惡閱讀是弱點(diǎn)。多年后我才明白,這個(gè)弱點(diǎn)卻成就了一個(gè)好作家。
我的工作是為 app 和網(wǎng)頁(yè)撰寫文案。這領(lǐng)域里,提倡「簡(jiǎn)短優(yōu)于才華」,每個(gè)字都很重要。寫文案和設(shè)計(jì)其實(shí)很相似——為討厭閱讀的用戶設(shè)計(jì)文案。
用戶根本不讀你的界面文案
大量研究表明,用戶上網(wǎng)時(shí)基本不閱讀。對(duì)于 app、游戲、或者其他需要交互的屏幕來說,情況相同。多數(shù)用戶只是掃過頁(yè)面,搜尋寥寥幾個(gè)關(guān)鍵字。
你會(huì)吃驚居然有那么多人會(huì)選擇「繼續(xù)」
人們到底是瘋了?還是太粗心?又或者,只是討厭閱讀?無論如何,結(jié)果相同。文案寫得再好,大部分也不會(huì)被讀。
所以,你不能僅僅打字,粘貼進(jìn)設(shè)計(jì)稿。寫文案時(shí),你也可能會(huì)發(fā)現(xiàn)設(shè)計(jì)需要改動(dòng)。若無法用簡(jiǎn)短文字來描述行為,那只能說明,設(shè)計(jì)太復(fù)雜。
就是說:設(shè)計(jì)時(shí)不能只輸入無意義的文本,文案與設(shè)計(jì)應(yīng)同步進(jìn)行。
設(shè)計(jì)文案的7個(gè)技巧
作為文案作者,我有7個(gè)讓文案更易讀的技巧。希望它們?cè)谀銓懽骱驮O(shè)計(jì)文案時(shí)有幫助。
1.縮短
最能增加易讀性的行為,就是簡(jiǎn)短文字。寫好草稿后,一遍遍刪減文案。去掉細(xì)節(jié),選用更簡(jiǎn)單的詞語(yǔ),并直擊要點(diǎn)。要果斷。
文案越短,被讀的可能越高
我理解寫作者想大展身手的沖動(dòng),但 app 文案不是適合的場(chǎng)所。Medium 才是。/笑
2.加標(biāo)題
若文案刪減到,卻還是很長(zhǎng)呢?試著用標(biāo)題來總結(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í),試著將這段重寫成清單。
我最愛列清單了。
4.讓用戶歇歇
類似 Medium 的產(chǎn)品,生來就注重內(nèi)容的充實(shí)——這沒問題。但有時(shí),讀大段大段的文字真的好累。
如果需要寫許多內(nèi)容,我總嘗試添加視覺放松元素(Visual Relief)——分割線、圖片、標(biāo)題、案例——只要是能打斷文字高墻的東西。它們能讓讀者喘口氣。
我的 Medium 文章中,我努力保持每段只有幾行,并插入許多視覺放松元素。
5.給詞匯排序
一些作者太關(guān)注選詞。選詞很重要,但詞的排序同樣重要。
設(shè)計(jì)文案時(shí),思考如何將最重要的詞語(yǔ)呈現(xiàn)在屏幕上,以及如何讓不重要的內(nèi)容看起來也不那么重要。這就是設(shè)計(jì)中的視覺層級(jí)。
將字體寬度、大小、顏色、對(duì)比、排版方式、大小寫、間距、對(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)品靠增加「了解更多」鏈接來解決這個(gè)問題。點(diǎn)擊它們會(huì)將你帶到詳盡的幫助頁(yè)面。
7.在效果圖中寫作,而非 word 中
有過這樣的經(jīng)驗(yàn)嗎?某些文案在紙上看來超棒,在效果圖中卻太長(zhǎng)了……這就是只在寫作應(yīng)用中寫文案時(shí)會(huì)發(fā)生的情況。
當(dāng)為 app 界面寫文案時(shí),看到頁(yè)面上其他元素至關(guān)重要。你需要知道文案在頁(yè)面中的效果。
這就是我偏愛在 Sketch 效果圖中寫作的原因。其他元素能幫我決定寫什么,因?yàn)槲夷芸吹轿陌冈陧?yè)面中的實(shí)際效果。
結(jié)語(yǔ)
文字讓世界有意義,讓我們理解周圍的環(huán)境??上гS多人就是不愿閱讀。如果你的工作和我類似,那么我們要致力于讓閱讀變得更簡(jiǎn)單,幫助人們理解世界。
上述技巧是我在設(shè)計(jì)文案時(shí)嘗試去做的事。如果你也有獨(dú)特的技巧,十分歡迎和我交流分享。
最后,致不愛閱讀的你們——感謝讀完。
藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
原作者:John Saito 翻譯者:Puddinnng
本教程為翻譯教程,原文地址為:https://medium.com/@jsaito/how-to-design-words-63d6965051e9?swoff=true#.esp9kqv67
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net