一芯丧、什么是蚊伞？
? ? |--Element UI：一套為開發(fā)者、設計師和產(chǎn)品經(jīng)理準備的基于Vue2.0的桌面端組件庫等缀。
二、設計原則
? ? |--一致性：consistency
? ? ? ? |--與現(xiàn)實生活一致：生活中的流程娇昙、邏輯保持一致尺迂，遵循用戶習慣。
? ? ? ? |--在界面中一致：所有的元素和結(jié)果保持一致，比如：設計樣式枪狂、圖標危喉、文本、元素位置等州疾。
? ? |--反饋：feedback
? ? ? ? |--控制反饋：通過界面樣式和交互動效讓用戶可以清晰的感知自己的操作辜限。
? ? ? ? |--頁面反饋：操作后，通過頁面元素的變化清晰的展現(xiàn)自己當前的狀態(tài)严蓖。
? ? |--效率：efficiency
? ? ? ? |--簡化流程：設計簡潔直觀的操作流程薄嫡。
? ? ? ? |--清晰明確：語言表達清晰且表一明確，讓用戶快速理解進而做出決策颗胡。
? ? ? ? |--幫助用戶識別：界面簡潔直白毫深，讓用戶快速識別而非回憶，減少用戶記憶負擔毒姨。
? ? |--可控：controllability
? ? ? ? |--用戶決策：根據(jù)場景給予用戶操作建議和安全提示哑蔫，但是不能代替用戶進行決策。
? ? ? ? |--結(jié)果可控：用戶可以自由的進行操作弧呐，包括撤銷闸迷、回退、終止的操作俘枫。
三腥沽、Element UI之導航
? ? |--導航：解決用戶在訪問頁面時，在哪里鸠蚪？去哪里今阳？怎樣去？的問題茅信。一般分為兩種側(cè)欄導航和? ????頂部導航盾舌。
? ? |--側(cè)欄導航：可將導航欄固定在左側(cè)，提高導航可見性蘸鲸，方便頁面之間切換矿筝；頂部可放置常用工? ? ? 具，如搜索條棚贾、幫助按鈕、通知按鈕等榆综。適用于中后臺的管理型妙痹、工具型網(wǎng)站。
? ? ? ? |--一級類目：適用于結(jié)構簡單的網(wǎng)站鼻疮，只有一級頁面時怯伊，不需要使用面包屑。
? ??????
? ? ? ? |--二級類目：側(cè)欄最多可以顯示兩級導航判沟，當使用二級導航耿芹，建議使用面包屑崭篡，方便用戶定位? ? ? ? ? 自己的位置和快速返回。
? ??????
? ? ? ? |--三級類目：使用復雜的工具型后臺吧秕，左側(cè)為一級導航琉闪，中間欄可顯示其對應的二級導航，也? ? ? ? ? 可以放置其他的工具型選項砸彬。
? ??????
? ? |--頂部導航：順應了從上到下的正常瀏覽順序颠毙，方便瀏覽信息，頂部寬度顯示了導航的數(shù)量和文? ? ? 本的長度砂碉。適用導航較少蛀蜜，頁面篇幅較長的網(wǎng)站。
? ??
