為什么說(shuō)左圖右文字比右圖左文字要好

2016-11-11    分類: 網(wǎng)站建設(shè)

有時(shí)候設(shè)計(jì)的微妙之處就是你覺得這個(gè)好,但是卻說(shuō)不出一個(gè)所以然,這是需要深入思考并分析問(wèn)題才能驗(yàn)證自己的感覺。成都網(wǎng)站建設(shè)在建設(shè)網(wǎng)站時(shí),基本都是以左圖右文字結(jié)構(gòu)呈現(xiàn)新聞列表的。

配圖是不包含信息量的,而人的視覺習(xí)慣從左側(cè)開始,左圖右文字的視覺動(dòng)線是一個(gè)連續(xù)的「Z」,而非一條向下的直線,既然配圖不包含信息量,那么把它挪到右側(cè),也就不會(huì)對(duì)視覺動(dòng)線形成干擾,方便用戶快速(豎直)地瀏覽文章標(biāo)題。同時(shí)還能對(duì)左側(cè)列表和右側(cè)欄進(jìn)行分隔。 起初我大概也算被說(shuō)服了,畢竟「圖片的信息量」一聽就覺得好高大上,好像很有道理的樣子。 直到最近,網(wǎng)站臨近上線,首頁(yè)也早已成型,故而長(zhǎng)時(shí)間觀察的機(jī)會(huì)逐漸多了起來(lái),久而久之,便發(fā)現(xiàn)其中的「不對(duì)勁」:

1、「信息量」的確不假,但信息量再低,圖片終歸是圖片,終歸要比文字抓人眼球,因而右圖左文字結(jié)構(gòu)下的用戶的視覺動(dòng)線只會(huì)是一個(gè)從標(biāo)題到配圖再到標(biāo)題的加寬版的「Z」。 因此把標(biāo)題和配圖分這么開,可能的結(jié)果往往是「累感不愛」,于是便快速(豎直)只瀏覽標(biāo)題/配圖了事,畢竟路程太長(zhǎng)了。

2、而在左圖右文字結(jié)構(gòu)下,盡管視覺動(dòng)線仍時(shí)不時(shí)呈「Z」型,但比起右圖左文字結(jié)構(gòu),路程顯然要短得多。即便用戶只是快速掃視配圖/標(biāo)題,也很容易通過(guò)余光觀察or快速切換到相應(yīng)的標(biāo)題/配圖。

3、此外,從宏觀布局角度而言,左圖右文字結(jié)構(gòu)下,標(biāo)題可以處在網(wǎng)頁(yè)的水平中部區(qū)域,不至于讓人覺得網(wǎng)頁(yè)太寬,眼球要跑好遠(yuǎn)。加之左側(cè)配圖與右側(cè)欄所形成的壁壘在視覺上營(yíng)造出了邊界感,使得新聞部分看起來(lái)會(huì)短些。 或者說(shuō),它就像一個(gè)漢堡一樣,把最美味的部分夾在了中間,這在某種意義上恰恰突出了新聞內(nèi)容; 而右圖左文字結(jié)構(gòu),正如BOSS所想要的那樣,對(duì)左右進(jìn)行了分隔——事實(shí)是咱們網(wǎng)站右側(cè)欄的內(nèi)容確實(shí)和別人家新聞博客太不一樣,做一些區(qū)隔多少也是需要的——但這種結(jié)構(gòu)卻是把用戶最關(guān)心的部分甩在了左側(cè),因而右側(cè)欄也就離用戶更遙遠(yuǎn)了,這恐怕不是初衷。

4、最后,左圖右文字結(jié)構(gòu)下,眼球從標(biāo)題向右移動(dòng)至配圖時(shí),右側(cè)是沒有邊界的,換言之,此時(shí)用戶將下意識(shí)地面臨:①看右側(cè)欄 or ②折回看下一篇 2個(gè)選擇; 而左圖右文字結(jié)構(gòu)呢?正如第2點(diǎn)所述,眼球可以輕松地在配圖和標(biāo)題之間來(lái)回?cái)[動(dòng),而不至于分心至距離較遠(yuǎn)的右側(cè)欄,因而從局部關(guān)系上來(lái)看,也是左圖右文字結(jié)構(gòu)更勝一籌。

名稱欄目:為什么說(shuō)左圖右文字比右圖左文字要好
瀏覽路徑:http://www.muchs.cn/news49/66299.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)網(wǎng)站維護(hù)、標(biāo)簽優(yōu)化云服務(wù)器、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站策劃

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)