1.作业内容
用xd设计i山大的页面
2.使用的工具
1.XD
2.PS
3.Canva 可画
4.i山大
3.设计思路
先看i山大原UI:(请视觉和移动学长原谅我!!!)
我主要是想优化这个主界面,先说说我发现的问题:
1.i山大整体的"品牌色"是绿色,不过顶部全用这种绿色会显得有些古感
2.搜索栏不够常用,却占用了很大空间
3.小程序有重复,且其他程序仍需点击更多功能才能看见
4.课表模块虽然简洁明了,但实际使用中,大家可能更多的会聚焦到所谓的"下一节课",所以把一天的课程都显示出来有些过于占篇幅
5.资讯文章区域不能把标题全部显示出来,一般这种文章标题都很长,而且前半部分都是统一的格式,并不能看出来文章到底关于什么
6.底部[消息]一栏使用频率低,却占用了宝贵的位置
接下来说说我的修改
1.保持i山大原本品牌色绿色不变,将背景变为渐变的绿色,给人一种小清新的感觉
2.将搜索栏去除,只留一个放大镜,让使用频率不高的搜索不会太过于显眼
3.将小程序全部去除,创建一个新的页面,放在底部,专门到另一个界面去找小程序
4.将显示全部课程改为显示最近的一节课程,我将这个组命名为了原子通知,其实想让这个地方自动滚动,显示其他信息,比如宿舍电量等等,这个区域点击以后可以直接进入课程表界面,或者其他对应的界面
5.新增最新资讯,将带图片的文章直接显示在显眼的位置,图片底部加上属于哪一模块和文章标题,当然,也做了滚动,不过XD不能实现自动滚动,以后会其他软件再说
6.将信息一栏移动到顶部,由于[信息]使用频率肯定会低于搜索,所以让放大镜在右边
7.底部导航栏选中效果重新设计,更加明显,新增收藏页面,随时查看曾经收藏的文章,便于查找
8.至于顶部那三个点打开后的行程码和建康码,我直接删除处理,因为同学们99.9%会用微信小程序,不会用i山大
至此我的修改就没了,放一张示意图
感觉,确实比以前好点?
4.链接送上
链接：https://pan.baidu.com/s/13ZAeOvLX8z_cZ2_vVPS3AQ
提取码：pknn
