通常情况，大家觉得手机端的按钮有三态Normal(正常)、Pressed/Highlighted(按下)、Disabled(不可用)。
图01从微信WeUI设计规范 解析移动界面设计WeUI-BUTTON内容整理
* 百分数代表不透明度
* - 表示无变化
* 线框类的button Pressed状况下仅在描边上加响应黑透蒙版
另外，大家了解表单中常用有RadioButton(单选)/CheckBox(复选框)控件，但这两个控件在iOS控件库中是没有的，且在手机端大家更多地会把这种需要设计成按钮平铺的形式（面积更大更易辨别，如充话浪费时间选择额度按钮 ），这时按钮就或许会出现Focused(选中)状况。微信中没发现有关案例，但在表格中写明。
在规范中，色彩搭配策略的确定一般都是比较纠结的过程，而为了简化色彩搭配策略及为了更有通用性，大家常见的办法就是从微信WeUI设计规范 解析移动界面设计
图中标识的 两边留白的统一（即栅格系统）；
不同文本内容选取的控件的一致性；
Pressed状况 一般在背景上加10%透明蒙版等细节；
图02从微信WeUI设计规范 解析移动界面设计Cell中的常用控件
* ① 操作列表（ActionSheet）
* ② 数字键盘（Keyboard）
* ③ 选择器（Picker）
* ④ 时间日期选择器（Date Picker）
临时的弹框用来表示一些提示信息，一般在3s±时间消失；
图04从微信WeUI设计规范 解析移动界面设计Dialog整理
应当尽可能遵守从微信WeUI设计规范 解析移动界面设计Progress整理
信息提示的面板
图07从微信WeUI设计规范 解析移动界面设计Article页面案例
一般，阅读类的应用会对内容的排版进行额外的调整，如网易新闻。说一些常见的文字处置方法从微信WeUI设计规范 解析移动界面设计不同OS下的文字用规范
当你在你的app中用San Francisco时，iOS会自动在适合的机会在文本模式和展示模式中切换（不需要额外标注）；
用photoshop或者sketch生成设计稿时，调整Text/Display，并将渲染模式设为Mac 更接近达成成效；
iOS会依据字号大小，自动调整字间距。
操作列表的规范，在Toast中已提及
图10从微信WeUI设计规范 解析移动界面设计icons页面案例
图标的设计是在UI设计中比较能体现界面风格的细节，icon的设计是理性和感性比较交错的部分。对于细节要敢于革新也要舍得取舍。体量感的控制，风格的统一，视错觉下的调整……
面板的设计规范
图12从微信WeUI设计规范 解析移动界面设计Tab页面案例
大家了解Tab的高度一般取49pt，相对应的tab中icon的大小一般控制在25pt内；
搜索框的设计规范
图12从微信WeUI设计规范 解析移动界面设计从微信WeUI设计规范 解析移动界面设计文章来自于：
