12月10日，易拍科技运营总监赵玉勇参加2016移动生态大会-移动应用及小程序专场，主题为“分享移动应用及小程序未来发展趋势”，与多位顶尖移动应用技术专家、行业领袖结合实践经验，分析解决方案及趋势，探讨如何通过移动应用实现小程序的落地。

2016移动生态大会——移动应用及小程序专场于12月10日在北京国际会议中心举行，应用分会场以“分享移动应用及小程序未来发展趋势”为主题，邀请了数位业内顶尖的移动应用技术专家及行业领袖，从实践经验出发，剖析解决方案及趋势，共商如何抓住小程序第一波红利。

易拍科技运营总监赵玉勇（老赵）参与圆桌讨论，并就《小程序发展模式中的问题与解决方案》发表主题演讲。

小程序未来红利探讨（老赵，右一）

易拍科技运营总监老赵发言

以下为《微信小程序视觉设计平台》演讲主要内容：

小程序开发模式存在的问题

小程序开发是纯前端开发，主要涉及产品经理/UI设计师、程序员两个角色。实际开发过程中，会出现反复沟通、调整甚至返工的情况，主要原因有以下几点：

设计认知问题：

UI设计一般都是在PS或者其他平面设计工具中完成的，当在真机上看到实际效果的时候，才会发现一些在静态平面设计状态下没有考虑到的问题。

设计转换问题：

程序员需要按照设计去开发UI，包括用户交互逻辑的开发，这其实是一个翻译的过程，对UI设计的理解难免会有偏差。

人员协调问题：

自从产品经理/UI设计师和程序员分工之后，双方的沟通配合就成了问题，经常出现UI设计需要尽快调整，但程序员却很难及时配合的情况。

解决方案： - 专业的小程序设计工具

通过使用小程序设计工具和“设计即交付”，可以很大程度上解决这些问题。

小程序可视化设计平台形式

小程序可视化设计让设计稿的同步交付成为可能，下面我们从几个方面来看看如何实现“设计稿同步交付”。

1.配备完善的小程序组件及样式设置面板

2.支持Flex/rem，解决屏幕适配问题

3.通过组件支持WeUI设计规范

微信官方对于小程序设计规范有非常明确的视觉和规则要求，并通过多种WeUI风格组件支持WeUI设计规范。

4.丰富的应用模板

拥有丰富的应用模板，可直接套用和修改，大大提高设计效率。

5.丰富的布局样式组件

小程序的UI开发主要集中在布局样式方面，通过丰富的布局样式组件，通过组装和选择合适的组件即可快速完成小程序页面的设计与开发。

6. 组件可扩展

小程序设计工具中有一些扩展组件，是基于小程序原生组件的组合和扩展而开发的。后续我们会陆续开发常用组件，作为小程序原生组件的补充，提升小程序UI设计开发效率。

7.支持用户交互设置

小程序工具支持设置交互触发器和动画。以上图为例，通过设置点击触发器和组件的动画，可以制作出侧滑、弹窗遮罩等交互效果，真正完成用户交互的设计和开发。

小程序视觉设计开发合作

小程序工具可以直接导出符合小程序技术框架的代码包，然后通过GIT分支合并，可以并行进行设计和js开发。

小程序发布对UI设计的影响