游戏开发论坛

 找回密码
 立即注册
搜索
查看: 14912|回复: 0

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

[复制链接]

5万

主题

5万

帖子

8万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
86215
发表于 2021-6-18 13:47:10 | 显示全部楼层 |阅读模式
微信图片_20210618133705.png

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

- 创建角色 -

微信图片_20210618133710.gif

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

- 捏脸-

微信图片_20210618133711.gif

- 个人信息 -

微信图片_20210618133713.gif

微信图片_20210618133714.gif

- 我的搭配-

微信图片_20210618133715.gif

- 更换搭配 -

微信图片_20210618133716.gif

- 抽卡界面 -

微信图片_20210618133717.gif

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

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

微信图片_20210618133719.gif

- 互动魔法书 —— 蜘蛛 -

微信图片_20210618133720.gif

互动魔法书是游戏中一大设计亮点,在游戏内的魔法书页面(牌库)中,结合魔法世界观,使卡牌得以与玩家产生互动,丰富游戏的内容与可玩性。

这种在书页内随意拖动、点击的创意还有不少,大家可以到游戏中去慢慢发掘。

- 交互——站台 -

微信图片_20210618133721.gif

- 地图探索 -

微信图片_20210618133723.gif

- 跑动+转视角 -

微信图片_20210618133724.gif

- 阶梯移动 -

微信图片_20210618133725.gif

- 任务清单 -

微信图片_20210618133727.gif

- 剧情总览 -

微信图片_20210618133728.gif

- 完成剧情 -

微信图片_20210618133729.gif

- 成就 -

微信图片_20210618133731.gif

【战斗系统】

- 魔咒 —— 战斗组合 -

微信图片_20210618133732.gif

微信图片_20210618133733.gif

微信图片_20210618133735.gif

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

- 战斗界面 -

微信图片_20210618133736.gif

- 召唤伙伴 -

微信图片_20210618133737.gif

【其他空间】

- 扫帚收藏 -

微信图片_20210618133739.gif

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

微信图片_20210618133740.gif

- 我的空间——魔杖图册 -

微信图片_20210618133741.gif

- 我的空间——衣帽间 -

微信图片_20210618133743.gif

微信图片_20210618133744.gif

- 猫头鹰空间 -

微信图片_20210618133745.gif

【商城】

- 热销商店 -

微信图片_20210618133747.gif

微信图片_20210618133748.gif

- 皮肤商城 -

微信图片_20210618133750.gif

【社交】

- 好友聊天、社区 -

微信图片_20210618133751.gif

微信图片_20210618133752.gif

- 添加好友 -

微信图片_20210618133754.gif

微信图片_20210618133755.gif

- 寝室管理 -

微信图片_20210618133757.gif

微信图片_20210618133758.gif

- 宿舍装扮 -

微信图片_20210618133759.gif

微信图片_20210618133801.gif

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


来源:GameTube
原文:https://mp.weixin.qq.com/s/fXE72pNgkBHDaMmLXjRAtw

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2024-12-22 11:29

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表