最近各类小程序越来越多,用户也越来越注重UI排版,本文就教您如何做好微信小程序UI排版!参考下面的这些UI设计法则和框架原则,你可以设计自己的小程序。
一、用户界面设计法则。
UI设计领域的许多法则都是通用的,而小程序的UI也可以参照这些法则来设计:
(1)Hick’shw/Sech定律(Hick定律)
你面对的选择越多,做出决定的时间也就越长。人-机交互界面的选项越多,用户做决策的时间就越长。
(2)赤色转向律的运用。
触摸技术(Touch)应用:
零度方向对操作人员运动最为有利,且有良好的视觉反馈,成功率较高;
120°方向用户操作难度最大,在界面交互设计中应尽量少用;
宽度小于14像素的Touch用户使用时,用户手指向所有方向移动都不方便。
(3)魔法数7±2规则。
人脑的最佳状态是记忆包含7(±2)条信息,而在记忆了5-9条信息之后,就会出现错误。和希克定律一样,魔术数字7±2法则也常用于小程序的交互设计,比如“上线”小程序,导航标签不超过5条,以方便用户记忆和浏览。
二、appletui框架要注意。
A.功能简明。
没有必要设计的像APP一样复杂的小程序,实际上仅能满足单一的要求。例如滴滴的小程序,就是简单快捷的叫车服务,在功能选择上只提供了核心功能,有些非必需入口则没有体现在小程序上,如短信,扫一扫,以及一些个人中心的一些功能,让用户在使用小程序时更加专注。
(2)背景明亮和留白。
简洁风的设计,界面的整个内容通常都以白色或者非常亮的背景呈现。仔细考虑地使用空白区域,使界面整体上看起来很干净、新鲜、美观。
开通小程序案例,禁止转载。
(3)程序清晰。
gadgetui,以及主页的各个版块的内容应该有一定的逻辑顺序,通常主页的顶部是图片blue(轮播),后面是图画,后面是快捷键,商品分类,中间可以根据需要适当插入视频、标题、优惠券等不同功能的版块。