界面设计-游戏化的校园互助app

前言

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

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

在我的博客上查看:legroft

主页

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

前者则需要点击这个卡片上的感叹号来进入二级界面

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

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

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

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

聊天

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

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

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