微信小程序怎么设计微信小程序官方设计指南( 五 )

字体颜色

文章插图
主内容 Black 黑色，次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑;

文章插图
蓝色为链接用色，绿色为完成字样色，红色为出错用色 Press与 Disable状态分别降低透明度为20%与10%;

文章插图
列表视觉规范

文章插图
表单输入视觉规范

文章插图
按钮使用原则
列表外按钮上文字标准
按钮高度为44px下使用: 颜色＃000000 / ＃353535 字号 18pt
可点状态下文字调整透明度为60%
不可点状态下文字调整透明度为30%

文章插图
列表外按钮上文字标准
按钮高度为25px下使用: 颜色＃000000 / ＃353535 字号 14pt
页面线性按钮上文字标准
按钮高度为35px下使用: 颜色＃09BB07 / ＃353535 字号 16pt

文章插图
图标使用原则

文章插图
微信小程序例子目前微信小程序还没有正式上线，在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序－－嗨图！大家可以直接在这个微信小程序上DIY自己的照片，先来看看具体嗨图有些什么功能吧！

微信小程序嗨图功能

文章插图
1、专题——DIY图片的模板，点击可以生成使用，分享到朋友圈。
2、分享墙——用户上传的自己DIY作品。
3、立即制作——可以用自己的图来DIY 。
4、告诉我——告诉产品的改进，内容的增加。
想要体验怎么制作属于自己个性朋友圈照片的用户，等1月9号微信小程序上线后，扫一扫下面的二维码就可以啦！还等什么，赶紧扫码体验，开启你的嗨图之旅吧！

文章插图

微信小程序怎么设计 微信小程序官方设计指南( 五 )

微信小程序怎么设计微信小程序官方设计指南( 五 )