broken image
broken image
broken image

yang_m_h_2022@163.com

  • 主页
  • …  
    • 主页
broken image
broken image
broken image

yang_m_h_2022@163.com

  • 主页
  • …  
    • 主页
broken image

宇宙骇客42号

包装+交互设计-二次元|太空|冒险|RPG

· 交互案例

前情提要

项目背景

世界观设定

在浩瀚的宇宙中飘着一艘太空舰船,舰船没有来处,也没有目的地。从它第一次被人发现到现在,已经过去了不知道多少个联盟纪元。它的存在可能比联盟都早。宇宙中关于这舰的传说众说纷纭,有说这是一艘太空荷兰人号的,有说这是舰上藏着宇宙的终极答案的。虽然没有人知道舰队真实的名字,为了方便称呼,这个舰队被大家称为42号。不过无论在哪种传说中,所有人都说,舰上的舰员,都是青面獠牙的存在。

某年某月某天,你被一声“发什么呆呢”来回现实。你已经和42号在太空中冒险了3个联盟年了,你回头看看声音的来源,内心暗笑,哈哈哈,某些人发起火来,的确很“青面獠牙”呢。

关键词

太空|飞船|冒险|二次元

系统规则简述

角色培养界面,在这个界面玩家可对角色进行培养操作。

主要操作:信息查看、升级、突破、装备

次要操作:立绘/模型鉴赏、 角色故事背景查看、语音播放

界面交互设计

  • 界面功能分析
broken image

·信息排布规划

broken image

方案预览

broken image

界面基础流程

broken image

界面包装设计

结合关键词和故事背景,针对角色培养这个功能,将场景发生地点设定在舰船中的休息区,舰员们在舱中休息,玩家可唤醒在休息中的角色,然后对角色进行培养等操作。

通过镜头把角色列表和角儿展示界面关联再一起,强调操作的沉浸感。

broken image
  • 英雄列表界面在休息舱前,因为这个界面信息密度较高,所以背景的休息舱模糊处理。
  • 通过镜头拉近,既能表示从远景到近景这个空间关系,也能表达从英雄列表的概况信息转到英雄培养界面的详细信息的逻辑关系

 

交互设计说明

英雄列表--列表

broken image
broken image
broken image

英雄列表--筛选

broken image
broken image

每次进入列表系统,默认帮玩家选择【稀有度降序】和【全部】

当玩家有做出筛选选择后,需要出现一键回复初始状态的按钮,点击后清除筛选状态

英雄培养界面--总界面

broken image
broken image

浮动弹窗

broken image

被激活的属性为白色,没有激活的属性透明度变为75%

英雄培养界面--升级

broken image
broken image
broken image

英雄培养界面--升阶

broken image
broken image
broken image

英雄培养界面--装备

broken image
broken image
broken image

英雄培养界面--传记

broken image
broken image
broken image

 

其他细节

  • 切换英雄时,保留信息面板所处于的功能
  • 当数字位数超过5位数时,用K、M、B缩短显示。数字大小需要在文本框内做自适应大小
  • 升级、升阶、装备变更导致战力变化的时候,需要有通用的战力变化飘字
  • 之后系统扩展根据系统同的所属分类在底部页签处增加新页签或者在功能入口处增加新入口

 

 

 

 

上一篇
下一篇
《烟火》游戏体验与分析
 回到主页
strikingly icon上线了提供技术支持
Cookie的使用
我们使用cookie来改善浏览体验、保证安全性和数据收集。一旦点击接受,就表示你接受这些用于广告和分析的cookie。你可以随时更改你的cookie设置。 了解更多
全部接受
设置
全部拒绝
Cookie设置
必要的Cookies
这些cookies支持诸如安全性、网络管理和可访问性等核心功能。这些cookies无法关闭。
分析性Cookies
这些cookies帮助我们更好地了解访问者与我们网站的互动情况,并帮助我们发现错误。
首选项Cookies
这些cookies允许网站记住你的选择,以提供更好的功能和个性化支持。
保存