前言

界面设计期末作业,要求设计校园app或是“诗画浙江”主题的app,由于对后者不是很感兴趣,再加上突然想起了人升-ToDo这款App,然后自己一直想做一款校园互助的产品,所以决定设计这么一款有游戏化元素的校园互助app的系列界面

本篇文章记录界面更新的过程,并不一定按照app的使用逻辑来进行界面更新,纯粹是想到哪个界面就设计那个界面

主页

主页的话其实大部分仿照了人升的界面,我的想法是主页起到了“告示”的作用,在这里可以查看自己已经领取的任务,也可以查看别人发布的任务

前者则需要点击这个卡片上的感叹号来进入二级界面(任务清单)

后者则需要滑动屏幕进行浏览

任务的卡片上也有许多的选项,左半部分从上到下依次是头像,昵称,任务标题,任务概括,右半部分是可以获得的属性,参照人升ToDo,有力量,耐力,活力,学识,魅力,创造六种,还有经验以及金币

任务卡片也可以查看详情,可以直接领取任务,不喜欢此任务的话还可以忽略

右下角的悬浮按钮可以发布自己的任务来进行“悬赏”

聊天

这个界面仿照了QQ以及Telegram的聊天界面,前者是背景和标题栏,后者是对话风格和标题栏(怎么有种缝合怪的感觉)

暂定想法是主页点击领取任务会跳转到对话界面,点进任务详情里面应该也可以,可以先不领取任务然后给对方发送任务,于是就有了第一个对话框

点击头像或右上角可以查看对方的个人资料

属性

还是高仿,某些细节做了修改。

右上角设置了一个查看统计图的按钮

新建任务

这是没有填内容的情况

这是填了内容的情况(紧跟时事)

统计

统计近几天任务完成数量,已获取经验值得分布情况,能力分布的雷达图

用户信息

上方是头像,ID,简介,能力等级等

下面是发布过的悬赏

侧滑栏

带有侧滑栏的主页

任务清单

查看正在进行的任务

任务详情

可以通过此界面来进行对话,对话时会自动给发送对方发送是从哪个任务来的(参照上面的聊天界面)

Last modification:February 10th, 2021 at 10:24 am