详细内容

《哈利波特:魔法觉醒》—— 魔法世界的UI魔法

89.png



《哈利波特:魔法觉醒》是基于《哈利·波特》原版IP、网易自研的RPG手游。玩家将作为一名魔法学院的新生入学霍格沃茨,与其他同伴一起展开一场神秘的冒险之旅。在霍格沃茨,玩家可以再次见到熟悉的角色、学习各类魔法课程、体验惊心动魄的巫师对决,书写属于自己的魔法世界新篇章。整个游戏的玩法与IP属性十分契合,极具风格的UI设计非常“哈利波特",交互的过程就好似在施展魔法,代入感极强。下面分享一些游戏中有趣的UI,来看看值得我们思考学习的地方。


- 创建角色 -

90.gif


场景化的界面设计巫师世界的元素,加强了魔法世界的代入感,并符合巫师世界的设定。


- 捏脸-

91.gif


- 个人信息 -

92.gif

93.gif


- 我的搭配-

94.gif


- 更换搭配 -

95.gif



- 抽卡界面 -

96.gif


抽卡系统采用一个图书馆的场景表现,场景里还可以看见同样来图书馆的其他玩家,营造魔法学院的氛围感。


- 互动魔法书 —— 扔石头 -

97.gif


- 互动魔法书 —— 蜘蛛 -

98.gif


互动魔法书是游戏中一大设计亮点,在游戏内的魔法书页面(牌库)中,结合魔法世界观,使卡牌得以与玩家产生互动,丰富游戏的内容与可玩性。
这种在书页内随意拖动、点击的创意还有不少,大家可以到游戏中去慢慢发掘。


- 交互——站台 -


99.gif

- 地图探索 -
100.gif


- 跑动+转视角 -

101.gif


- 阶梯移动 -

102.gif


- 任务清单 -

103.gif


- 剧情总览 -

104.gif

- 完成剧情 -

105.gif


- 成就 -

106.gif



【战斗系统】


- 魔咒 —— 战斗组合 -

107.gif

108.gif

109.gif



每张卡面都有相应的表现动效,以魔法书为载体,将卡牌拖拽到书上,充分营造了魔法师出战的氛围。



- 战斗界面 -

110.gif


- 召唤伙伴 -

111.gif



【其他空间】


- 扫帚收藏 -

112.gif


- 我的空间 —— 猫头鹰图册 -

113.gif


我的空间——魔杖图册 -

114.gif


我的空间——衣帽间 -

115.gif

116.gif


- 猫头鹰空间 -

117.gif




【商城】


- 热销商店 -

118.gif

119.gif


- 皮肤商城 -

120.gif



【社交】


- 好友聊天、社区 -

121.gif

122.gif


- 添加好友 -

123.gif

124.gif


- 寝室管理 -

125.gif

126.gif


- 宿舍装扮 -

127.gif

128.gif



舍友一开始由系统分配,也可以自己邀请好友,宿舍可以装饰的床铺,房间里还有植物,可以室友一起浇水栽培。还原了真实的学院生活,让玩家找到归属感,引发情感共鸣。



Copyright @ 2021 GameTube All rights reserved. 
技术支持: 聚成网络科技 | 管理登录