[平面UI] 《天谕》游戏UI设计分析

查看:4076 |回复:0 | 2021-2-9 13:23:03

您需要 登录 才可以下载或查看,没有账号?注册

x
本帖最后由 毒游搬运小行家 于 2021-2-9 13:27 编辑

《天谕》游戏UI设计分析
文/Jack艺术工作室

《天谕》端游在几年前也是惊艳过时光的存在,而《天谕》手游千呼万唤终于上线了,作为关注了很久的玩家发现这次上线以后天谕整体的玩法、节奏、UI都进行了很多迭代。在这种迭代中,我们可以看出一个游戏经过反复打磨的过程,也可以了解游戏设计师思路的变化。
手游在设计上整体以浅色背景板加金色描边为主,显得典雅精致。从之前的测试就看得出在追求高品质的表现。在信息表达上,更加清晰有逻辑层级更为分明;在设计品质上,更为精致化打磨;在设计目的上,追求无边框设计,更加配合自由大世界的定位追求沉浸感。

640

这里找出来一些当年的游戏直播留存下的画面,作为与之前的对比。

登陆

之前是陀螺仪+海平面,随着手机的移动,海平面会产生起伏,对应着《天谕》穿云入海的大世界。

640

正式上线:删去了画面中多余的元素,保持纯净的画面和云海中若隐若现的大鲲。随着时间的变换云海发生着变化,仿佛一切都随着时间进入了永恒。


创建角色

创角界面变化相当大,不过在2020年测试时已经开始有所变化,从正式上线的效果来看,开发组从来没有停下优化打磨的脚步。

之前测试:


上线版本:


变化1:增加了角色出现的CG让角色特性更加清晰的展现出来,也增加了游戏开场视觉表现力。将菜单布局从垂直列表变为弧形,让中间的角色有更多表现空间,同时让玩家视线更为汇集屏幕中间。

变化2:功能增加了,相应交互方式进行了修改。增加了每个职业的不同体型,让玩家有更多选择。

变化3:减少了对职业的文字描述,取而代之的是技能玫瑰图,让玩家更清楚每个职业的特点以及对每个职业两种形态都进行了表现。

变化4:小姐姐更性感了。。。(*/ω\*)

除了界面变化,本质的迭代原因应该是完成了更多职业、模式和体型的开发。

捏脸——预设脸

这样的变化看起来更像是创角策略的变化。
之前测试的流程允许不喜欢捏脸的玩家直接选择默认预设脸,输入名字即可进入游戏,一步完成。
但是正式上线将预设脸和起名变为了上下游操作,这样玩家必须经过多个环节才能完成创角。虽然看起来环节变多,但其实将玩家在一个界面中的操作分散到多个界面,增加了几步操作但是让每个步骤的信息更加明确。
此外可能还有个原因就是,正式上线后允许玩家一边捏脸一边下载游戏资源,因此一步完成全部创角,可能也还是要再等待一下游戏下载。

之前测试:


正式上线:


变化1:上测预设脸作为捏脸tab之一,可以在捏脸的过程中随时返回进行重新选择。

变化2:具体的预设脸选项作为列表规规矩矩放在界面右侧,而正式上线后,预设选项变的展示区域变大,表现力更强,减少了数量需要翻页。不过因为页数有限所以这个程度的操作还是可以接受的。

变化3:取名环节由之前的长期存在变为了下一环节。

捏脸

和前面预设脸一样,在捏脸和起名阶段也改为了上下游环节。只能在捏完脸之后,才可以进入起名操作完成创角。

之前测试:


正式上线:


在点击了【开启云垂】之后弹出起名界面:


变化1:无边框设计的胜利,将原本的底板改为了无边框设计,让角色有了更大的展现空间。

变化2:将三级tab取消,改为二级tab的内容,减少了层级和操作,让玩家更直接进行创作。

变化3:取名操作继续后移。

新手剧情

新手剧情变化不小,主要涉及编剧、场景、角色等方面,这里就不细细对比了(不过秀恩爱还是一如既往的,唉)。上线版本增加了万茜小姐姐的演唱LIVE。。。好看!


开发组彩蛋也做得越来越好玩了,既然让我在天空写字,那……好呀!


还有一些剧情中,嵌入了一些解谜小游戏。


主界面

主界面和上次测试相比,变化还是挺可见的。

之前测试:


上线版本:


变化1:主界面控件风格发生变化,之前有较多圆角和描边,更加偏向典雅。而上线后,去掉了许多圆弧描边和底板,使整体界面更为轻量化和现代感。

变化2:各处功能有调整。比如左上角个人信息,去掉了头像和名字,而在场景中间显示玩家名字。右上角地图改为圆形减少遮挡屏幕的大小。常驻主界面的操作调整了位置,如【交互】【挂机】【拍照】等等,行动相关的【飞行】【骑马】都放在了右侧,和左侧选择方向的操作不冲突了。

变化3:活动菜单改为半收起。上次测试颇为争议的一点是地图左侧的活动菜单栏为常驻收起,每当有新奖励时,红点是显示在收起箭头的。玩家需要先打开菜单,再点击相应入口进入活动领取奖励。此次上线,我们发现这里对活动入口进行了分类,一部分活动可以被收起,还有一部分高频活动被常驻留在了主界面上。

此外,对于游戏的通用菜单也进行了大刀阔斧的修改。位于地图下方的菜单入口点开以后,和大多数游戏相似,以列表形式将隐藏菜单栏展示出来。


正式上线的版本可见修改为了Metro风的入口,并在每个模块上显示图片和文字对相应功能进行说明。


战斗

操作模式没变,但是界面表现更加清晰,信息更为明确。

之前测试:


正式上线:


操作模式的三种选项没有变化,但是界面显示进行了一些修改。

变化1:表现窗口变为矩形,让画面表现得更为清晰。

变化2:减少了界面信息,将每种模式的说明文字化简为一句话。

战斗结算

战斗结算似乎没有太大变化,之前测试的时候感觉结算信息同时弹出,会带来屏幕信息显示过剩。这次上线版本依然是追求效率,并没有在这里进行太多调整。


系统和玩法

日常活动,用小风铃的形式非常可爱,配上音效感觉清风拂过,这个元素也一直保持到上线版本,而且背景的天气元素也被保留,只不过在原来的基础上,还是有少许优化,让这个设计显得更为精致。

之前测试:


正式上线:


变化1:功能有所调整,四个主要活动分类从【个人】【组队】【工会】【休闲】改为了【必做】【除魔】【对抗】【休闲】,更加突出了玩法的内容和性质,让玩家更容易选择。

变化2:右上角增加了【全部活动】课程表,玩家可以直接查看每周全部的活动时间。

变化3:风铃的标签更加整体和和谐,【参加】按钮更加突出方便识别。

二级玩法

副本入口,减少了信息层级。

之前进入副本以后,在三个难度等级之下,还有三个不同副本入口。这次修改了入口,进入玩法以后,只有难度选择。

之前测试:


正式上线:


系统设计——技能

似乎从策划层面就进行了不小的改变。

在界面方面,弱化了界面的底板分割,用信息的组织形式来进行区域区分,更为强调了无边框设计。这样的设计对设计师的考验更高。

之前测试:


正式上线:



系统设计——改造

改造这里很明显,将下一步操作放在了右下角,这样整体的视觉信息流就完成了从左到右、从上到下的布局。一方面右手更容易点击到【精炼】,另一方面玩家视线不用从左越过中间查看右边信息以后再回到中间点击操作。

上次测试:


正式上线:


其他的界面欣赏

当然其他还有许多界面,除了对原有界面的优化迭代,还有很多是新玩法新系统,设计的还是相当精致。

抽卡

以星盘为元素,转动进行抽卡。


冒险手册

一本手账,记录着冒险家的冒险生活。


背包


工具包


翻书


外观系统


交易行


探索线索


NPC出场


见闻


云垂大陆


委托玩法


境界


神格


名士录


游记


邮箱


成就



看完上面的界面,是不是想来个捏脸界面尝试下呢?

- The End -


评分

参与人数 1活跃度 +15 展开 理由
蒙薪忑哮虱 + 15 讲的很全面啊

查看全部评分

2021-2-9 13:23:03  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

UEUI平面设计界面用户体验交互
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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