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

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

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

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

组件设计

校友录小程序开发笔记四:UI基本元素设计_第1张图片

校友录小程序开发笔记四:UI基本元素设计_第2张图片

表单设计

校友录小程序开发笔记四:UI基本元素设计_第3张图片
校友录小程序开发笔记四:UI基本元素设计_第4张图片

模态窗口

校友录小程序开发笔记四:UI基本元素设计_第5张图片

表格

校友录小程序开发笔记四:UI基本元素设计_第6张图片

首页设计

校友录小程序开发笔记四:UI基本元素设计_第7张图片

个人主页设计

注册设计

校友录小程序开发笔记四:UI基本元素设计_第8张图片
校友录小程序开发笔记四:UI基本元素设计_第9张图片
校友录小程序开发笔记四:UI基本元素设计_第10张图片

搜索设计

校友录小程序开发笔记四:UI基本元素设计_第11张图片

列表类设计

校友录小程序开发笔记四:UI基本元素设计_第12张图片
校友录小程序开发笔记四:UI基本元素设计_第13张图片
校友录小程序开发笔记四:UI基本元素设计_第14张图片

群助手设计

校友录小程序开发笔记四:UI基本元素设计_第15张图片
校友录小程序开发笔记四:UI基本元素设计_第16张图片
校友录小程序开发笔记四:UI基本元素设计_第17张图片

提示框设计

校友录小程序开发笔记四:UI基本元素设计_第18张图片

后台设计

校友录小程序开发笔记四:UI基本元素设计_第19张图片

项目代码GIT

你可能感兴趣的:(小程序小程序云开发)