校友会小程序开发笔记四:UI基本元素设计

发布于 5 年前作者 lilin2441 次浏览最后编辑 5 年前来自 share

基于微信小程序轻快的特点, 旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同校友需求,实现校友与小程序服务方的共赢。

为了避免下游在微信中使用小程序服务时,注意力被周围复杂环境干扰,小程序在设计时应该注意减少无关的设计元素对用户目标的干扰,礼貌地向校友展示程序提供的服务,友好地引导校友进行操作。

每个页面都应有明确的重点,以便于校友每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下,应尽量避免页面上出现其它与校友的决策和操作无关的干扰因素。

组件设计

WXOPEN Club 内容图片

WXOPEN Club 内容图片

WXOPEN Club 内容图片

表单设计

WXOPEN Club 内容图片

WXOPEN Club 内容图片

模态窗口

WXOPEN Club 内容图片

表格

WXOPEN Club 内容图片

首页设计

WXOPEN Club 内容图片

个人主页设计

WXOPEN Club 内容图片

WXOPEN Club 内容图片

注册设计

WXOPEN Club 内容图片

WXOPEN Club 内容图片

WXOPEN Club 内容图片

搜索设计

WXOPEN Club 内容图片

列表类设计

WXOPEN Club 内容图片

WXOPEN Club 内容图片

WXOPEN Club 内容图片

群助手设计

WXOPEN Club 内容图片

WXOPEN Club 内容图片

WXOPEN Club 内容图片

提示框设计

WXOPEN Club 内容图片

后台设计

WXOPEN Club 内容图片

0 回复
暂无回复