小程序UI设计(2)-符合视觉规范-字体规范

  • • 发表于 4年前
  • • 作者 leo
  • • 2182 人浏览
  • • 1 条评论
  • • 最后编辑时间 4年前
  • • 来自 [开发工具]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

工具简介:小程序layout设计工具,可视化方式进行小程序UI设计。通过鼠标拖拽组件方式进行UI布局。工具提供符合微信视觉统一的模板,并且按照FlexBox方式可视化布局。自动生成wxml和wxss,复制到微信开发者工具中即可同步显示。视频介绍请移步优酷http://v.youku.com/v_show/id_XMTgyNTQ4NDcyMA==.html

下图是微信小程序官方要求字体规范

根据此要求小程序设计工具定制了符合规范的组件。如下图

工具使用时,将左侧组件拖拽到设计区域即可。字体大小和颜色都是按照规范设置的。在使用时根据微信要求在不同位置摆放即可。
以下截图是text组件使用范例

工具的UI布局介绍请参照小程序UI设计(1)-轻松布局

分享到:
评论区(共1条评论)
1条评论
Ctrl+Enter
作者

leo

leo

APP:0 帖子:16 回复:8 积分:516

已加入社区[1607]天

工欲善其事必先利其器-小程序UI工具

作者详情》
Top