解读小程序设计规范问题
小程序现已被各大企业广泛采用,「触手可及、用完即走」的用户体验备受青睐,随之小程序规划也成为规划师的必备技能,那在进行小程序界面规划时,应该如何快速做规划?过程中又要留意哪些问题呢?小程序规划区域
小程序的「一切页面」右上角方位,都固定放置了小程序的菜单,在规划界面时需预留出该区域空间。
/uploads/allimg/210120/1551152553-0.jpg
Nav Bar规划
1. 小程序菜单固定款式
微信供给了深浅两种配色款式,以便更好地融合到各种风格的页面中,需留意坚持小程序菜单明晰的辨识度。
2. 交互留意事项
如果要在小程序菜单附近放置交互元素,要考虑是否有交互冲突,应尽量避免误触的或许。主张开发者规划的自有导航款式与微信官方小程序菜单款式坚持一定差异,以便区分。
3. 查找框常见的几种表现形式
Tool Bar规划
1. 小程序规划规范
顶部标签分页栏颜色可自定义,一般会沿用 App 的规划风格,以保证两个渠道的视觉一致性。
2. 常见的几种表现形式:色块背景条,上滑隐藏,借位分离,图标展示,卡片阴影等。
Tab Bar规划
1. 小程序规划规范
微信有供给小程序的底部标签款式,主张标签数量在 2-4 个适宜。也可根据产品需要挑选或者去掉底部标签栏功用。
2. 常见的几种表现形式
发动页图标——发动页除品牌 Logo 外,其他元素都由微信一致供给,且不能更改,规划师仅需供给 2 倍和 3 倍尺寸的 Logo 即可。
加载款式
1. 小程序规划规范
全局加载是小程序名称左侧的加载图标。模态的加载款式将覆盖整个页面,因为无法明晰奉告详细加载的方位或内容,或许会引起用户的焦虑感,主张慎重使用。
2. 常用的加载款式
需奉告用户详细加载的方位形状,减轻用户焦虑心情。
小程序规划应遵循友爱、高效、一致的规划原则,每个页面都应有明晰的重点,明晰明晰地奉告用户身在何处,又可以往何处去,保证用户在页面中游刃有余地穿梭而不迷路。
页:
[1]