UI（用戶界面）：人機交互中的界面；WUI:網頁設計；GUI：移動端設計
UE（用戶體驗）包含四點：性能（是否快、穩定）、內容（是否滿足用戶需求）、交互（是否順暢）、界面（logo/主題/顏色和布局是否統一、整齊、高質量）
UI學習方法：圖形基礎（素描、速寫和色彩）；從畫圖標開始，扁平風較流行，以線性和色塊為主；寫實圖標也需要練習。設計軟件；設計規范；臨摹學習；參與項目
設計規范
iOS：iphone6尺寸：750*1334? ? 系統狀態欄：40*750? ? 導航欄：88*750? ? 標簽欄：98*750? ? ?正文字號：17pt? ? 標題字號:20pt+? ? ? 最小字號：12pt? ?按鈕：44px? ?間距：最低8pt空白（左右邊距20px,模塊間距30px）
組建規范的目的是：統一性、協同性、高效性
》1全局圖形：app圖標、全局圖形。? ?》2調色板：主色、輔色、點睛色和灰度色。? ?》3常用控件：圖片、圖標、按鈕、單選、復選、表格、輸入框和下拉框。? ?》4組件：加載動畫、翻頁、加載更多、頁面指示器、浮層反饋、信息提示、選項卡和導航欄。? ?》5典型頁面：一級頁面指單機app導航欄所跳轉的主頁面。
一、顏色規范HSB：設計控件時，保持色相H不變(在同一個色系中)，有規律地調整飽和度S、明度B；扁平化設計大量運用灰度設計，常用色值#3、#6、#9、#c。創建調色板：主色一般選app圖標的品牌色，輔色為主色色環中增加或減少30°~50°;對比色為主色??180°~200°;
色彩運用位置:1、全局色為:灰度色(中性色)。主色:頂部導航欄、按鈕和控件。? ?2、背景色：純白色B100、淺白色B98、淺灰色B94。? ? 3、分割線：灰色B90、淺灰色B94? ? ? 4、文字色：純白色（主色輔色按鈕文字）、中灰色B80（失效輔助性文字）、深灰色B60（提示性文字）、淺黑色B40（輔助、默認狀態文字）、深黑色B20（標題、正文等主要文字）? ?5、圖標用色：純白色（顏色背景下圖標）、中灰色B80（工具欄操作圖標）。
二、文字規范：iOS中文字：“黑體-簡”“HeitiSC”"蘋方"；英文：“San Francisco”"helvetica Neue"? ? ?Android中文字：“思源黑體”"方正蘭亭黑"；英文“Roboto”
系統字號（尺寸750*1334）36px:頂部導航欄名稱B20或B100；? ? 30px:標題、按鈕文字B20；? ? ? ? ?28px:主要文字、正文和小按鈕文字B20；? ? 24px:輔助文字B40、提示文字B60；? ? ? 22px:底部標簽欄文字B40、正文次要文字B80；? ? ?18px:提示文字（如消息數字）B100。
布局（框架、頂部導航、頂部標簽、底部標簽）
圖片規范（用戶頭像、商品圖片、無數據圖片）
