有時候設計的微妙之處就是你覺得這個好，但是卻說不出一個所以然，這是需要深入思考并分析問題才能驗證自己的感覺。成都網站建設在建設網站時，基本都是以左圖右文字結構呈現新聞列表的。

配圖是不包含信息量的，而人的視覺習慣從左側開始，左圖右文字的視覺動線是一個連續的「Ｚ」，而非一條向下的直線，既然配圖不包含信息量，那么把它挪到右側，也就不會對視覺動線形成干擾，方便用戶快速（豎直）地瀏覽文章標題。同時還能對左側列表和右側欄進行分隔。 起初我大概也算被說服了，畢竟「圖片的信息量」一聽就覺得好高大上，好像很有道理的樣子。 直到最近，網站臨近上線，首頁也早已成型，故而長時間觀察的機會逐漸多了起來，久而久之，便發現其中的「不對勁」：

1、「信息量」的確不假，但信息量再低，圖片終歸是圖片，終歸要比文字抓人眼球，因而右圖左文字結構下的用戶的視覺動線只會是一個從標題到配圖再到標題的加寬版的「Ｚ」。 因此把標題和配圖分這么開，可能的結果往往是「累感不愛」，于是便快速（豎直）只瀏覽標題/配圖了事，畢竟路程太長了。

2、而在左圖右文字結構下，盡管視覺動線仍時不時呈「Ｚ」型，但比起右圖左文字結構，路程顯然要短得多。即便用戶只是快速掃視配圖/標題，也很容易通過余光觀察or快速切換到相應的標題/配圖。

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

4、最后，左圖右文字結構下，眼球從標題向右移動至配圖時，右側是沒有邊界的，換言之，此時用戶將下意識地面臨：①看右側欄 or ②折回看下一篇 2個選擇； 而左圖右文字結構呢？正如第2點所述，眼球可以輕松地在配圖和標題之間來回擺動，而不至于分心至距離較遠的右側欄，因而從局部關系上來看，也是左圖右文字結構更勝一籌。

本文名稱：為什么說左圖右文字比右圖左文字要好
轉載來源：http://m.2m8n56k.cn/news/66299.html

成都網站建設公司_創新互聯，為您提供電子商務、網站收錄、用戶體驗、微信小程序、虛擬主機、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯