欢迎来到天天文库
浏览记录
ID:28661270
大小:881.09 KB
页数:11页
时间:2018-12-12
《coolsite360微信小程序可视化设计工具上线公测,全国首发》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、Coolsite360小程序可视化设计工具上线公测,全国首发[原创]2016-11-04老赵意派科技11月3日,又是大半夜,微信公众平台发布了微信小程序开放公测的消息。11月4日,Coolsite360小程序设计工具上线公测!这是国内第一款微信小程序可视化设计工具,集成小程序所有组件,可以在线进行小程序UI设计,支持Flex布局,可直接导出符合小程序标准的代码供后续开发。我们看看Coolsite360小程序设计工具有哪些亮点一、集成微信小程序组件微信小程序所定义的组件全部集成进来了,设计师可以直接以可视化的方式添加使用。二、预置微信设计规范微信对小程序的UI
2、提出了完整的设计规范,并提供了设计规范资源库。我们将这套规范也预置进来,设计师可以轻松设计出符合规范要求的小程序了。三.支持Flex布局面对各种手机屏幕尺寸,采用Flex样式布局,可以确保内容布局的完美适配。我们为此专门开发了Flex样式设置面板,方便设计师进行布局调整设计。四、可视化的样式设置对于设计师来说,时时刻刻都需要知道设计效果如何,可视化的样式设置面板,帮助设计师直观快速地掌握这一点。相比较于基于代码的开发工具,无疑更适合于设计师。五、支持动画/交互触发设定设计师可以直接完成最终用户交互体验的设计,而这些,之前都是要靠程序员编代码才能搞定的。六、实
3、时手机预览小程序设计在设计过程中,可以实时在手机中预览整体效果,毕竟导出到微信小程序开发环境中还是有点麻烦。七、一键导出小程序代码这才是最核心、最关键的部分,我们会自动把设计师的设计成果,转化为符合微信小程序框架规范的代码包,下载后就可以在微信小程序开发环境中打开,进行后续处理。到了这一步,程序员们就可以接手、进行逻辑和数据层面的开发了。除了上面说的这些,小程序设计工具还支持粘贴Sketch生成的样式、支持自定义组件扩展属性......应该说非常灵活,可以满足各种个性化的设计要求。下面再来看三个Demo感受下:->>部件demo->>果库UI->>豆瓣电影说
4、了这么多,欢迎大家通过桌面浏览器,注册体验Coolsite360小程序设计工具(http://www.coolsite360.com/)。对于Epub360的老用户们无需注册,可以使用Epub360用户账号直接登录。拓展阅读:Coolste360微信小程序制作入门Coolsite360小程序设计工具快问快答由微信小程序引发的设计思考Epub360-专业H5设计工具Coolsite360-专业响应式网站/小程序设计工具公众微信号/新浪微博:epub360关注我们,一起探索营销之道和设计之术
此文档下载收益归作者所有