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。
布局（框架、顶部导航、顶部标签、底部标签）
图片规范（用户头像、商品图片、无数据图片）
