用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

2016-11-29 13:13:31 comeonliuqd原创达人 layout可视化工具 楼主 05638
本帖最后由 comeonliuqd 于 2016-11-29 13:38 编辑
工具简介:小程序layout设计工具,可视化方式进行小程序UI设计。通过鼠标拖拽组件方式进行UI布局。工具提供符合微信视觉统一的模板,并且按照FlexBox方式可视化布局。自动生成wxml和wxss,复制到微信开发者工具中即可同步显示。视频介绍请移步优酷http://v.youku.com/v_show/id_XMTgyNTQ4NDcyMA==.html

下图是微信小程序官方要求字体规范
QQ图片20161129115021.png
根据此要求小程序设计工具定制了符合规范的组件。如下图
QQ图片20161129114932.png
工具使用时,将左侧组件拖拽到设计区域即可。字体大小和颜色都是按照规范设置的。在使用时根据微信要求在不同位置摆放即可。
以下截图是text组件使用范例
QQ图片20161129115546.png
工具的UI布局介绍请参照小程序UI设计(1)-轻松布局


发新帖
您需要登录后才可以回帖 登录 | 立即注册