2015-04-13 關(guān)鍵詞: 3293
有時候設計的微妙之處就是你覺得這個好,但是卻說不出一個所以然,這是需要深入思考并分析問題才能驗證自己的感覺。蘇州網(wǎng)站建設在建設網(wǎng)站時,基本都是以左圖右文字結(jié)構(gòu)呈現(xiàn)新聞列表的。
配圖是不包含信息量的,而人的視覺習慣從左側(cè)開始,左圖右文字的視覺動線是一個連續(xù)的「Z」,而非一條向下的直線,既然配圖不包含信息量,那么把它挪到右側(cè),也就不會對視覺動線形成干擾,方便用戶快速(豎直)地瀏覽文章標題。同時還能對左側(cè)列表和右側(cè)欄進行分隔。 起初我大概也算被說服了,畢竟「圖片的信息量」一聽就覺得好高大上,好像很有道理的樣子。 直到最近,網(wǎng)站臨近上線,首頁也早已成型,故而長時間觀察的機會逐漸多了起來,久而久之,便發(fā)現(xiàn)其中的「不對勁」:
1、「信息量」的確不假,但信息量再低,圖片終歸是圖片,終歸要比文字抓人眼球,因而右圖左文字結(jié)構(gòu)下的用戶的視覺動線只會是一個從標題到配圖再到標題的加寬版的「Z」。 因此把標題和配圖分這么開,可能的結(jié)果往往是「累感不愛」,于是便快速(豎直)只瀏覽標題/配圖了事,畢竟路程太長了。
2、而在左圖右文字結(jié)構(gòu)下,盡管視覺動線仍時不時呈「Z」型,但比起右圖左文字結(jié)構(gòu),路程顯然要短得多。即便用戶只是快速掃視配圖/標題,也很容易通過余光觀察or快速切換到相應的標題/配圖。
3、此外,從宏觀布局角度而言,左圖右文字結(jié)構(gòu)下,標題可以處在網(wǎng)頁的水平中部區(qū)域,不至于讓人覺得網(wǎng)頁太寬,眼球要跑好遠。加之左側(cè)配圖與右側(cè)欄所形成的壁壘在視覺上營造出了邊界感,使得新聞部分看起來會短些。 或者說,它就像一個漢堡一樣,把最美味的部分夾在了中間,這在某種意義上恰恰突出了新聞內(nèi)容; 而右圖左文字結(jié)構(gòu),正如BOSS所想要的那樣,對左右進行了分隔——事實是咱們網(wǎng)站右側(cè)欄的內(nèi)容確實和別人家新聞博客太不一樣,做一些區(qū)隔多少也是需要的——但這種結(jié)構(gòu)卻是把用戶最關(guān)心的部分甩在了左側(cè),因而右側(cè)欄也就離用戶更遙遠了,這恐怕不是初衷。
4、最后,左圖右文字結(jié)構(gòu)下,眼球從標題向右移動至配圖時,右側(cè)是沒有邊界的,換言之,此時用戶將下意識地面臨:①看右側(cè)欄 or ②折回看下一篇 2個選擇; 而左圖右文字結(jié)構(gòu)呢?正如第2點所述,眼球可以輕松地在配圖和標題之間來回擺動,而不至于分心至距離較遠的右側(cè)欄,因而從局部關(guān)系上來看,也是左圖右文字結(jié)構(gòu)更勝一籌。
細致入微的前期服務
精準的策劃服務
精湛的網(wǎng)頁設計
穩(wěn)定 可靠 極速的域名和服務器
任何問題,24小時回復并處理
版權(quán)所有:蘇州謝謝網(wǎng)絡傳媒有限公司 蘇ICP備11087090號