順勢而為,6招文本圖片化讓信息更醒目
![](http://image.woshipm.com/wp-files/img/70.jpg)
小編推薦:互聯(lián)網(wǎng)時(shí)代,帶來了資訊的快速傳播,同時(shí)也造成了信息的嚴(yán)重過剩,大量的信息搶奪眼球注意力。本篇知乎達(dá)人@eno-one從交互設(shè)計(jì)、心理學(xué)等方面,介紹6種實(shí)用技巧讓圖片化的文本信息更醒目,在信息流中更容易吸引到用戶注意力。
源起于知乎問答,問題如下:
在 weibo 的信息流里面,帶有圖片的 weibo 總是會(huì)更容易吸引到用戶的注意力
后來長微博的盛行和目前的“添加多圖功能”都會(huì)使大家更多的使用圖片
那在這樣的信息流里面,如何防止純文本的 weibo 被淹沒呢?
同樣的情況也會(huì)發(fā)生在類似 Facebook 這樣的信息流里面,隨著 Feed 類型越來越豐富,展示樣式越來越多樣化,最基礎(chǔ)的純文本信息(狀態(tài) or 日志)就容易被忽視。
有什么辦法(技術(shù)或者產(chǎn)品或者交互或者視覺方向都行)能改善這樣的情況嗎
@eno-one的回答(1810票)
當(dāng)下社會(huì)的快餐文化,直接的使得我們的各種習(xí)慣隨之改變,人們越來越不愿將時(shí)間花在長時(shí)間閱讀上,我們永遠(yuǎn)不要做逆勢而為之的事情,用戶習(xí)慣讀圖,那么一定是讀圖比讀字更符合他們自身的使用習(xí)慣,我們要做的,不是強(qiáng)行沒收對方讀圖的權(quán)利,更不是將過多的精力花費(fèi)在如何將文字從眾多圖片中脫穎而出。而是考慮如何使圖片準(zhǔn)確的傳達(dá)出我們希望表達(dá)的意思。
以下根據(jù)本人十幾年的行業(yè)經(jīng)驗(yàn),提供一些方法。經(jīng)過如下方式處理的文字,會(huì)比普通文字更易被重視。
方法一:
最吸引人的,排在第一位的,永遠(yuǎn)是顏色,通過放大字號,其實(shí)就是放大了整體文本的色塊面積,來與較弱色彩進(jìn)行區(qū)分,來達(dá)到吸引眼球的目的。但只通過簡單的字體放大,會(huì)給人造成內(nèi)容粗糙的弊端。因此建議放大后的文本,選擇帶有襯線的字體,來彌補(bǔ)文字形式上的粗糙感??蓞⒁娤聢D。
通過復(fù)雜字體的筆畫,一來可以解決視覺上內(nèi)容粗糙的問題;二來,由于較為復(fù)雜的筆畫,其實(shí)又無形中增加了顏色的面積。
方法二:
通過調(diào)整字體的顏色,從而使原本單調(diào)的單色,變成醒目的多色文本。
但如果色彩搭配雜亂無章,除了增加閱讀難度外,也會(huì)給閱讀者造成文字內(nèi)容粗糙的感覺。因此,建議參考下圖。
通過顏色的有序漸變和將文字內(nèi)容進(jìn)行刻意的色彩區(qū)分,這樣兩種方式可以擺脫原有雜亂色彩帶來的廉價(jià)感。另外將原有雜亂的點(diǎn)狀色彩,變?yōu)槊娣e更大的面狀色彩,無形中同樣加大了色彩的可視比例,從而起到吸引視覺的目的。
方法三:
將文字反白處理,將色彩面積增大。
也可使用下圖方式。
小結(jié):
在以上的舉例中,其實(shí)是在反復(fù)論證色彩的重要性,通過最簡單的方式增加色彩的面積,從而起到專注視覺的目的。但是需要注意的是,并不是顏色越多越亮就越好,錯(cuò)誤的色彩搭配有時(shí)候會(huì)適得其反的使文字信息變得失去閱讀者的信任。
下面繼續(xù)舉例。
方法四:
在同等色彩與字體字號的情況下,人最容易注意到的,就是文本中的數(shù)字與英文,因?yàn)樵谌说拈喿x習(xí)慣中,數(shù)字與英文是作為圖形去理解。因此通過閱讀文本的內(nèi)容,我們可以將文本中的某些信息,通過符號化的方式去表達(dá),從而吸引人的注意力。
但是如果遇到了文本中的信息實(shí)在不好找到符號化處理怎么辦呢?那么可以參考下面的處理方式。
看到了嗎?其實(shí)我們可以通過人為增加符號的方式,使得整段文字更加吸引人!另外,其實(shí)標(biāo)點(diǎn)符號我們也是作為符號來理解的哦!同理采用這樣編輯方式的還可以在文字中間加入一些較萌的QQ表情,效果也會(huì)差不多!
方法五:
事實(shí)證明,人們除了在吃藥的時(shí)候會(huì)刻意的閱讀說明書外,其余的時(shí)候是不會(huì)閱讀長篇大論的文字,因此當(dāng)文本信息過多時(shí),需要充分的考慮閱讀者的習(xí)慣,我們能做的,是通過工整的版式,讓閱讀者在閱讀前就充分的知道這段文字閱讀起來很容易,而不會(huì)出現(xiàn)串行等情況。只有他愿意讀,他才會(huì)讀下去。
接下來繼續(xù)完善。
看到了沒,雖然從整體上增加了文本的尺寸,但是從斷句和行距上,更加切合閱讀者的閱讀習(xí)慣。這就好比讓一個(gè)人一次步行10公里,和分5次來步行10公里的區(qū)別。而且放大了的文本,更加的增加了色彩的面積。
方法六:
再給大家一個(gè)最最最最簡單,但是卻是最最最最有效的方式。
沒錯(cuò),那就是調(diào)換文字與圖片之間的位置,事實(shí)證明,文字?jǐn)[放在圖片下方,會(huì)比放在圖片上更加讓人愿意閱讀。
總結(jié):
其實(shí)以上的舉例,只是在證明我始終在做一件事,那就是盡量將文字圖片化的處理,讓文字給人的第一感覺更像是顏色或符號,從而消除觀看者閱讀前的心理障礙。
本文由人人都是產(chǎn)品經(jīng)理@魚精 整理自知乎問答,轉(zhuǎn)載請注明出處并保留本文鏈接。
寫的不錯(cuò)
nice,學(xué)到很多,PM在寫產(chǎn)品文檔的時(shí)候,也需要多注意這方面的排版,讓閱讀者更愿意去讀。