|
2017年全行业app下载数量下滑呈下滑状态，2月份下载环比大幅度下跌22%
与2016年相比，2017年月人均新安装app个数环比下降12.4%
App市场的下降拓宽了小程序的发展空间，互联网封口极速转向
小程序市场基于微信占尽微信红利2017年4月-12月份成爆发式增长占比微信用户将近50%,总数接近4亿
在2018年双11期间，京东小程序PV为16371万，对比10月数据日均提升了6.5倍；在双11小程序引入UV总量达到1663万。
随着小程序的日益生长对ui设计师的需求也有了新的转变，诚筑说小编带你看看ui设计师从app设计到小程序设计的一些改变吧。
一、小程序与app的差异
顶部导航栏
App：可以保留导航栏，也可以去掉，可拓展性强，灵活性高。
小程序：导航栏右侧有个无法去除和编辑的胶囊，设计时也不能在导航上增加其他功能。所以在 App 转小程序时，导航栏的功能要换位置或者在放在导航栏下。
1.底部导航栏
App：可以编辑按钮，也可以去掉，可拓展性强，灵活性高。
小程序：都有用户登录界面，用户可以实现登录、收藏、评论等，但更重要的原因，是小程序上同步了app内的付费效果。
2.标签栏
App：图标大小以及底部标签栏高度可自定义。
小程序：使用原生控件时，要遵从 icon 尺寸81*81px。
3.拖动排序
App：流畅、体验佳
小程序：除非必要，否则不建议使用拖动排序。图片和列表拖动在 Android机型上体验不够，会有卡顿的情况。
4.文本省略
App：可实现日常所需的所有文字、段落效果。
小程序：文本限制行数，加省略号，并且增加全文展开方案实现有问题。无法预估到行尾位置省略。
5.原生组件
App：可以自定义组件库，对开发设计限制低。
小程序：部分组件是由微信创建的原生组件，有系统相机、输入框、地图、文本输入...等等，原生控件使用有一定的限制，不能在滚动、轮播、选择器、拖动区域中使用，层级无法被覆盖，可供修改的参数由微信提供。
二、官方认证小程序的设计规范
1. 字体规范
常用字号为20，18，17，16，14，13，11（pt）
字体颜色
主内容Black黑色，次要内容Grey灰色；时间戳与表单缺省值Light灰色；大段的说明内容而且属于主要内容用Semi黑；
2. 列表视觉规范
3. 表单输入视觉规范
默认标题范围85px
4. 按钮使用原则
按钮高度为44px下使用：颜色#000000 / #353535 字号18pt
5. 图标使用原则
100*100px一般用于结果页面状态提醒，根据结果的情况选择对应的icon
天津诚筑说ui设计培训正在举办app与小程序ui设计的免费试听课程，如果想了解更多来官网看看吧 |
