Game UI
围绕角色养成、战前对比、账户进度与战后结算，重新组织移动端游戏中的高密度数值信息，让玩家快速理解角色状态、对手差异、成长目标与奖励结果。
项目挑战
界面需要在有限的手机空间内同时呈现货币、能量、角色状态、装备与核心操作。伤害、攻击表现、护甲、生命值等数值关系复杂，如果缺少明确层级，玩家很难快速判断当前状态和下一步行动。
战前、成长与战后信息还需要保持连续：玩家既要比较双方等级与属性，也要理解增益、奖励进度和掉落结果，同时不能让密集数据压过角色本身和战斗氛围。
设计方案
我以顶部状态栏、中央核心内容和底部导航构成稳定框架，统一货币、能量、头像与通知等全局信息的位置，降低不同页面之间的切换成本。
角色页面突出人物主视觉，并将伤害、攻击表现与护甲等关键指标整理为独立卡片；战前页面采用左右对比结构呈现双方等级、生存能力、敏捷、力量和增益效果；成长页面通过任务卡和进度条连接目标与奖励。
战后结算按照经验、货币、掉落物和双方战斗数据依次分层，并用高亮色区分提升、奖励与风险状态。深色界面结合青蓝、荧光绿、紫色和红色，使交互反馈与游戏氛围保持一致。
项目画廊
工具与方法
Framer
Adobe Illustrator
Adobe After Effects
Sketch
Cinema 4D
Three.js
项目复盘
"这次设计让我进一步确认，高密度游戏界面的关键不是增加更多装饰，而是先建立一致的信息框架和状态语言。角色视觉负责营造情绪，卡片与进度条负责支持判断，颜色只用于表达奖励、提升与风险。后续还可以通过玩家测试，继续验证属性扫描速度、战前比较效率和奖励反馈的可理解性。"
