網頁設計
當前位置:網站首頁 > 網頁設計  
產品觀:網頁設計中的分割布局
作者 admin   信息來源:www.gaqv.top   添加時間 2013年06月17日   點擊數   返回

  隨著互聯網的高速發展,各種各樣的網站層出不窮。在這樣的環境下,用戶是如何在浩瀚的互聯網海洋中快速挑選網站的 呢?網頁設計師又如何能讓自己的網站在用戶匆匆一瞥后就迅速吸引到他們進一步注意的呢?本文作者向用戶介紹了一種簡單的頁面布局方式——分割布局,這種布 局方式試圖讓用戶初覽頁面時感受到一種友好的瀏覽體驗。

  下面進入翻譯正文:

  作為網頁設計師,我們可以參考的設計范例和布局原則有很多,比如說:柵格化、縱向一致性、F型布局、Z型布局、三分法則、黃金分割法等等。注重這些原則將會給你的設計帶來視覺吸引力和功能性——現在讓我們來看一種簡單的方式,將頁面兩等分。

   雖然在一開始聽起來有點傻,但是這種基本布局確實能起到非常好的效果。當我們通覽一個頁面時,我們的視線常常會沿著一個“之”字形移動。而如果用戶的視 線是沿著一條水平線移動時——就像在Z型布局里一樣,那么他/她就會很專注(或者說嘗試著專注)。但由于初來你網站90%的用戶都不會很仔細的去關注你的 頁面,因此讓你的設計“瀏覽起來友好”肯定會獲得不錯回報哦!

  (圖1)

  眼動和“之”字形

  雅虎的眼動追蹤研究可以發現:

  ·人們通過掃視頁面的主要部分去判定這是個什么網站以及他們是否想在這多呆一會。

  ·用戶僅僅在三秒內就會對頁面做出決定

  ·如果用戶決定留在頁面,他們會最關注屏幕頂部的內容。

  網站的用戶總是很匆忙,他們有其它的事情要做,你不要指望他們會停下來去欣賞你網站的美學。雖然良好的美學設計是非常重要的,但是這并不能完全激發訪問者去采取行動——去點擊“立即購買”或者“了解更多”按鈕。

  我們不能去埋怨這些用戶。永遠記住,當你想查詢什么東西時?你會急著打開谷歌的第一個搜索結果并且火速看完,或者更確切的說,是粗略的瀏覽整個頁面。大多數時間,你甚至是毫不留意就將鼠標滾動到了頁面底部。經過這個階段后,如果你認為這個頁面值得你花時間,你就會又回到頁面頂端并且著實花精力去閱讀和關注。

  那么,用戶初始瀏覽的目的究竟是什么呢?就是在你最初掃視頁面時,捕捉到盡可能多的信息。如果我們以某種方式“制定”這種瀏覽模式,應該就能夠得到更多訪問者的關注。通過觀察大量網站的熱圖,我得出了一個共通的趨勢。

  (圖2)

  在上圖中你會發現,你毫不費勁就能看到那些紅點。奇怪的是,就經驗看來,相比于斜線而言,我們的視線能更輕易的跟隨水平線移動——因為我們都是沿著直線閱讀。但請注意,我討論的是在初始瀏覽階段,并不是你關注網站每個細節時的階段。

  每當你不是很專注時,你的視覺流向很自然的就會呈現為“之”字形。除非有對比度更高或者更重要的元素“召喚”你,不然你的視線就將會遵循上圖的模式。你還會發現,這種模式看起來和F型布局非常相似,并且用戶會在紅色端點有短暫的停留。

  你的大腦會在這些“暫停點”生成快照。在之字形布局里,在這些“暫停點”布置一些包含重要信息的元素,用戶的大腦就會很自然的吸收更多的細節,并將這些作為獨立實體存在的“之”形端點聯結起來。

友情鏈接:無花果苗木 | 篩網 | 橡套電纜 | 濱州網頁設計 | 濱州網站建設 | 濱州網絡公司 | 再生聚乙烯蠟 | 色母粒 | 公路護欄網 | 黑色母粒 |
山東省濱州市天邁網絡科技有限公司   地址:山東濱州黃河二路渤海九路653號   行政客服:0543-3876333(7*24小時服務熱線)
傳真:0543-3335333   公司網址:http://www.gaqv.top   網站地圖
魯ICP備11025827號-1
免费算命幸运数字
新时时豹子遗漏 三张牌游戏炸金花 重庆时时开奖结果查询 亿人彩票注册平台 7m即时比分app 米兰国际ml88 重庆时时彩计划 稳定版 亿游国际Ⅱ 重庆时时开奖历史结果 pk10赛车冷热规律 网上投注 pk10杀一码人工计划 七个码二中二多少组 可以提现的牛牛棋牌游戏 破解 75秒赛车 麻将的玩法和规则