<em id="l4gxk"><noframes id="l4gxk">

<em id="l4gxk"></em>
      
      

         手機版 微信公眾號 新浪微博 友情鏈接
        當前位置: 網站首頁 > 建站設計 > 設計文章 > 文章 當前位置: 設計文章 > 文章

        為什么說左圖右文字比右圖左文字要好?

        時間:2015-04-12    點擊: 次    來源:網絡    作者:佚名 - 小 + 大

        注:有時候設計的微妙之處就是你覺得這個好,但是卻說不出一個所以然,這是需要深入思考并分析問題才能驗證自己的感覺。

        125343-e626005488fd0bcd

        125343-cccb5c03d926f5cb

        文/Stove3

        要說正在負責的網站改版和別人家最大的不同,大概就是絕大多數圖文橫排的新聞博客,都是以左圖右文字結構呈現新聞列表的。

        對于這一從開發、設計到運營都十分不解的疑問,BOSS的解釋是:

        配圖是不包含信息量的,而人的視覺習慣從左側開始,左圖右文字的視覺動線是一個連續的「Z」,而非一條向下的直線,既然配圖不包含信息量,那么把它挪到右側,也就不會對視覺動線形成干擾,方便用戶快速(豎直)地瀏覽文章標題。

        同時還能對左側列表和右側欄進行分隔。

        起初我大概也算被說服了,畢竟「圖片的信息量」一聽就覺得好高大上,好像很有道理的樣子。

        直到最近,網站臨近上線,首頁也早已成型,故而長時間觀察的機會逐漸多了起來,久而久之,便發現其中的「不對勁」:

        1、「信息量」的確不假,但信息量再低,圖片終歸是圖片,終歸要比文字抓人眼球,因而右圖左文字結構下的用戶的視覺動線只會是一個從標題到配圖再到標題的加寬版的「Z」。

        因此把標題和配圖分這么開,可能的結果往往是「累感不愛」,于是便快速(豎直)只瀏覽標題/配圖了事,畢竟路程太長了。

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

        3、此外,從宏觀布局角度而言,左圖右文字結構下,標題可以處在網頁的水平中部區域,不至于讓人覺得網頁太寬,眼球要跑好遠。加之左側配圖與右側欄所形成的壁壘(|————|)在視覺上營造出了邊界感,使得新聞部分看起來會短些。 或者說,它就像一個漢堡一樣,把最美味的部分夾在了中間,這在某種意義上恰恰突出了新聞內容;

        而右圖左文字結構,正如BOSS所想要的那樣,對左右進行了分隔——事實是咱們網站右側欄的內容確實和別人家新聞博客太不一樣,做一些區隔多少也是需要的——但這種結構卻是把用戶最關心的部分甩在了左側,因而右側欄也就離用戶更遙遠了,這恐怕不是初衷。

        4、最后,左圖右文字結構下,眼球從標題向右移動至配圖時,右側是沒有邊界的,換言之,此時4、用戶將下意識地面臨:①看右側欄 or ②折回看下一篇 2個選擇;

        而左圖右文字結構呢?正如第2點所述,眼球可以輕松地在配圖和標題之間來回擺動,而不至于分心至距離較遠的右側欄,因而從局部關系上來看,也是左圖右文字結構更勝一籌。

        好吧,說是這么說,想是這么想,猜是這么猜,但究竟效果如何,還是要上線才知道。

        畢竟DeadLine高于一切,先完成再完美嘛。

        上一篇:25個腦洞大開的水平滾動網站

        下一篇:2015年在網頁設計中運用圖片的六大趨勢

         推薦閱讀
      1. Copyright © 2009—2025 ,www.julong-ads.com,All Rights Reserved. |  黔ICP備2023009491號-1  |  貴公網安備52010302003427號
      2. 關于本站  |  網站聲明  |  網站導航  |  留言交流  |  友情鏈接  |  祝福頻道  |  微信公眾號  |  新浪微博  |  我的大學  |  我的高中  |  簡歷2009
      3. 版權聲明:凡注明本站原創文章、作品,未經本人許可,任何人或機構不得以任何形式對本站內容進行復制作商業用途.
      4. 本站部分文章、資源來自互聯網,版權歸原作者及網站所有,如果侵犯了您的權利,請及時致信告知我站.
      5. 地址:中國·貴州·貴陽  郵編:550018   微信公眾號:WEBZZQ  郵箱:admin@zouzhiqiang.com
      6. QQ:470870191 歡迎各位站長加入個人網站交流討論QQ群: 15410235
      7. 訪問統計:
      8. 久久精品中文字幕无码绿巨人| 亚洲国产成人精品久久久国产成人一区二区三区综 | 亚洲国产精品久久66| 99久久国产亚洲高清观看2024| 欧美午夜A∨大片久久 | 日本精品一区二区久久久| 亚洲国产精品无码久久SM | 狠狠色丁香久久婷婷综合图片| 无码人妻久久一区二区三区免费丨| 国产亚洲色婷婷久久99精品| 久久久黄片| 久久99精品综合国产首页| 久久福利资源国产精品999| 久久精品国产91久久麻豆自制 | 久久国产精品99精品国产| 99久久精品免费| 日本久久久久亚洲中字幕| 久久国产精品-国产精品| 日韩乱码人妻无码中文字幕久久| 国产69精品久久久久观看软件| 国产精品一久久香蕉产线看 | 久久精品国产99国产精偷| 久久免费看黄a级毛片| 欧美成a人片免费看久久| 精品久久久久久国产潘金莲| 久久久久99这里有精品10| 久久精品国产精品亚洲下载| 久久这里只有精品首页| 国产91色综合久久免费| 粉嫩小泬无遮挡久久久久久| 亚洲国产精品无码成人片久久| 亚洲国产综合久久天堂| 久久久久综合国产欧美一区二区| 国产香蕉97碰碰久久人人| 国产成人精品综合久久久| 久久99精品国产麻豆婷婷| 国产精品美女久久久久av爽| 国内精品久久久久久久亚洲| 国内精品久久久久久久久| 四虎国产精品成人免费久久| 久久婷婷五月综合色99啪ak|