【UI分享】手游捏脸系统的体验设计分析

随着科技的进步,游戏在全世界也可以算的上是飞速发展了。从最早的2D马赛克,到现在的电影级品质,游戏经历了无数次的革新换代。要说哪些革新对游戏来讲是具有跨时代意义的,别的不说,“捏脸系统”肯定能算上一个。

当前,游戏圈有一个趋势,那就是玩家对于自己角色有着很大的自定义范围,而且自定义功能也越来越完善,并且鼓励玩家自己创造游戏形象,因此出现了“游戏五分钟,捏脸两小时”的现象。为了防止用户刚进入游戏就流失掉,捏脸系统已经开始逐渐变为游戏的重要体验功能,其整个的用户体验设计也开始变得重要起来。下面,我们来看下一款优秀的捏脸系统是如何设计的:

目前大多数游戏的捏脸功能都比较复杂,如何让用户面对复杂的控件很长时间后,仍保持心理上的舒适度是重要的, 可以采用在捏脸背景界面加入动态粒子的方式,来减弱捏脸复杂多操作的焦虑感 ,而且还能缓解界面人物模型表情无变化时的僵硬感。

捏脸界面需要突出最核心的人物模型,其他的UI层级需要相对的弱化一些 ,在视觉上,界面两边UI框架可以采用无彩色设计,能减弱两边高密度的UI框架视重,来突出中间人物模型的表现力。

通常情况下左侧的UI交互层级是最复杂的,在此想要做的清晰易懂十分的困难,可以在图中看到,该界面左侧一级、二级、三级选中样式分别为内部填充型、外框圆线型、外框方线型, 3种选中样式差异化能让UI底板视觉较弱和3层UI结构很紧密的极端情况下,仍能保持层级分明 ,在其他游戏中是十分少见的。

在需要让用户聚焦到细节变化时,两侧的层级UI会影响用户的视觉聚焦,并且在特殊操作时会显得有些累赘, 因此像图中细节部位颜色选取的操作可以隐去其他UI布局,并进行人物模型放大,来减少其他UI框架带来的视觉压力 ,同时更能聚焦到操作所带来的变化,还能够增加体验沉浸感。

当然界面中有想要强调的功能时,需要与其他UI控件产生差异化来突出重要度,如图中, 功能“捏脸空间”入口在主色调深蓝色的基础上增加了紫色渐变,在视觉上十分的突出,同时用入口按钮视觉的丰富度,来表达进入后内容的丰富度 ,堪称巧妙。

捏脸时局部对应的操作提示很常见,但一些游戏中提示为白片状贴在脸上,看起来十分的粗糙简陋,而且白色贴片视觉上很难看出层次感, 因此可以让捏脸对应提示区域带有纹路效果,看起来会更有3D感,样式更符合脸部扫描认知,并且还会有一种AI人脸识别的特殊感受。

捏脸功能复杂又漫长,很容易让用户感到心理厌倦,所以在设计时需要让用户产生一定的情绪起伏,如图中看到, 嘴唇颜色选取的样式设计成了口红色盘的形式,更贴合女性玩家日常使用情景,并且颜色中带有妆效具有时尚潮流感 ,超出玩家心理预期。

最后,我们希望捏脸体验可以提升用户在游戏中的热情,就像捏脸这件事,本身也是享受游戏的一个环节一样。

| 【UI分享】令人兴奋的数据可视化

| 【UI分享】设计Seed与游戏交互设计

大侠,长按二维码保留联络点

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章