前言
界面设计期末作业,要求设计校园app或是“诗画浙江”主题的app,由于对后者不是很感兴趣,再加上突然想起了人升-ToDo这款App,然后自己一直想做一款校园互助的产品,所以决定设计这么一款有游戏化元素的校园互助app的系列界面
本篇文章记录界面更新的过程,并不一定按照app的使用逻辑来进行界面更新,纯粹是想到哪个界面就设计那个界面
主页
主页的话其实大部分仿照了人升的界面,我的想法是主页起到了“告示”的作用,在这里可以查看自己已经领取的任务,也可以查看别人发布的任务
前者则需要点击这个卡片上的感叹号来进入二级界面(任务清单)
后者则需要滑动屏幕进行浏览
任务的卡片上也有许多的选项,左半部分从上到下依次是头像,昵称,任务标题,任务概括,右半部分是可以获得的属性,参照人升ToDo,有力量,耐力,活力,学识,魅力,创造六种,还有经验以及金币
任务卡片也可以查看详情,可以直接领取任务,不喜欢此任务的话还可以忽略
右下角的悬浮按钮可以发布自己的任务来进行“悬赏”
聊天
这个界面仿照了QQ以及Telegram的聊天界面,前者是背景和标题栏,后者是对话风格和标题栏(怎么有种缝合怪的感觉)
暂定想法是主页点击领取任务会跳转到对话界面,点进任务详情里面应该也可以,可以先不领取任务然后给对方发送任务,于是就有了第一个对话框
点击头像或右上角可以查看对方的个人资料
属性
还是高仿,某些细节做了修改。
右上角设置了一个查看统计图的按钮
新建任务
这是没有填内容的情况
这是填了内容的情况(紧跟时事)
统计
统计近几天任务完成数量,已获取经验值得分布情况,能力分布的雷达图
用户信息
上方是头像,ID,简介,能力等级等
下面是发布过的悬赏
侧滑栏
带有侧滑栏的主页
任务清单
查看正在进行的任务
任务详情
可以通过此界面来进行对话,对话时会自动给发送对方发送是从哪个任务来的(参照上面的聊天界面)