微信小程序ui布局微信小程序ui设计规范 _睿知

马上在1月9号即将迎来了微信小程序的正式上线了，相信大家都很期待微信小程序将带给我一些什么吧？那么在微信小程序正式上线前，小编先给来给大家介绍一下微信小程序ui布局和微信小程序ui设计规范的介绍。
微信小程序ui设计规范汇总微信小程序是一种全新的应用形态，微信小程序平台不需要下载安装即可使用应用的平台，微信小程序实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。
也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。
概要
基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时比较大程度适应和支持不同需求，实现用户与小程序服务方的共赢。
友好礼貌
为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序提供的服务，友好地引导用户进行操作。
重点突出
每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容，在确定了重点的前提下，应尽量避免页面上出现其他干扰项影响用户的决策和操作。
【微信小程序ui布局微信小程序ui设计规范】反例示意
此页面的主题是查询，却添加了诸多与查询不相关的业务入口，与用户的预期不符，易造成用户的迷失。

文章插图
纠正示意
去掉任何与用户目标不相关的内容，明确页面主题，在技术和页面控件允许的前提下提供有助于用户目标的帮助内容，比如最近搜索词，常用搜索词等。

文章插图
反例示意
操作没有主次，让用户无从选择

文章插图
纠正示意
首先要避免并列过多操作让用户选择，在不得不并列多个操作时，需区分操作主次，减轻用户的选择难度。

文章插图
流程明确
为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。
微信小程序例子目前微信小程序还没有正式上线，在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序－－嗨图！大家可以直接在这个微信小程序上DIY自己的照片，先来看看具体嗨图有些什么功能吧！

微信小程序嗨图功能

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