游戏开发论坛

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

[转载] 游戏也要靠脸吃饭?做好视觉设计,你不能忽视这些要素

[复制链接]

1万

主题

1万

帖子

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36572
发表于 2019-3-21 13:16:51 | 显示全部楼层 |阅读模式
如果说核心玩法是一款游戏的内涵,那视觉设计就是游戏的一张脸。好的设计能够吸引玩家第一眼的关注和持续的喜爱,纵观近年国内的比较火的游戏,它们之所以能够吸引玩家,精良的视觉设计是必不可少的。

如何定义风格?做出与游戏主题相贴合的视觉设计呢?本次网易游戏琳姐姐带来了她的分享:视觉主题设计中不可忽视的要素和设计方法。

一、定义风格

一个游戏界面风格的诞生不仅需要视觉设计师的创意,也需要视觉设计师在前期投入大量的精力去了解项目的背景,这样才能设计出一套符合游戏世界观与风格的界面,增加玩家的代入感与沉浸感。

首先,在开始一款游戏的视觉设计之前,不建议急匆匆地开始进行相关的设计,而要先进行相关的风格调研,了解游戏的类型、世界观以及美术风格。

1.jpg
定义风格

A.游戏类型

在设计一款界面的时候,首先需要了解这是什么类型的游戏。不同的游戏类型,所需要的界面内容是不同的,表现形式也是不同的,需要根据游戏的玩法来配合设计方便玩家操作的界面。

例如在游戏玩法分类中,有MMO,ARPG,MOBA,沙盒等多种。MMO的界面数量在游戏中会非常多,所以在设计的时候通常需要注意公共控件的易用性和延展性。在MOBA游戏类中界面数量较少,主要是在选择英雄及战斗HUD界面的板块做一个清晰地展示。以下列出的为常见的游戏类型:

RPG(Role-Playing Game)角色扮演游戏
ARPG(Action RPG)动作角色扮演游戏
SRPG(Simulation RPG)模拟角色扮演游戏
MMORPG大型多人在线角色扮演游戏就是我们常见的网络游戏了
AVG(Adventure Game)冒险游戏
AAVG(Action AVG)动作冒险游戏
ACT(Action)动作类游戏
STG(Shooting Game)射击游戏
FPS(First Person Shooting)第一人称射击游戏
FTG(Fighting Game)格斗游戏
SLG(Stategy Game)战略游戏
RTS(Real-Time Strategy Game)即时战略游戏
RAC/RCG(Racing Game)赛车类竞速游戏

2.jpg
游戏类型

B.世界观

1

每一个游戏都有自己独特的世界观。世界观是游戏中世界的样子,处于什么时期什么背景,生存规则等,在这个世界发生的一切是玩家会了解和经历的故事。世界观包括:世界架构、地图、阵营势力。英雄甚至是游戏道具等都会包含其中。

3.jpg
《第五人格》探索真相

4.jpg
《楚留香》月色下的盗圣

了解世界观,即了解的是世界背景、人物设定、数值力量均衡体系、主线故事。世界观的构架会让玩家在游戏中身临其境的感知,是引导玩家深入体验的前菜。

例如:《魔兽世界》的世界观是一个恢宏大气的长篇史诗故事,其丰富的剧情和角色背景故事的设定,让玩家在游戏中的情感切入非常深,甚至在生活中也分联盟和部落两大阵营。

C.美术风格

在了解游戏类型玩法及世界观故事后,大概的设计蓝图已经描绘完毕,下面就是进行美术风格结合统一的步骤。美术风格作为GUI视觉表现中最重要的环节,直接影响整体玩家对游戏的沉浸感及游戏的统一完整性体验。那么,我们来了解下目前游戏的美术风格都是从哪些维度来设计的。

1.游戏用户划分

不同的玩家对游戏的偏好是不同的,在硬核玩家类游戏中,美术风格设计会偏沉浸感,更多的是写实质感的风格。在休闲类玩家群体中,轻松明快的界面设计是他们的首选。

其次,男生与女生的审美也是不同的,在设计精准玩家群体的时候需要划分不同的风格。

5.jpg
男性玩家众多的《终结者2:审判日》

6.jpg
女性玩家众多的《阴阳师》

2.美术角色及场景的设定

在设计界面视觉的时候,需要参考角色的风格绘制,例如角色的造型设计色彩设计及质感设计,根据美术的特征提取核心的代表元素来进行创作。

例如《楚留香》中楚留香的角色为写实淡雅中国风,相搭配的界面也是同样的冷色国风系。

7.jpg
《楚留香》的角色风格/界面风格

8.jpg
《猎魂觉醒》的角色风格/界面风格

二、风格设计

为了更精准地设计出和美术风格匹配度高的界面,还要进行设计表达的创作。游戏界面的设计由色彩、造型、质感三点来构成。

A.色彩

色彩在游戏界面设计中,对游戏情绪的影响及引导体验上是最直观的。同时色彩可以提升游戏的品牌识别度,对于品牌推广非常重要。

通过既有美术风格特色提炼

例如《楚留香》色彩是月下朦胧水墨风格,通过提取色彩来确定主色地板和辅助引导色;

9.jpg
《楚留香》颜色提炼

通过色彩搭配表达性格

a)单色:单色配色方案的最佳之处,在于搭配一起是有保证的,因为颜色合适彼此,都来自于同一个色相。

10.jpg
《终结者2:审判日》单色界面

b)相似色:使用色轮中彼此相邻的颜色,比如红色和橙色、黄色,或者蓝色、绿色等。

11.jpg
《大话西游》相似色界面

c)分裂互补色:选取一个颜色后,在期互补色的两侧寻找辅色,可以搭配出更加有趣的效果。

12.jpg
《猫和老鼠》分裂互补色界面

B.造型

造型,是我们通过塑造物体的特有形象或创造可视的形象来表达想法和反映文化的方法。在游戏视觉设计中,造型总会需要重点、优先处理的。制作或处理材料,赋予其好的外观,不仅帮助玩家去理解他们的所见,也让玩家理解所见对于他们而言意味着什么。在游戏界面的设计中,合适有趣的造型可以给玩家极强的共鸣和认同感。

界面造型主要由点、线、面构成,而点、线、面的排列组合又能构成千变万化的造型,我们大脑在处理各种各样造型的同时,也在试图通过识别形状的外轮廓来确定其含义。而这些形状我们可以将其分为两种,几何形体和有机形体。

几何形体

形状的轮廓如果是有规律的,便可视为几何形体。几何形给人以非自然、人为创造的感受,所以在设计中如果大量应用几何形体,则无一例外会给人产生人造,或是产生精确感和经过分析的感觉。

13.jpg
《荒野行动》海外版界面通过面和线性的划分让整体造型沉稳厚重,适合此类军事题材的游戏风格表现

有机形体

有机形体则指那些没有规律的,复杂多样且千变万化的形状。这类形状的特点便是随机性较强,其传达给人的感受更为自然和真实。通过这些有机形体的使用可以让游戏界面有更强的现实感。

14.jpg
《第五人格》loading界面无规律多样化的裂痕用手随意擦拭的痕迹给人现实的感受

C.质感

游戏界面的质感是根据游戏美术风格相辅相成的。从扁平到重度写实风格,需要根据游戏环境决定。可以按下图的维度来进行划分:

15.jpg
游戏质感划分

16.jpg
《猎魂觉醒》写实扁平风格

17.jpg
《光明大陆》写实厚重质感

18.jpg
《永远的七日之都》扁平二次元

19.jpg
《猫和老鼠》Q版重质感

以上就是游戏视觉设计的重要因素。通过具有情感导向的色彩,符合游戏特点的造型及质感设计,打造出符合游戏美术风格的一款游戏界面。这些细节打磨出一个高品质的游戏,让玩家更轻松地体验到游戏的乐趣,这才是一个游戏设计者的乐趣。

来源:网易游戏学院
原地址:https://mp.weixin.qq.com/s/HshqTJZaRFGF6oZqoa9nXw

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

本版积分规则

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

GMT+8, 2024-4-25 23:20

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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