小程序UI设计定律+框架指南

时间：2022-10-03

近来各种类型的小程序增多，使用者也越来越重视UI排版了，本文就教你如何做好微信小程序UI排版！你可以参考以下这些UI设计定律与框架原则，来设计自己的小程序。
1.UI设计定律
UI设计界的许多定律是通用的，小程序UI也可以参考这些定律来设计：
（1）Hick’s Law / 席克定律（希克法则）
一个人面临的选择越多，所需要作出决定的时间就越长。在人机交互中界面中选项越多，意味着用户做出决定的时间越长。
（2）Steering Law转向定律
触控技术（Touch）应用：
0°方向是较利于操作者移动的方向，具有较好的视觉反馈，成功率相对高；
120°方向用户在操作时较为困难，在用户界面交互设计中应尽少使用；
用户手指在各个方向的运动中，宽度低于14像素的 Touch 用户体验很差。
（3）神奇数字7±2法则
人类头脑较好的状态能记忆含有7（±2）项信息块，在记忆了 5-9 项信息后就开始出错。与席克定律类似，神奇数字 7±2 法则也经常被应用在小程序交互设计上，如上线了小程序就是如此，导航选项卡不会**过 5 个，这样方便客户记忆和浏览。
2.小程序ui框架注意点
（1）功能简洁
小程序不需要设计得像APP那样复杂，其实只满足单一需求即可。比如滴滴的小程序，是简单快捷的叫车服务，在功能选择上只提供核心功能在小程序露出，一些非必须的入口则没有体现出来，比如消息，扫一扫以及个人中心里的一些功能等，这样用户在使用小程序叫车时更加专注。
（2）明亮的背景以及留白
简洁风的设计，界面的整个内容通常都是呈现在白色或非常明亮的背景上的。对空白深思熟虑的使用让界面总体上看起来非常的干净、清新且美观。
（3）流程明确
小程序ui、以及主页的各个版块内容应该要有一定逻辑顺序，通常主页**部是图片banner（轮播图、拼接图海报等），之后是快捷按钮、商品分类，中间可根据需求适当穿插视频、标题、优惠券等不同功能版块。

武汉橙毅科技有限公司专注于武汉APP开发,武汉高端网站建设,武汉微信小程序开发等

词条
词条说明
常见的微信小程序搭建误区
由于微信小程序的*，小程序搭建风潮也逐渐兴起。但是新手在搭建小程序时，常常会犯一些低级错误，你需要避开这些微信小程序搭建误区：1.新手硬去学代码零基础的新手去学代码做小程序的话，是非常得不偿失的，因为学起来费时费力，而且你还未必能做出一个功能完善、页面美观的小程序。新手其实不需要懂代码，就能很快做出自己的小程序。现在比较常用的方式是使用第三方小程序小程序
小程序制作难么？需要学什么，怎么做？
随着小程序越来越火，很多新手也有了制作小程序的想法。但对于不懂技术的小白而言，不免会担心这样一个问题：小程序制作简单吗？这要看你选择的制作方式是什么了。如果你自己写代码开发，那么还是比较难的；但如果是使用小程序模板来快速开发，那就非常简单了。接下来就给大家演示下这两种不同的方法该怎么做。1.写代码开发这种方式小程序
企业文化
多年企业网站搭建、小程序开发、公众号搭建，APP软件开发等工作经验。
服务为本
公司具备完善的管理制度，规范的工作流程。