萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網站設計如何建立視覺層次

網站設計如何建立視覺層次

   1.建立清楚的視覺層次

  用戶每天都會對視覺層次進行分解,篩選出需要的東西,這樣迫使用戶不斷去思考。好的視覺層次通過預先處理,用一種用戶能快速理解的方式對頁面進行組織並區分優先級,從而減少了用戶的工作。假如一個網站設計沒有清楚的視覺層次,所有內容都看起來一樣重要,勢必會降低用戶掃描速度。

  那麼,怎樣建立清楚的視覺層次?

  a.越重要的部分越突出

  這個頁面最重要的banner、導航、登陸框、頭圖以及按鈕設計師會刻意讓他們凸顯出來。一般利用大小對比、色彩反差、質感、線條或形狀輔助等這些方式,使重要的內容突出來,一般采用多種形式,根據內容重要程度進行劃分。

  b.邏輯上相關的部分,視覺上也相關

  相近的內容形成一組,放在同一個標題下,采用統一的視覺樣式,或者統一放置在一個明確定義的區域內。

  c.邏輯上包含的部分,視覺上也包含

  2.明顯標識可以點擊的區域

  明顯標識的目的也是為了用戶掃描,試想用戶在浏覽頁面的時候,錯過了我們為他精心准備的大餐,那是多麼遺憾的事情。網站的點擊率也不會高,一個清晰可見的點擊區域是很重要的。在網站設計上,我們知道按鈕、帶下劃線的文字、藍色字、帶圖標的文字這些都是可以點擊的。一般灰色說明性文字、正文是不可點擊的。但有時設計師過分注意頁面的美觀性,而忽視了這些地方。

copyright © 萬盛學電腦網 all rights reserved