知识积淀 | 基于IP与玩法设计用户界面

本文探讨了哈利波特IP在游戏UI设计中的应用,如何通过场景还原、仪式感体验和镜头感营造,增强玩家的沉浸感。例如,角色创建、仪式体验和图书馆抽卡等环节都紧密贴合电影情节,同时对比了幻书启示录的抽卡系统,强调了设计应符合IP世界观的重要性。此外,还展示了战斗系统和成就指引的设计,以及如何在保持边界感的同时提升视觉冲击力,以增强游戏的整体沉浸体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

IP与玩法系统的结合设计—创建角色

以下的设计充分的还原了哈利波特的电影情节表现,并且通过有一定倾斜角度的书页形式尽量减少了UI弹出瞬间的打断感,沉浸感体验出色。
 

电影场景

 

游戏界面


IP与玩法系统的结合设计—仪式体验


依然充分还原的电影的情节,并且在召唤扫把的时候给出了语音选项,加强沉浸感。
 

电影场景

游戏界面


IP与玩法系统的结合设计—图书馆抽卡

还原电影场景的前提下做了一些镜头感的处理,由一本魔法书来展开抽卡的环节,镜头感做的很扎实稳重。叠放的书页设计也在加强“从魔法书中获得力量”的概念。
 

电影场景

游戏界面


对比介绍—幻书启示录的图书馆抽卡镜头感

同为“抽书概念”的幻书启示录,抽卡系统的镜头感做的十足,并且近景远景的切换也做了许多层次。

对比哈利波特确实炫酷了很多,但基于IP的设计要符合世界观的设定,哈利波特中魔法是朴实且古老的,所以对于镜头感的设计必须要进行一定的取舍,一切设计基于IP,一切设计贴合IP。
 

幻书启示录游戏界面


对比介绍—镜头感带来的视觉冲击

以下是一些对于镜头感捕捉的动图展示,好的镜头感使得视觉UI层级的设计更为贴合游戏本身的设定,降低UI层级对游戏体验的打断感觉,并且在特定的重要情节起到推进烘托作用,加强整个游戏的沉浸体验感。
 

镜头感动图


《永远的七日之都》切换角色的设计给人的感觉就不是人物之间的简单平滑过渡,给人的视觉冲击要强很多。
 

《永远的七日之都》游戏界面



IP与玩法系统的结合设计—战斗系统

在首次战斗系统中,也是加强的仪式感的体验,富贵网以及对电影情节的高度还原。

电影场景

游戏界面



IP与玩法系统的结合设计—成就指引

成就系统中,也是引用了大厅中的壁画元素作为指引的看板娘,而非自创的不相关立绘。
 

电影场景



创新设计点—如何定义内容的边界

在UI的视觉层级中,始终有着边界感这个限制要素,有利有弊,一方面可以强化信息层级的关联性,另一方面边界的限制对游戏的沉浸体验感打断极强。
 

游戏界面


上图为一些有趣的小设计,边界感是否可以通过一些符合游戏特性的元素来打破,欢迎阐述各位的观点~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值