近年(nian)來，科技對現代社(she)會的(de)(de)改變非常(chang)之大，它已經(jing)改變了我們尋求和(he)接受信息的(de)(de)方(fang)式。如今的(de)(de)人已經(jing)無法(fa)像(xiang)他(ta)們的(de)(de)父母(mu)一(yi)樣，沒有足夠的(de)(de)時間深入和(he)徹(che)底(di)的(de)(de)閱讀(du)。

我們(men)許多的人(ren)每天都(dou)要處理大量的信(xin)(xin)(xin)息(xi)源，它(ta)們(men)可(ke)能來自網頁、電子(zi)郵件、微(wei)信(xin)(xin)(xin)、微(wei)博、短信(xin)(xin)(xin)、即時通訊工具等。所以(yi)我們(men)自然傾向于任何信(xin)(xin)(xin)息(xi)都(dou)可(ke)以(yi)在(zai)幾秒內就(jiu)能被讀懂和吸收。

人類(lei)的(de)大腦直(zhi)接(jie)連接(jie)并處理世界上的(de)各(ge)種視(shi)覺(jue)模式，至少在(zai)4萬年前，人類(lei)接(jie)受信息的(de)方式就已經從觀(guan)察自然(ran)事(shi)物，轉移到借助圖像(xiang)、圖標和圖形符(fu)號(hao)的(de)幫助來完成。

相比(bi)之下，人們接受(shou)文本(ben)信息(xi)的能(neng)力就相對弱一些。嬰幼兒開始(shi)(shi)學習和認(ren)識(shi)世界，都是(shi)從圖片開始(shi)(shi)的，直到他們認(ren)字以后，也以看圖說(shuo)話(hua)的教(jiao)育為佳(jia)。他們真正開始(shi)(shi)閱(yue)讀并深(shen)刻理解一本(ben)書，可能(neng)需要(yao)到大學時才能(neng)做到。

視覺效果為什么這么迷人？

現在(zai)已(yi)經被公認的一(yi)個(ge)觀(guan)點是：人們在(zai)互聯網(wang)上(shang)幾乎不閱讀(du)。最近(jin)的一(yi)項研究聲(sheng)稱，大(da)多數用戶認可并分享(xiang)一(yi)篇網(wang)絡文章時，通(tong)常只(zhi)閱讀(du)了第一(yi)行，甚至是一(yi)個(ge)標(biao)題。

另外，Twitter最(zui)近的一(yi)(yi)個(ge)(ge)(ge)研究(jiu)表(biao)明，微博上的照(zhao)片和圖像更(geng)能吸(xi)引用戶(hu)。這一(yi)(yi)趨勢(shi)形成的關(guan)鍵(jian)原因是(shi)，圖像會直接影響我們(men)(men)(men)的情緒，并可以在瞬間進入我們(men)(men)(men)的潛(qian)意識，而文本符號，則需(xu)要(yao)經過大腦的一(yi)(yi)個(ge)(ge)(ge)解(jie)碼步驟，才(cai)能被我們(men)(men)(men)所理解(jie)，這個(ge)(ge)(ge)過程是(shi)需(xu)要(yao)時間的。

顏(yan)色、大小和形狀等視覺元(yuan)素，能(neng)夠(gou)直接(jie)喚起人(ren)們(men)的各種感(gan)情——溫暖、喜悅、沖動、憤怒。它可以讓(rang)我們(men)直接(jie)聯想到一個(ge)(ge)品(pin)牌，或愿(yuan)意分享一篇帖子，甚至立馬(ma)決定購買一個(ge)(ge)商品(pin)，而(er)這就是用戶體(ti)驗。

另(ling)一(yi)個解釋是，視覺(jue)圖像可以同時吸引我們的(de)左腦和右腦，使我們同時產(chan)生邏輯(ji)思維和想(xiang)象(xiang)力(li)。實(shi)際上，信息圖表(biao)的(de)使用率(lv)與(yu)日俱增就可以證明這(zhe)一(yi)觀點，視覺(jue)效果的(de)確非常迷人。

文本真的不重要嗎？

很(hen)難想象一(yi)個(ge)沒(mei)有文字的(de)世界是(shi)什么(me)樣(yang)的(de)。路標、廣(guang)告牌、書籍，任何事物都離(li)不開文字的(de)點綴。一(yi)幅(fu)畫可(ke)能(neng)價值千(qian)金，但每個(ge)人可(ke)能(neng)會解(jie)讀出(chu)不同(tong)的(de)文字。精度文本可(ke)以帶給我(wo)們深(shen)度的(de)思(si)考，這是(shi)圖像無法做到(dao)的(de)。

在網(wang)站(zhan)(zhan)建設中，文本也是SEO ( 搜(sou)索引(yin)擎優(you)化 ) 的(de)核心，至少目前(qian)的(de)搜(sou)索引(yin)擎技(ji)術(shu)，只能(neng)讀懂(dong)文字。所(suo)以(yi)優(you)秀的(de)文本布局，對網(wang)站(zhan)(zhan)來說可以(yi)更好的(de)親和搜(sou)索引(yin)擎，提高網(wang)站(zhan)(zhan)曝(pu)光(guang)率。

當然，這看起來像(xiang)是(shi)(shi)一(yi)個博弈，我們(men)不應(ying)該去(qu)刻意迎合(he)搜索(suo)引擎的需要(yao)，而是(shi)(shi)應(ying)該更重(zhong)視(shi)用戶體(ti)驗。但無論如何，搜索(suo)引擎對(dui)網站的重(zhong)要(yao)性至少在短期內不會改變(bian)。實(shi)際(ji)上，在互(hu)聯網上，你會發現很多美麗的照片(pian)、精(jing)彩的視(shi)頻(pin)，并配(pei)合(he)有(you)標簽、關鍵(jian)詞、描述等(deng)文本信息來提高(gao)用戶體(ti)驗。

一個有效的(de)(de)方法是，我(wo)們(men)可(ke)(ke)以(yi)通過(guo)字(zi)(zi)體設計，讓(rang)文字(zi)(zi)效果更(geng)加(jia)引人注目，提(ti)高瀏覽者的(de)(de)閱讀興(xing)趣。因(yin)為文字(zi)(zi)的(de)(de)色彩、大小、字(zi)(zi)體都可(ke)(ke)以(yi)影響(xiang)閱讀者的(de)(de)心理(li)和感情，讓(rang)網頁設計更(geng)加(jia)出色。

如何明智地使用圖片和文字進行網頁設覺效果設計？

任何一(yi)(yi)個(ge)網(wang)站都(dou)需要適當的(de)(de)圖片和文本(ben)來進行視覺平衡，再棒的(de)(de)照片和視頻，如果沒有文字的(de)(de)輔助，對(dui)瀏(liu)覽者來說都(dou)是(shi)很難接受(shou)的(de)(de)。另一(yi)(yi)方(fang)面，你可能會發現，大塊(kuai)的(de)(de)文本(ben)內容，也是(shi)很難吸引(yin)用戶(hu)的(de)(de)。

網站(zhan)(zhan)瀏覽過程(cheng)中，聚焦用(yong)戶視(shi)覺的(de)主要是商標、大(da)背景圖、個(ge)性文(wen)字、滑塊(kuai)等。它們可以讓用(yong)戶有興趣去(qu)閱(yue)讀(du)一段(duan)正文(wen)內容(rong)，所以良好的(de)圖文(wen)混排(pai)設(she)計可以提高網站(zhan)(zhan)的(de)用(yong)戶體驗(yan)。

通過(guo)照(zhao)片上人物(wu)眼神來指導(dao)用戶閱讀文本信息

當今(jin)的網站設(she)計趨勢之一：大背(bei)景(jing)圖(tu)像 + 反(fan)色(se)字體設(she)計，聚焦效果極好

用視頻做大背景，來吸引(yin)用戶閱(yue)讀

所以，圖像和文(wen)本在網站設(she)計(ji)中哪個更(geng)重(zhong)(zhong)(zhong)要？這個問題只有(you)一個答案(an)，那就是：用(yong)戶(hu)體驗更(geng)重(zhong)(zhong)(zhong)要！用(yong)戶(hu)不會花(hua)時間努(nu)力閱(yue)讀他(ta)們(men)并不感興(xing)趣(qu)的(de)東西，保(bao)持采用(yong)非常規(gui)字體對標題、副標題以及(ji)其(qi)他(ta)重(zhong)(zhong)(zhong)要文(wen)本進行設(she)計(ji)，是可以為用(yong)戶(hu)體驗提供幫助的(de)。