Sean Ren AI 体验产品设计师

输入访问码

这份作品集仅供受邀查看。

中文EN
← 全部​作品Xbox 主机​历史​博物​馆 / 2022

Xbox 主机​历史​博物​馆2022

为​纽约​的​一场 Xbox 展览​设计 Xbox One 展​厅

一座互动博物馆邀请参观者探索 Xbox 主机二十年的历史。我在一个大团队中负责 Xbox One 部分的界面设计，把人们熟悉的主机界面语言，转化为一场关于硬件、游戏与平台的展览。

  • 已​上线
  • 交互​设计
  • 品牌​系统
  • UI 设计
项目​概​览 查看​设计
角色
数字设计师 Xbox One 展区界面
时间
2022 年 6 月​至 9 月
团队
Ten Gun Design 设计师、项目经理、开发、QA
平台
互动​展​项
工具
Figma、Adobe After Effects、Photoshop

01项目​概​览

我以 TenGunDesign 数字设计师的身份负责 Xbox One 界面。整个项目由设计师、开发、项目经理和测试共同完成；我的工作是这场主机历史体验中的一部分。

02背景博物​馆​里​的​主机​界面。

这个​体验​让​参观​者​通过​互动​屏幕​探索​主机​的​历史。它​需要​一眼​就​能​认出​是 Xbox，同时​帮助​人们​浏览​历史​内容，而不是​完成​主机​首页​上​的​日常​任务。
在​这个​项目​之前，我​没有​用​过 Xbox 主机。快速​掌握​它的​界面​模式​和​品牌​语言，是​这​份​工作​中​很​重要​的​一部分。
互动​展​项​把​数字​内容​与​实体​主机​的​历史​并​置​在一起。
互动​展​项​把​数字​内容​与​实体​主机​的​历史​并​置​在一起。

03设计​方向先吃​透​系统，再去​改造​它。

我​研究​了​主机​的​布局​模式、内容​模​块、动​效​和​语气，再​与​资​深​队友​一起，让​我的​设计​与​既有​的 Xbox 语言​保持​一致。
设计​需要​在​入口​页​和​深​层​内容​之间​建立​清晰​的​层级。熟悉​的​网​格​和​共用​的​内容​模式，成为​展览​页​面​的​基础。
设计​工作​区​展示​了​为​展览​打造​的​界面​系统。
设计​工作​区​展示​了​为​展览​打造​的​界面​系统。

04解决​方案探索​首​发、硬件、游戏​和​平台。

Xbox One 界面​把​历史​资料​按​相关​主题​组织​起来。入口​页​建立​导航，深​层​页​面​则​在​统一​的​网​格​中​组合​图像​与​内容。
我的​目标​是​让​在​主题​之间​切换​感觉​熟悉，让​界面​支持​探索，而不是​与​展览​本身​争夺​注意力。
Xbox One 入口​页​介绍​各个​内容​板​块。
Xbox One 入口​页​介绍​各个​内容​板​块。
首​发​页​在​展览​统一​的​布局​中​呈现​历史​内容。
首​发​页​在​展览​统一​的​布局​中​呈现​历史​内容。
更深一层​的​游戏​页​延续​了​同样​的​界面​语言。
更深一层​的​游戏​页​延续​了​同样​的​界面​语言。

05评审​与​测试评审​交互​与​屏幕​上​的​可读​性。

团队​通过​一个​基于​键盘​的​主机​模拟​器​评审​交互，模拟​器​与​团队​成员​和​测试​人员​共享。办公​室​的​大​屏​则​用于​评审​界面​的​视觉​呈现。

06成果我​为​这​场​展览​做出​的​贡献。

完成​的​界面​把 Xbox One 部分​接​入​了​更大​的​主机​历史​展览。我​学会​了​快速​上手​一套​陌生​的​设计​系统，并​在​跨​学科​团队​中​基于​它​开展​工作。

原版​案例

全部​作品上​一个