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设计的免费试听课程，如果想了解更多来官网看看吧