CoolSite360 - 响应式网站/微信小程序 设计工具

2016-11-17 23:55:28 by admin
104 0

CoolSite360 - 响应式网站/微信小程序 设计工具

11月3日,又是大半夜,微信公众平台发布了微信小程序开放公测的消息。


11月4日,Coolsite360小程序设计工具上线公测!


这是国内第一款微信小程序可视化设计工具,集成小程序所有组件,可以在线进行小程序UI设计,支持Flex布局,可直接导出符合小程序标准的代码供后续开发。          

            

我们看看 Coolsite360 小程序设计工具有哪些亮点:


集成微信小程序组件 


微信小程序所定义的组件全部集成进来了,设计师可以直接以可视化的方式添加使用。


预置微信设计规范


微信对小程序的UI提出了完整的设计规范,并提供了设计规范资源库。我们将这套规范也预置进来,设计师可以轻松设计出符合规范要求的小程序了。



支持Flex布局

     

面对各种手机屏幕尺寸,采用Flex样式布局,可以确保内容布局的完美适配。我们为此专门开发了Flex样式设置面板,方便设计师进行布局调整设计。



可视化的样式设置


对于设计师来说,时时刻刻都需要知道设计效果如何,可视化的样式设置面板,帮助设计师直观快速地掌握这一点。相比较于基于代码的开发工具,无疑更适合于设计师。



支持动画/交互触发设定


设计师可以直接完成最终用户交互体验的设计,而这些,之前都是要靠程序员编代码才能搞定的。



实时手机预览小程序设计


在设计过程中,可以实时在手机中预览整体效果,毕竟导出到微信小程序开发环境中还是有点麻烦。



一键导出小程序代码


这才是最核心、最关键的部分,我们会自动把设计师的设计成果,转化为符合微信小程序框架规范的代码包,下载后就可以在微信小程序开发环境中打开,进行后续处理。到了这一步,程序员们就可以接手、进行逻辑和数据层面的开发了。


除了上面说的这些,小程序设计工具还支持粘贴Sketch生成的样式、支持自定义组件扩展属性......应该说非常灵活,可以满足各种个性化的设计要求。


下面再来看三个Demo感受下:


->>部件demo

->>果库UI

->>豆瓣电影


说了这么多,欢迎大家通过桌面浏览器,注册体验Coolsite360 小程序设计工具( http://www.coolsite360.com/ )。对于Epub360的老用户们无需注册,可以使用Epub360用户账号直接登录。


在开始体验之前,请大家先看看视频讲解,对我们的小程序设计工具有一个整体了解,也欢迎大家阅读本次推送的第二篇《Coolsite360小程序设计工具快问快答》。


本文由无锡网络公司小凯整理发布,如有版权冒犯请联系小凯。最终解释权归小凯所有。
 上一篇 下一篇  

猜你喜欢


官方微信公众平台
新手入门
在线帮助 SEO教程 建站教程 网站运营 淘宝运营 网络营销
在线服务
SEO优化 网站建设 软文代写 微信开发 品牌推广 网店运营
关于我们

江苏SEO_江阴网络公司网站建设,网络营销、SEO优化、SEO推广,网盟推广、一站式服务。SEO服务:苏州、常州、无锡SEO公司。江阴网络公司咨询电话:18360807009

建站咨询电话
Made by 兄弟盟 版权所有 站长:江阴SEO小凯 联系邮箱:369916069@qq.com 联系QQ:369916069 无锡网络公司|无锡网站建设|江阴网站建设|江阴网站制作|江苏SEO