做好一套UI界面的6個大點
1露懒、軟件的使用
2闯冷、規(guī)范的掌握
3、組件應(yīng)用
4懈词、圖標(biāo)繪制
5蛇耀、平面排版
6、配色技巧
UI界面的組成部分
1坎弯、幾何元素
2纺涤、文字元素
3、圖標(biāo)元素
4抠忘、圖片元素
優(yōu)秀的界面標(biāo)準(zhǔn)的四個維度
- 符合標(biāo)準(zhǔn)
- 視覺合理
- 細節(jié)統(tǒng)一
- 功能完善
視覺界面的自我檢查
一撩炊、系統(tǒng)規(guī)范應(yīng)用的檢查
- Statur的使用
- Tab Bar 的使用
- 頂部標(biāo)題欄的使用
- 強提示彈窗的使用
- 動作欄的使用
- 打開鍵盤的狀態(tài)
- ApplePay的應(yīng)用.......
二、設(shè)計風(fēng)格的檢查
- 具備舒適又簡約的風(fēng)格樣式
- 具備質(zhì)樸自然的設(shè)計特點
- 能滿足用戶的喜好......
三崎脉、視覺統(tǒng)一性的檢查
- 主色拧咳、輔助色、中性色的應(yīng)用
- 文字字體的統(tǒng)一應(yīng)用
- 間距板式的應(yīng)用
- 圓角樣式的應(yīng)用
- 控件樣式的應(yīng)用
- 組建樣式的應(yīng)用
- 統(tǒng)一的頁邊距
- 板塊間距的使用
- 組件下的模塊間距使用大小囚灼，如16骆膝、8
- 商品雙列列表使用的頁邊距......
四、交互合理性檢查
- 加入購物車完成購買的流程正確順暢
- 頁面跳轉(zhuǎn)灶体、返回提示明確
- 操作流程順暢阅签，意圖提示明了
- 按鈕尺寸合理，不容易誤觸
- 交互動畫設(shè)置合理蝎抽，不會過于繁瑣.......
五愉择、狀態(tài)缺省內(nèi)容檢查
- 按鈕不同狀態(tài)顯示
- 圖標(biāo)不同狀態(tài)顯示
- 文字不同狀態(tài)顯示
- 網(wǎng)絡(luò)錯誤、鏈接錯誤等提示
- 輸入框內(nèi)容錯誤提示......
