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


字体颜色

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

文章插图
主内容 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号微信小程序上线后,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!
微信小程序怎么设计 微信小程序官方设计指南

文章插图

推荐阅读