1.建立清楚的視覺層次
用戶每天都會對視覺層次進行分解,篩選出需要的東西,這樣迫使用戶不斷去思考。好的視覺層次通過預先處理,用一種用戶能快速理解的方式對頁面進行組織並區分優先級,從而減少了用戶的工作。假如一個網站設計沒有清楚的視覺層次,所有內容都看起來一樣重要,勢必會降低用戶掃描速度。
那麼,怎樣建立清楚的視覺層次?
a.越重要的部分越突出
這個頁面最重要的banner、導航、登陸框、頭圖以及按鈕設計師會刻意讓他們凸顯出來。一般利用大小對比、色彩反差、質感、線條或形狀輔助等這些方式,使重要的內容突出來,一般采用多種形式,根據內容重要程度進行劃分。
b.邏輯上相關的部分,視覺上也相關
相近的內容形成一組,放在同一個標題下,采用統一的視覺樣式,或者統一放置在一個明確定義的區域內。
c.邏輯上包含的部分,視覺上也包含
2.明顯標識可以點擊的區域
明顯標識的目的也是為了用戶掃描,試想用戶在浏覽頁面的時候,錯過了我們為他精心准備的大餐,那是多麼遺憾的事情。網站的點擊率也不會高,一個清晰可見的點擊區域是很重要的。在網站設計上,我們知道按鈕、帶下劃線的文字、藍色字、帶圖標的文字這些都是可以點擊的。一般灰色說明性文字、正文是不可點擊的。但有時設計師過分注意頁面的美觀性,而忽視了這些地方。