ElementUI騰訊雲開發者手冊指南
阿新 • • 發佈：2018-12-06
原文地址:https://cloud.tencent.com/developer/chapter/18050
目錄
設計原則
設計原則
一致
Consistency
反饋
Feedback
效率
Efficiency
可控
Controllability
一致性 Consistency
- 與現實生活一致：與現實生活的流程、邏輯保持一致，遵循使用者習慣的語言和概念；
- 在介面中一致：所有的元素和結構需保持一致，比如：設計樣式、圖示和文字、元素的位置等。
反饋 Feedback
- 控制反饋：通過介面樣式和互動動效讓使用者可以清晰的感知自己的操作；
- 頁面反饋：操作後，通過頁面元素的變化清晰地展現當前狀態。
效率 Efficiency
- 簡化流程：設計簡潔直觀的操作流程；
- 清晰明確：語言表達清晰且表意明確，讓使用者快速理解進而作出決策；
- 幫助使用者識別：介面簡單直白，讓使用者快速識別而非回憶，減少使用者記憶負擔。
可控 Controllability
- 使用者決策：根據場景可給予使用者操作建議或安全提示，但不能代替使用者進行決策；
- 結果可控：使用者可以自由的進行操作，包括撤銷、回退和終止當前操作等。
導航
導航
導航可以解決使用者在訪問頁面時：在哪裡，去哪裡，怎樣去的問題。一般導航會有「側欄導航」和「頂部導航」2 種類型。
選擇合適的導航
選擇合適的導航可以讓使用者在產品的使用過程中非常流暢，相反若是不合適就會引起使用者操作不適（方向不明確），以下是「側欄導航」和 「頂部導航」的區別。
側欄導航
可將導航欄固定在左側，提高導航可見性，方便頁面之間切換；頂部可放置常用工具，如搜尋條、幫助按鈕、通知按鈕等。適用於中後臺的管理型、工具型網站。
一級類目
適用於結構簡單的網站：只有一級頁面時，不需要使用麵包屑。
二級類目
側欄中最多可顯示兩級導航；當使用二級導航時，我們建議搭配使用麵包屑，方便使用者定位自己的位置和快速返回。
三級類目
適用於較複雜的工具型後臺，左側欄為一級導航，中間欄可顯示其對應的二級導航，也可放置其他的工具型選項。
頂部導航
順應了從上至下的正常瀏覽順序，方便瀏覽資訊；頂部寬度限制了導航的數量和文字長度。
適用於導航較少，頁面篇幅較長的網站。