網(wǎng)頁界面設計遵循的原則有哪些？
時間：2024-02-13 03:55:01 | 來源：網(wǎng)站運營
時間：2024-02-13 03:55:01 來源：網(wǎng)站運營
網(wǎng)頁界面設計遵循的原則有哪些？：一、保證一致
二、清晰的視覺層次
三、注重交互體驗
四、容錯機制
五、鼓勵用戶
六、親和力
七、保持簡潔
一、保持一致有哪些？
1、風格（趨向于扁平風，應用到一點卡片樣式）
2、圖標（顏色統(tǒng)一、風格統(tǒng)一、類型統(tǒng)一、尺寸大小統(tǒng)一）
3、form表單控件（控件統(tǒng)一、交互統(tǒng)一、驗證提示統(tǒng)一）
4、提示信息（成功、錯誤、提示）
5、彈出框（遮罩、填充一致、布局一致）
6、表格一致、切換一致
二、清晰的視覺層次？
1、一 二級導航主次明顯 （一級導航在頁面頂部，二級導航在頁面左側，三級導航點擊展開）
2、功能區(qū)、信息區(qū)區(qū)分明顯（頂部、左側為功能區(qū)，右側為信息展示區(qū)）
3、選擇項（按鈕、功能等有高亮提示，彈出框有遮罩）
三、注重交互體驗？
1、表單的輸入框的狀態(tài)變化
default state 是灰色
focus state 是綠色
輸入錯誤有 圖標+文字的統(tǒng)一
2、提交 都會有 相關的彈出窗提示信息
3、表格移入都有交互
4、鏈接、按鈕都有反饋
四、容錯機制？
1、引導和提示（提供詳盡的說明文字和指導方向，引導和提示突出表現(xiàn)，且簡單容易理解重要或操作 結果不可逆的時候，詢問用戶讓其知道操作的后果）
2、限制操作（適當限制用戶的某些交互操作例如：置灰）
3、反饋和幫助（用戶有些錯誤發(fā)生時，及時反饋錯誤并提供糾錯幫助。出錯信息應當對用戶解決問題提供建設性幫助。）
4、錯誤恢復（允許用戶犯錯，并使操作者能夠撤銷以前的指令。）
五、鼓勵用戶？
1、操作完成時及時提示（彈出框等）
2、想用戶所想，做用戶所做（用戶能自由的作出選擇，且所有選擇都是可逆的）
六、親和力?
1、文稿口語化（避免繁瑣的敘述）
2、語言簡潔
七、保持簡潔?
1、UI界面簡潔（拋開繁瑣的陰影、漸變、無意義的設計元素）
2、交互簡潔（避開不必要的交互效果，用戶體驗第一位）
在線咨詢