UI設計有哪些規(guī)范？
時間：2024-02-12 07:50:01 | 來源：網站運營
時間：2024-02-12 07:50:01 來源：網站運營
UI設計有哪些規(guī)范？：
理念上的規(guī)范有這里的功能不僅包括用戶需求，還包括產品需求、業(yè)務需求。
把主要精力放到最核心的需求上
頁面上的每一個元素的存在都可以解釋，不要無緣無故增減元素
可用性規(guī)范——尼爾森十大可用性原則一、狀態(tài)可見原則
用戶在網頁上的任何操作，不論是單擊、滾動還是按下鍵盤，頁面應即時給出反饋。“即時”是指，頁面響應時間小于用戶能忍受的等待時間。
二、環(huán)境貼切原則
網頁的一切表現和表述，應該盡可能貼近用戶所在的環(huán)境（年齡、學歷、文化、時代背景），而不要使用第二世界的語言。《iPhone人機交互指南》里提到的隱喻與擬物化是很好的實踐。此外，還應該使用易懂和約定俗成的表達。
三、撤銷重做原則
為了避免用戶的誤用和誤擊，網頁應提供撤銷和重做功能。
四、一致性原則
同一用語、功能、操作保持一致。
五、防錯原則
通過網頁的設計、重組或特別安排，防止用戶出錯。
六、易取原則
好記性不如爛筆頭。盡可能減少用戶回憶負擔，把需要記憶的內容擺上臺面。
七、靈活高效原則
中級用戶的數量遠高于初級和高級用戶數。為大多數用戶設計，不要低估，也不可輕視，保持靈活高效。
八、易掃原則
互聯網用戶瀏覽網頁的動作不是讀，不是看，而是掃。易掃，意味著突出重點，弱化和剔除無關信息。
九、容錯原則
幫助用戶從錯誤中恢復，將損失降到最低。如果無法自動挽回，則提供詳盡的說明文字和指導方向，而非代碼，比如404。
十、人性化幫助原則
幫助性提示最好的方式是：1、無需提示；2、一次性提示；3、常駐提示；4；幫助文檔。
界面排版規(guī)范——《格式塔原理》- 相似原則
“有相似特征元素比沒有相似特征的元素被認為更為緊密相關” - 接近原則
“更接近一起的對象比進一步分開的對象被認為更相關?！?/li> - 連續(xù)定律
“在直線上或者曲線上的元素比不在直線或者曲線上的元素被認為更相關?！?/li> - 對稱原則
“人們往往傾向于感知圍繞勻稱物體的中心對稱的形狀?！?/li> - 閉合性原則
“當我們看到一些復雜排列的元素時，我們趨向于尋找一個更為單一可辨識的圖案模式?！?/li> - 共同命運原則 “在同一方向上的元素比固定元素或者是朝不同方向移動的元素更為緊密相關?！?/li>
- 主體與背景原則 “我們的大腦將視覺區(qū)域分為主體和背景，主體包括一個場景中占據我們主要注意力的所有元素，其余則是背景。”
配色原則- 色相一致
- 明度一致
- 純度一致
- 色相對比
- 明度對比
- 純度對比
設計規(guī)范輸出- 多屏適配規(guī)范
- 字體規(guī)范
- 用色規(guī)范
- 布局規(guī)范
- 圖標控件規(guī)范
- 提示反饋規(guī)范
- 動效規(guī)范
在線咨詢
