学校微信小程序-电费充值页-APP-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

快速搭建网站

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

学校微信小程序-电费充值页

0.0°

2017-12-08 原创作品 APP 举报 4928 12 17 2

TRICIA 关注

第一次发作品，个人介绍一下：

计算机类专业大三学生，从小学开始接触设计，大学开始了解UI。

---------------------------------------------------------------------

这是学校微信小程序【电费充值】页面的一个交互效果。

已经是一个上线项目，累计用户4w+，日用户量8k+

由于学校给的接口只有校区、苑区、栋号和宿舍号，该页面展示的信息不是很多，避免大量留白做了一个2.5d的顶部插画图。

防止输入宿舍或金额时数字键盘会挡住【确认支付】按钮，所以做了个整体上滑（类似github上的react-native-keyboard-aware-scoroll-view）的效果。

不过由于微信小程序前端性能的问题，很多效果都不能像app那样实现，甚至这样一个简单的上滑效果用户体验都不是很好，这也是小程序和app在设计开发过程中的不同。

更新：2017-12-08

12人已收藏

TRICIA

4

作品
12

粉丝
11

关注

猜你喜欢

2017-12-08 原创作品 APP 举报 4928 12 17 2

学校微信小程序-电费充值页

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2017年12月08日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得