游戏开发技术论坛

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

用轻奢的风格做底,《绝对演绎》如何做出统一的少女美术与视觉

[复制链接]

837

主题

837

帖子

1783

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1783
发表于 2022-1-25 11:00:58 | 显示全部楼层 |阅读模式
近期,网易开发的《绝对演绎》开始运营。这是一款以演艺圈为主背景的女性向手游,以一个18线小演员一步步成长为超级巨星的演绎生涯为主线,注重刻画了一个成长型的故事。

图片1.jpg

从玩法的体验来说,养成演员与偶像可能差别没那么明显,但在美术上,则会表现出比较大的表现分,以常见的换装与立绘,卡面为例。常见的偶像设计因为玩法与定位,更偏向于舞台风格,更突出元素混搭,服装的小细节有比较强装饰性。

图片2.jpg
图片3.jpg
上图《偶像大师》,下图《偶像梦幻祭》
无论中日,男性向还是女性向,都可以看出舞台武装很强的混搭设计
比如图1的欧式军装+热裤+过膝袜

演员在在表达风格上,笔者以为,更多强调的是一种场景还原,根据不同剧本扮演不同角色;所以风格上会出现这样2种特色:

1:风格多,剧本的类型从神魔到都市非常宽泛,可以延展出去的服装风格也多种多样。这里可以从游戏的卡面,立绘看出这种差别。

图片4.jpg
服饰设计的风格多少源自游戏剧本的种类与数量

图片5.jpg
因为演员与剧本的定位,卡面从都市女性,再到童话风,奇幻,神魔,古装等应有尽有
很多立绘的设计差异之大,甚至不像一个游戏

2:设计的来源更大,但元素的混搭却相对保守,唱跳偶像的元素是装饰性的,而演员服饰的元素是一体式的;因为卡面还原的是角色演戏的状态,要有一种演员贴合角色的感觉,所以也尽可能还原一种风格的特性,假如是中国风古装,就是非常纯粹的国风,不带太多现代设计。

图片6.jpg
图片7.jpg
同样带有一定的中国风元素,《绝对演绎》的国风更纯
《偶像梦幻祭》的国风更多是装饰性的,服饰的核心设计还是现代感很足

立绘设计各种类型都有涉及,看着风格丰富,却有有比较大的风险。那就是风格不容易统一在一个框架之呢,看着特别跳跃,拼凑感强,显得出戏。

图片8.jpg
传统唱跳偶像的风格无论怎么变化,那套适合舞台的设计基础都不会改变,
玩家一眼就能感知到它的舞台感,这点上《绝对演绎》就没有这个“核心”控制

但凡涉及到多种设计来源的游戏,比如《任天堂全明星大乱斗》这样的游戏,都需要团队以一个标准作为标准,把各种很不兼容的风格统一到一个明确的风格之下。《绝对演绎》找到了它想要的那种风,结合女主角面瘫的设定,游戏想在可爱的女性风之上,在整体的视觉上,提供一种大气,上档次,轻奢的味道,包括UI的设计上,都更加规整。相比较年轻跳脱,鲜艳的颜色,考量到不同设计元素的差异性,《绝对演绎》的颜色更加淡雅,取色范围更小,也更强调颜色的和谐感。

图片9.jpg
服装因为剧本的来源,设计千奇百怪,但色彩的控制却特别稳定

接下来,让我们从游戏的细节分析,对比,看看《绝对演绎》如何去做的。

《绝对演绎》美术上的统一策略

1:立绘的颜色搭配:

作为养成类手游的重中之重。角色立绘与卡面,照顾到女性向的定位,整体的配色偏向明快的亮面色为主,取色上,相比较其他同类游戏,《绝对演绎》却很少使用鲜艳的纯色系搭配,颜色灰色度会更高一点,颜色会更沉稳一点,其目的是保证颜色在第一眼的印象中,不会因为某种颜色的出挑而过分显眼,破坏整体的和谐。

图片10.jpg

与《偶像梦幻祭》对比可以看出,同样是整体偏明亮的图,《绝对演绎》的取色更灰,颜色更淡一些,《偶像梦幻祭》的取色侧偏纯色一些,对比度强烈,亮面颜色足够纯,鲜艳,暗面够深,更能突出主题,整体给人更有热情,青春的味道。

《绝对演绎》则色感没有那么强烈,但画面稳重,颜色较为统一,看着不会过于出挑,这对于服饰风格割裂特别明显的游戏而言,能够更加统一不同风格,维持整体的和谐。

同时,我们从取色的范围之中,也可以看出,游戏角色常见的服整体以邻近色和相近色的搭配为主。

同类色与近似色配色法,就是用同色系,相近颜色的不同深浅搭配组成,体现的是同种颜色下服饰的层次感,偶尔适当加入一些黑色白色的重型颜色点缀,更加突出一点高级感来。

图片11.jpg
图片12.jpg
剧本《续缘》面具与经纪人高伊同的立绘,算是比较明显的代表

相近色配色法,就是色环相隔60度的配色,以一种核心方向进行搭配,做出和谐感来,比如以暖色和冷色作为区分,假如一个立绘的核心颜色比较暖,那适当一些偏冷的颜色也要适当调整色感,还达到整体的和谐。

图片13.jpg
三张立绘除了颜色淡的共同特点以外,都符合一个主题色为核心的搭配方式
比如1图以黄色系为主色系,绿色外套,肤色,粉色头发,在颜色上都取色更暖一点

少用对比色做设计,也是为了让画面维持在和谐,舒服的氛围里,游戏不少卡面还喜欢用单一颜色作为服饰的基础,尤其喜欢黑色,也是因为黑色作为中性色比较百搭,并且带点色感偏向,比如偏绿,偏蓝,也不会给整体带来特别大的破坏。尽可能保证整体的和谐。

图片14.jpg

到这里,我们也能看到《绝对演绎》对于多种风格的人物设计,如何把控统一风格,一方面用更淡的颜色作为基础的取色范围,不使用特别鲜艳的配色。

在这个基础上,服饰的搭配颜色尽量不用对比度强烈的组合,而选取,单色,同色,邻近色等颜色相近的搭配,配合白色+黑色的中性色的大量使用,给相对有限的颜色的搭配,增添一些变化。

图片15.jpg
在发色,肤色,上衣都偏淡得情况下,黑裙子一加入,观感上便丰富多了
这种给整体淡色调得服饰搭配,加点黑色的组合,在游戏里非常常见

在人物方面颜色更加清淡的情况之下,为了形成颜色上的反差以烘托出人物主体,游戏的主色调则需要使用重色铺地。这点上,游戏选择了黑金配色作为主题色。

2:游戏的主色调搭配:

作为一部女性向的手游,《绝对演绎》的风格基调很不一样。作品以黑+金的搭配为主色调,包括各种宣传物料,海报,还有游戏的主界面UI也以黑金为主。这与常见的女性向游戏那种粉色系,还有偏淡水蓝的配色很不一样。

图片16.jpg
《绝对演绎》常见的宣传图,以黑+金的为主
图片17.jpg
图片18.jpg
图片19.jpg
图片20.jpg
从主界面的UI再到次级界面的黑色背景与金色按钮配色
黑+金的界面与UI组合占据了游戏大多配色基础

图片21.jpg
以《恋与制作人》的卡池界面对比,《绝对演绎》的配色还是很不同的

更喜用黑金作为基调,一方面,如前文所说,与角色的立绘息息相关。立绘不以常见对比度强烈,鲜艳的颜色为自己的风格,游戏以明度更高的颜色为主,弱化了对比色的影响。以求得不同风格在一个游戏里的统一性。而黑底的深色背景,也更能烘托出角色主题,把玩家的目光聚焦在角色之上。

图片22.jpg
立绘颜色淡雅,哪怕是偏重色的服饰配色,人物整体还是偏明亮
所以背景需要足够暗,才能把人物烘托出来

另一方面,黑金是一对强对比度的颜色组合,黑色的深,能烘托出更强烈的金色质感,同时不显得金色过于媚俗,是一种有奢华感的配色组合。多用于高端产品,同时也是各种晚会的常见配置,对于演艺圈为背景的游戏来说,不仅不显得突兀,还强化背景,更强化了设定。

图片23.jpg
黑+金的颜色配比,直观感受金色更加鲜艳

迎合配色风格,UI与动效做的努力

迎合整体色调清冷,奢华的味道,UI设计上,《绝对演绎》更强调一些扁平风的偏直角设计,作为大界面的基础,比如矩形,梯形,三角等,比较菱角分明的设计。

图片24.jpg

不过即便在追求和谐感与轻奢的气质,但作为一款女性向定位的游戏,还需要一些更圆润的元素作为补充、为了缓和大框架UI的直硬,割裂感,在关键的按钮,亮点【比如得分弹窗,化妆的镜子】这些地方,游戏会用圆形设计,做出缓和,这些圆形设计大多也用在突出角色,数值的地方,有更加突出关键点的效果。

图片25.jpg 图片26.jpg
游戏的UI基本维持在外方内圆的设计之中

除了稳重的设计之外,养成游戏也需要给予玩家一种带入感,这在UI设计上的体现主要在于物件化,把很多框框条条设计成手账,笔记本的形式,还有各种贴近现实的桌面,家具近景特写。

图片27.jpg 图片28.jpg

动效上,游戏的切换以两种为主要形式,都以强化临近感为主,1是三角形演变叠加设计展开的效果,这主要运用通知界面与信息流表达上,有一种模拟纸张从折线拆开的味道。不仅仅是三角形折叠,这种展开收纳的视觉逻辑还会用别的形式表达,比如直观的手账与书信形式展现,是贯穿整个游戏的方方面面,游戏最基础的视觉语言。

序列 01_17[00_00_00--00_00_20].gif
序列 01_19[00_00_00--00_00_20].gif
序列 01_20[00_00_00--00_00_20].gif
序列 01_21[00_00_00--00_00_20].gif
序列 01_22[00_00_00--00_00_20].gif
从大的界面通知,再到小区域的弹窗,折叠展开的逻辑都很明显
而来到直观的手账,信封表达,则把拆开收纳的逻辑做的更加直观

序列 01_23[00_00_00--00_00_20].gif
2是不同场景间,主次界面的切换之中,更喜欢突出推拉镜头切换的方式
让你有种从一地随着镜头进入另一个区域的感觉。

结语:

由于题材上的变化,牵一发而动全身,《绝对演绎》美术上做了很多改变,少见的轻奢配色做根基,依靠降低立绘,角色间的颜色纯度,不做过艳颜色搭配,不仅统一了整体,对比不少同类游戏,也做了一些个性出来。

在视觉感往大气,沉稳去走过后,UI与动效依然保证了养成类少女向游戏的圆润与代入感动效设计,甚至一些矩形,三角形的设计,也会在一些点击效果做出灿烂的光效作为补充,这种意料之外的细节,也让人感觉到惊喜。

序列 01_24[00_00_00--00_00_20].gif

而这种细微细节上的点缀也能照顾得到,把每一步都考量清楚,或许是游戏在角色风格多变得情况之下,还能找到统一路线,并把大部分方面做到完善得关键所在。

文/丸子
原文:https://mp.weixin.qq.com/s/RFAF8eouZEg336dD-69nLA

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

本版积分规则

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

GMT+8, 2022-5-26 15:26

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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