濤濤
顯示設備的多用化、智能手機應用的普及化、電子設備觸摸屏的普及，這些環境變化推動了 PC 網頁 UI 設計的新動向。
本文是安卓 UI 設計系列知識的第三篇，主要圍繞安卓設計的適配、入手方法、設計準備及畫圖方法展開
本文是《進階 UI 設計 能力指標體系》系列的上篇，圍繞 UI 設計師進階及市場需求展開
本文圍繞 “如何做好 UI 設計” 展開，分享了一系列相關要點
本文總結了 8 個易于實踐的 UI 設計技巧，可幫助設計師改善設計并為后續實踐提供指導，具體內容如下。
UI 設計思路應先放飛概念探索多種可能，如將泡泡圈視為獨立 APP 進行設計，嘗試簡約風格、氣泡形通知欄、膠囊形頭像、實心圖標等創新設計，再結合實際落實到產品，比如因開發資源和屏幕顯示限制去掉漸變和彌散投影、回歸分割線和返回按鈕，同時要明確設計與藝術的區別，設計需圍繞客觀問題解決，概念稿后要提取可用點推動落地，注重用戶習慣和跨平臺適配，像用愛奇藝 Logo 代替文字返回按鈕。
UI 設計師若想讓前端實現設計稿的像素級還原，需在出稿時注意：將可復用控件規范化并輸出文檔，避免相同控件樣式或交互不一致；把控顏色（規范色值、將 Sketch 顏色配置改為 sRGB）和間距（設定文本行高規范、考慮控件間距的盒子模型）；遵守盒子模型，將界面布局盒子化，輔助前端準確定位元素，如此才能通過各部門協同合作實現優質項目落地。
UI 設計中的構圖與排版需將文字、圖片及色彩等要素有組織組合，構圖通過黑林錯覺等心理學原理和居中、九宮格等九大技巧構建和諧布局，排版依據格式塔原理的接近性、連續性等法則及親密性、對齊等原則，合理運用對比、重復等手法，同時結合界面投影等設計形式，以提升頁面用戶體驗及相關性。
UI 設計中的情感化設計是設計師基于滿足產品功能性和易用性后，設計出滿足用戶更高層級需求的創意表達工具，其目的是賦予產品情感以增加用戶粘性、樹立品牌形象以增強用戶認知、引導用戶操作以達成設計目的，可從本能層次（視覺）、行為層次（交互）和反思層次（思維）融入情感化設計，如視覺層次用獨特 IP 形象、風格明確的規范化設計和擬人化動作，交互層次遵循操作前可預知等原則，思維層次明確服務者定位等，如此才能設計出以人為本的產品。
儀表板 UI 設計需注重一致性，在顏色、字體、元素位置等方面保持各設備統一，優先傳達重要信息，采用卡片布局、將關鍵內容放中心路線、用 18 像素內字體和獨特顏色突出，設計要便于用戶定制，如拖放交互、修改字段、換主題等，圖表選擇條形圖等簡單類型，避免 3D，圖標選熟悉的，字體不超兩種并建立視覺層次，色彩遵循心理學且不過度使用，利用對比度，同時要了解用戶偏好，才能設計出實用美觀的儀表板。
藍藍設計的小編 http://m.skdbbs.com
