淺談“熱點色”與“網站路徑導航”

這幾天對建個站系統進行了升級，相對前幾次的升級來說這次的改動是比較大的，尤其是界面，將之前的藍色主色換成了銀色，操作流程也作了大幅優化。這次改版下來，私下問了很多人，還算比較滿意。自己搞了好些年的網頁設計，做了很多東西，也有很多新的想法，一直想寫點技術流的東西與大家分享，但都找不到好的切入點，今天想到一點，也是被應用到新版建個站系統的一個方式，那就是用顏色來標識網站路徑導航。

“熱點色”

我們喜歡將需要重點突出的文字或區域加上特別的顏色，這樣就更能吸引用戶的注意，從而形成一個個的“熱點”，網頁里需要被標識為熱點的內容很多，比如標題、重要提示語等，而用戶在對網站的操作過程中形成的網站路徑狀態也同樣重要。

“網站路徑導航”

打個比方，客戶問我們的客服人員提問：“如何關閉在建個站創建的網站？”

那么在新版本沒有推出的時候，客服人員可能是這樣回答的：“請點擊左側的【系統】，在彈出的列表中點擊【基本設置】轉到基本設置頁面，然后在基本設置頁面上方點擊【開啟/關閉網站】，最后編輯相應的信息?！?/p>

這就是一個網站路徑導航，其實表達這些意思只需一個圖片：

這樣是不是很直觀？【系統】、【基本設置】、【開啟/關閉網站】用淺黃熱點標識，就能表現出整個操作路徑了。同樣這樣的應用可以覆蓋整個系統，比如：

將整個網站的hover操作都用統一的熱點顏色標識，用戶就能準確判斷出現在的操作狀態，個人覺得要比傳統的文字導航來得更直觀，來對比下另外一個版本：

這是之前版本的系統截圖，圖中紅圈部分就是文字導航，也是被廣泛使用的一種提示方式。在這種展現方式下用戶需要在固定的區域去查看自己當前的狀態，不直觀，也分散注意力。

用熱點色來標識網站路徑導航是一種很好的方式，當然這僅僅是對于后臺管理系統來說的，其他的界面環境，可能還是文字導航要更易于應用。