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。

布局（框架、顶部导航、顶部标签、底部标签）

图片规范（用户头像、商品图片、无数据图片）