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

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

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

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

组件设计

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

表单设计

在这里插入图片描述

在这里插入图片描述

模态窗口

在这里插入图片描述

表格

在这里插入图片描述

首页设计

在这里插入图片描述

个人主页设计

在这里插入图片描述
在这里插入图片描述

注册设计

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

搜索设计

在这里插入图片描述

列表类设计

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

群助手设计

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

提示框设计

在这里插入图片描述

后台设计

在这里插入图片描述
项目代码GIT: https://github.com/ccliqi/CC-almni

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值