花费 16 ms
微信小程序支付

前提:1、小程序已经注册完毕,各种服务器环境、https等已经配置好。2、你们是前后台合作,后台给主要给我们提供相应的数据、因为有些接口请求后台做要比我们做要简单,其实我更认 ...

2017-03-27 03:27 2 19246
小程序UI设计(9)-文字排版

小程序中一般很少大段落的文字,基本是4、5个字的主题、一行标题、一行摘要、两行描述。显示时超出部分用省略号代替。下面结合工具使用介绍一下文字排版的方法。先看效果图。 工具中属性设置如下图:两行文字属 ...

2016-12-13 21:44 0 9259
小程序UI设计(6)-布局分解-九宫格

今天我们来个庖丁解牛。对于一个完整的组合组件,看看通过工具是如何轻松完成的。首先看看九宫格完整的样子。 结构树是这样的。在结构树中,我们可以看到WViewColumn下面有九个WViewRow。WVi ...

2016-12-13 21:37 0 9131
小程序UI设计之-介绍篇

工具截图 此工具通过可视化操作进行布局,依据iphone6尺寸设置画布,可以自动生成rpx和百分比的wxss。后续还会增加js代码自动生成。工具中组件按照微信小程序开发规范进行了缺省设置,margin ...

2016-12-13 21:21 4 8065
小程序UI设计(2)-符合视觉规范-字体规范

下图是微信小程序官方要求字体规范 根据此要求小程序设计工具定制了符合规范的组件。如下图 工具使用时,将左侧组件拖拽到设计区域即可。字体大小和颜色都是按照规范设置的。在使用时根据微信要求在不同位置摆放即 ...

2016-12-13 21:28 0 6899
小程序UI设计(10)-巧用模板,事半功倍

工具中为小程序员们准备了符合微信开发规范的模板。之前帖子中介绍的规范都在模板中已经设计好了,可以直接复制粘贴使用。下图中的样式是从模板直接复制过来的。实际使用时只要更换为自己的图片和文字即可。自动生成 ...

2016-12-13 21:45 0 3130
小程序UI设计(4)-符合视觉规范-表单输入视觉规范

下图是微信官方的要求 按照小程序UI设计(3)-符合视觉规范-列表视觉规范同样的方式,我们可以设计一样符合规范的输入项目。规范中没有说明padding-left的大小,我们暂定是15px。这样最外层v ...

2016-12-13 21:35 0 2736
小程序UI设计(7)-布局分解-左-上下结构

FlexBox布局中的变幻方式很多,我们继续了解一个左-上下结构的布局分解 左边结构树中WViewRow下面有两个WViewColumn。WViewRow是横向排列,WViewColumn是纵向排列。 ...

2016-12-13 21:38 0 2344
小程序UI设计(1)-布局

工欲善其事必先利其器。下面为大家介绍一款工具软件,如何做到轻松布局。 工具简介:小程序layout设计工具,可视化方式进行小程序UI设计。通过鼠标拖拽组件方式进行UI布局。工具提供符合微 ...

2016-12-13 21:26 0 1407

 
粤ICP备18138465号  © 2018-2020 CODEPRJ.COM