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