有時(shí)候設計的(de)微妙之(zhī)處就(jiù)是(shì)你覺得這(zhè)個(gè)好，但是(shì)卻說(shuō)不(bù)出(chū)一(yī / yì ／yí)個(gè)所以(yǐ)然，這(zhè)是(shì)需要(yào / yāo)深入思考并分析問題才能驗證自己的(de)感覺。蘇州網站建設在(zài)建設網站時(shí)，基本都是(shì)以(yǐ)左圖右文字結構呈現新聞列表的(de)。

    配圖是(shì)不(bù)包含信息量的(de)，而(ér)人(rén)的(de)視覺習慣從左側開始，左圖右文字的(de)視覺動線是(shì)一(yī / yì ／yí)個(gè)連續的(de)「Ｚ」，而(ér)非一(yī / yì ／yí)條向下的(de)直線，既然配圖不(bù)包含信息量，那麽把它挪到(dào)右側，也(yě)就(jiù)不(bù)會對視覺動線形成幹擾，方便用戶快速（豎直）地(dì / de)浏覽文章标題。同時(shí)還能對左側列表和(hé / huò)右側欄進行分隔。 起初我大(dà)概也(yě)算被說(shuō)服了(le／liǎo)，畢竟「圖片的(de)信息量」一(yī / yì ／yí)聽就(jiù)覺得好高大(dà)上(shàng)，好像很有道(dào)理的(de)樣子(zǐ)。 直到(dào)最近，網站臨近上(shàng)線，首頁也(yě)早已成型，故而(ér)長時(shí)間觀察的(de)機會逐漸多了(le／liǎo)起來(lái)，久而(ér)久之(zhī)，便發現其中的(de)「不(bù)對勁」：

    1、「信息量」的(de)确不(bù)假，但信息量再低，圖片終歸是(shì)圖片，終歸要(yào / yāo)比文字抓人(rén)眼球，因而(ér)右圖左文字結構下的(de)用戶的(de)視覺動線隻會是(shì)一(yī / yì ／yí)個(gè)從标題到(dào)配圖再到(dào)标題的(de)加寬版的(de)「Ｚ」。 因此把标題和(hé / huò)配圖分這(zhè)麽開，可能的(de)結果往往是(shì)「累感不(bù)愛」，于(yú)是(shì)便快速（豎直）隻浏覽标題/配圖了(le／liǎo)事，畢竟路程太長了(le／liǎo)。

    2、而(ér)在(zài)左圖右文字結構下，盡管視覺動線仍時(shí)不(bù)時(shí)呈「Ｚ」型，但比起右圖左文字結構，路程顯然要(yào / yāo)短得多。即便用戶隻是(shì)快速掃視配圖/标題，也(yě)很容易通過餘光觀察or快速切換到(dào)相應的(de)标題/配圖。

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

    4、最後，左圖右文字結構下，眼球從标題向右移動至配圖時(shí)，右側是(shì)沒有邊界的(de)，換言之(zhī)，此時(shí)用戶将下意識地(dì / de)面臨：①看右側欄 or ②折回看下一(yī / yì ／yí)篇 2個(gè)選擇； 而(ér)左圖右文字結構呢？正如第2點所述，眼球可以(yǐ)輕松地(dì / de)在(zài)配圖和(hé / huò)标題之(zhī)間來(lái)回擺動，而(ér)不(bù)至于(yú)分心至距離較遠的(de)右側欄，因而(ér)從局部關系上(shàng)來(lái)看，也(yě)是(shì)左圖右文字結構更勝一(yī / yì ／yí)籌。