在圖文混合的信息流里面,如何突出純文本的信息呢?

0 評(píng)論 12244 瀏覽 12 收藏 9 分鐘

笑天涯說(shuō):無(wú)論是設(shè)計(jì)海報(bào)展示給受眾,還是產(chǎn)品上的信息展現(xiàn),我們都希望讓受眾看到自己想突出的東西。例如圖文混合情況下,該如何突出純文本的信息呢?

知乎問(wèn)題:在圖文混合的信息流里面,如何突出純文本的信息呢?

問(wèn)題補(bǔ)充:

舉個(gè)該問(wèn)題的例子,在 weibo 的信息流里面,帶有圖片的 weibo 總是會(huì)更容易吸引到用戶的注意力。后來(lái)長(zhǎng)微博的盛行和目前的“添加多圖功能”都會(huì)使大家更多的使用圖片。那在這樣的信息流里面,如何防止純文本的 weibo 被淹沒(méi)呢?同樣的情況也會(huì)發(fā)生在類似 Facebook 這樣的信息流里面,隨著 Feed 類型越來(lái)越豐富,展示樣式越來(lái)越多樣化,最基礎(chǔ)的純文本信息(狀態(tài) or 日志)就容易被忽視。有什么辦法(技術(shù)或者產(chǎn)品或者交互或者視覺(jué)方向都行)能改善這樣的情況嗎?

下面是某匿名用戶的回答,版權(quán)屬于原匿名回答者,希望對(duì)大家有所幫助。

觀點(diǎn):

當(dāng)下社會(huì)的快餐文化,直接的使得我們的各種習(xí)慣隨之改變,人們?cè)絹?lái)越不愿將時(shí)間花在長(zhǎng)時(shí)間閱讀上,我們永遠(yuǎn)不要做逆勢(shì)而為之的事情,用戶習(xí)慣讀圖,那么一定是讀圖比讀字更符合他們自身的使用習(xí)慣,我們要做的,不是強(qiáng)行沒(méi)收對(duì)方讀圖的權(quán)利,更不是將過(guò)多的精力花費(fèi)在如何將文字從眾多圖片中脫穎而出。而是考慮如何使圖片準(zhǔn)確的傳達(dá)出我們希望表達(dá)的意思。

以下根據(jù)本人十幾年的行業(yè)經(jīng)驗(yàn),提供一些方法。經(jīng)過(guò)如下方式處理的文字,會(huì)比普通文字更易被重視。

方法一:

最吸引人的,排在第一位的,永遠(yuǎn)是顏色,通過(guò)放大字號(hào),其實(shí)就是放大了整體文本的色塊面積,來(lái)與較弱色彩進(jìn)行區(qū)分,來(lái)達(dá)到吸引眼球的目的。但只通過(guò)簡(jiǎn)單的字體放大,會(huì)給人造成內(nèi)容粗糙的弊端。因此建議放大后的文本,選擇帶有襯線的字體,來(lái)彌補(bǔ)文字形式上的粗糙感。可參見(jiàn)下圖。

通過(guò)復(fù)雜字體的筆畫,一來(lái)可以解決視覺(jué)上內(nèi)容粗糙的問(wèn)題;二來(lái),由于較為復(fù)雜的筆畫,其實(shí)又無(wú)形中增加了顏色的面積。



方法二:

通過(guò)調(diào)整字體的顏色,從而使原本單調(diào)的單色,變成醒目的多色文本。但如果色彩搭配雜亂無(wú)章,除了增加閱讀難度外,也會(huì)給閱讀者造成文字內(nèi)容粗糙的感覺(jué)。因此,建議參考下圖。

1

通過(guò)顏色的有序漸變和將文字內(nèi)容進(jìn)行刻意的色彩區(qū)分,這樣兩種方式可以擺脫原有雜亂色彩帶來(lái)的廉價(jià)感。另外將原有雜亂的點(diǎn)狀色彩,變?yōu)槊娣e更大的面狀色彩,無(wú)形中同樣加大了色彩的可視比例,從而起到吸引視覺(jué)的目的。

方法三:

將文字反白處理,將色彩面積增大。也可使用下圖方式。

小結(jié):
在以上的舉例中,其實(shí)是在反復(fù)論證色彩的重要性,通過(guò)最簡(jiǎn)單的方式增加色彩的面積,從而起到專注視覺(jué)的目的。但是需要注意的是,并不是顏色越多越亮就越好,錯(cuò)誤的色彩搭配有時(shí)候會(huì)適得其反的使文字信息變得失去閱讀者的信任。

下面繼續(xù)舉例。

方法四:

在同等色彩與字體字號(hào)的情況下,人最容易注意到的,就是文本中的數(shù)字與英文,因?yàn)樵谌说拈喿x習(xí)慣中,數(shù)字與英文是作為圖形去理解。因此通過(guò)閱讀文本的內(nèi)容,我們可以將文本中的某些信息,通過(guò)符號(hào)化的方式去表達(dá),從而吸引人的注意力。
但是如果遇到了文本中的信息實(shí)在不好找到符號(hào)化處理怎么辦呢?那么可以參考下面的處理方式。

看到了嗎?其實(shí)我們可以通過(guò)人為增加符號(hào)的方式,使得整段文字更加吸引人!另外,其實(shí)標(biāo)點(diǎn)符號(hào)我們也是作為符號(hào)來(lái)理解的哦!同理采用這樣編輯方式的還可以在文字中間加入一些較萌的QQ表情,效果也會(huì)差不多!

方法五:

事實(shí)證明,人們除了在吃藥的時(shí)候會(huì)刻意的閱讀說(shuō)明書外,其余的時(shí)候是不會(huì)閱讀長(zhǎng)篇大論的文字,因此當(dāng)文本信息過(guò)多時(shí),需要充分的考慮閱讀者的習(xí)慣,我們能做的,是通過(guò)工整的版式,讓閱讀者在閱讀前就充分的知道這段文字閱讀起來(lái)很容易,而不會(huì)出現(xiàn)串行等情況。只有他愿意讀,他才會(huì)讀下去。
接下來(lái)繼續(xù)完善。

看到了沒(méi),雖然從整體上增加了文本的尺寸,但是從斷句和行距上,更加切合閱讀者的閱讀習(xí)慣。這就好比讓一個(gè)人一次步行10公里,和分5次來(lái)步行10公里的區(qū)別。而且放大了的文本,更加的增加了色彩的面積。

方法六:

再給大家一個(gè)最最最最簡(jiǎn)單,但是卻是最最最最有效的方式。

沒(méi)錯(cuò),那就是調(diào)換文字與圖片之間的位置,事實(shí)證明,文字?jǐn)[放在圖片下方,會(huì)比放在圖片上更加讓人愿意閱讀。

總結(jié):

其實(shí)以上的舉例,只是在證明我始終在做一件事,那就是盡量將文字圖片化的處理,讓文字給人的第一感覺(jué)更像是顏色或符號(hào),從而消除觀看者閱讀前的心理障礙。

順便說(shuō)一句,可以看看我其它問(wèn)題回答的文字排版方式,我的分段與文字加粗的首要目的,就是希望更好的方便閱讀。知乎上的確有很多很好的答案,但是打開(kāi)之后洋洋灑灑的數(shù)千字,加上枯燥的語(yǔ)言,結(jié)果很不幸的被埋沒(méi)在了眾多答案中。多站在他人的角度去思考,才可能發(fā)出被關(guān)注的聲音。

其實(shí)還有很多方法,都可以來(lái)提高文字的關(guān)注度,邊做圖舉例邊答題很累。就先到此為止吧!

本文由@笑天涯整理自@知乎問(wèn)答,轉(zhuǎn)載請(qǐng)注明版權(quán)屬于元匿名回答用戶。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!