視覺設計的主要法則

來自專欄 NETSHOP168學院

1、建立清楚的視覺層次

　　越重要的部分越突出：職位名稱和薪資，公司名稱和Logo，職位描述，投個簡歷等信息分別通過加粗加大字體，顏色突出等方式展示;

　　邏輯相關的部分視覺也相關：左側技術，產品，設計等概念並列，展示也並列;

　　邏輯包含的部分視覺嵌套：技術包含後端，移動，前端，測試等，所以後者為前者的二級菜單;

　2、盡量使用習慣用法

　　例如字體較大的短語通常是標題，導航欄通常在頁面上方或左側，登錄通常在左上或者右上方，新聞版面通常參考報紙排版，等等;

　　關於習慣性用法有兩點值得注意：

　　它們真的非常有用

　　設計師通常不願意用他們(想做出更有「建設性」，更拉風，獨樹一幟的產品設計)

　　3、劃分明確定義的區域

　　用戶在掃視頁面時候能很明確的指出頁面的每個不同區域的不同功能，比如「哪些是功能菜單」，「哪些是商品廣告」，「哪些是今日頭條鏈接」等等，這樣可以讓用戶很快決定關注頁面的哪些區域，或者放心的跳過哪些區域。

　　4、標識可點擊的地方

　　這一點在上文提到過了，無需多講。

　　5、降低視覺雜訊

　　視覺雜訊的來源主要有兩點：

　　眼花繚亂(好吧又是他)

　　背景雜訊：有些界面雖然沒有一個地方會造成過分干擾，但是過多細小的雜訊同樣會讓人厭煩。

　　雖然排版整齊，然而並列的深灰色背景還是讓人有些壓抑。