游戏UI设计中视觉艺术元素构成

摘要：随互联网以及电子游戏行业的飞速发展，游戏研发越来越重视游戏体验性（UE），而用户界面设计（UI）是其中最为直接的部分。游戏UI设计是游戏的重要卖点之一，优秀的UI设计可以带领玩家更好地进行游戏，良好的交互方式加深用户体验性，拉近游戏与玩家之间的距离。游戏UI设计中的视觉元素则起到吸引与引导的作用。

关键词：游戏；UI设计；视觉元素

游戏UI设计是建立在科学上的设计门类，其目的是满足玩家需求，降低玩家理解成本并使其对游戏留下深刻美好的印象。游戏UI涉及知识面广泛，综合了创造性、设计性、逻辑性以及美学性。游戏UI设计包含交互设计以及视觉界面设计，在游戏UI具备良好的交互性的同时，具备配套的视觉设计，可以促使交互更好被习得，也能使玩家拥有更好的游戏体验，使其愉悦。

1视觉艺术元素存在的意义

1.1增加易用性、好用性

游戏UI设计以用户为核心，尽可能便于操作，直接顺畅，同时尽可能直观呈现，简化内容的复杂程度。相对于文字对于精力的耗费性，贴近人认知的图标能减少用户思考时间和降低完成任务的难度，从色彩、形状、版式等方面突出页面层级的重点，将内容以最为直观的方式展现出来，引导玩家更好地在自然状态下进行交互操作，增加玩家控制感；同时，视觉元素也增加了游戏UI设计的趣味性，达到易用性与好用性的结合[1]。功能的易用性是游戏UI设计的首要因素，它决定着一个游戏的核心体验；艺术视觉元素决定游戏外在表现，能够有效提升游戏的整体市场价值。

1.2建立与玩家的情感联系

优秀的视觉艺术元素可以有效帮助玩家在游戏中拥有控制感。提供给玩家有效而具有情感倾向的反馈及帮助。例如手机MOBA类游戏《虚荣》，当玩家逃跑以后再次登录游戏，就会出现红色“逃兵”字体，警示玩家游戏在进行中不要轻易逃跑，以免影响队友的游戏体验性。再如手机休闲游戏《保卫萝卜》，当网络链接不可用时，出现萌化表情辅以文字对当前情况进行说明，让玩家能够知道问题所在，且更愿意尝试。其他大型网络游戏也会在玩家人物阵亡后给予积极反馈，有的画面会变为灰色，来提醒玩家已阵亡的事实及原因，并给予选项指引下一步该如何进行。具有感情情绪及倾向的视觉元素，更能让玩家感受到关爱，产生情绪共鸣，建立游戏与玩家之间的情感联系以及信任感。

1.3传递情感化人文关怀

游戏UI的视觉元素例如色彩、质感、图形比例节奏等的统一和谐带给玩家直观感受，触发玩家游戏情感。对于熟悉的或者感知过的事物，人的大脑更容易被唤醒，记忆的唤醒能更好地促使人产生认同感。因此，游戏的设计师会根据人的行为习惯、心理特征来进行视觉元素的设计。例如网络游戏《剑侠情缘3》中门派图标反复出现，通过潜移默化的方式进入玩家的记忆，让玩家能够对自己的门派产生认同感，并能对其他门派进行快速区分，在对战中可以进行针对性切磋。

2游戏UI设计中的视觉艺术元素

设计师个人审美素养影响其作品的高度与美学趣味，这也是设计师区别于策划等其他职业最为显著的特征，也是影响设计师在进行游戏UI视觉元素设计的关键所在。艺术源于生活而高于生活，审美情趣及创意可以在不断的实践与体验中不断丰富与提升的。就游戏UI而言，其视觉元素大致包含：色彩构成、平面构成、字体设计、体感质感等。

2.1色彩构成

色彩构成作为设计师必修课程之一，是通过科学方法对颜色进行分析，按照规律进行组合创新。游戏UI中的色彩是服务于游戏本身的，不仅需要具有美学意义，还需要促进游戏功能的展示及利用。

2.1.1影响玩家游戏体验性

相较于形态，人的感官在20秒内更注重色彩。给予玩家第一印象的并非游戏世界观、游戏内容，也并非页面版式布局，而是色彩的搭配呈现出的整体视觉观感。游戏界面色彩带给玩家的视觉体验往往直接影响玩家对一款游戏的直观感受。可以说，一款游戏、游戏UI设计是否能吸引玩家，色彩具有至关重要的作用。

2.1.2提现游戏内容及风格

色彩对于游戏世界观、风格有直接的把控和体现。休闲性质的游戏配色往往更为轻快、明丽、可爱，令玩家可以在轻松情境下进行游戏；如《黎明杀机》这类偏于恐怖性质的游戏，色彩更为沉暗，展现游戏内容、风格特色；科幻风格的游戏则配色更为未来，具有科技感，直白地向玩家传达游戏背景，例如《赛博朋克2077》。

2.1.3服务于游戏功能，引导交互操作

人的大脑会自动对信息进行加工分类，对于更为突出的部分默认为主体并加以关注。游戏UI设计通过色彩的明暗、艳丽与轮廓完整度，来暗示玩家主体部分存在，引导玩家进行预设的交互操作。在用色配色上，主调与辅助色相辅相成，互为区分，强调重点，减少玩家思考耗时。游戏UI界面设计的色彩通常根据游戏场景及人物来设定，服务于游戏的整体性。色彩本身具有其内在含义，能对人产生心理暗示作用，游戏想要传达的感受，可以通过游戏UI界面的色彩进行有效传达，柔和或强烈，轻松或紧张。本质上都是服务于游戏本身。

2.2平面构成

平面构成同样是设计师必备课程、现代造型概念要素，由点线面构成图形。图形是游戏UI设计中必需要素。它综合多领域诸如物理学、数学、心理学等的理念，形式包括矛盾空间、重复、集结、特异、肌理等[2]。

2.2.1装饰性与功能传达性

图形元素是美学的一种展示，增加游戏UI的美感，引发玩家使用的愉悦感受，同时它将图标、任务、说明性文字等与背景、人物区分开来，起到易用性作用[3]。心理学许多流派在研究人们的意识行为，其中格式塔解释了人们对图像的理解加工是如何通过视觉进行的。人类习惯通过经验将物体整合归类，因此图形大小、形状、排列、组合的方式不同，所传递的信息也不尽然相同，这些规则的运用可以直白地传达其功能用法、信息表达。《王者荣耀》主页中导航图标虽然形态不同，各自有其表意，但它们大小与排列相似，传递给玩家的信息是———它们为同级别导航功能。《虚荣》手游中工会信息栏，当玩家手指停留在工会成员的个人资料信息上时，成员资料所在整行将由单独矩形条将其隔离统一出来，令玩家能够高效读取信息。根据人大脑本能状态，会更关注大的图标，这一原则在游戏UI中的运用，则确定了视觉元素的基本层级关系，具有明确导向性，引导玩家做出选择。例如《英雄联盟》手游中的“play”按钮，在界面占据足够大的位置，突出了其重点性，迅速吸引玩家视觉及注意力，传达这一图标的功能性。

2.2.2传递情感

图形的不同形状所带的抽象感觉可对情感进行传达。例如在人的潜意识中，三角形与危险紧张有关联性；圆形与圆角传递可爱轻松的情绪；方形则更多具有强烈、安全。因此在休闲类游戏中，例如《保卫萝卜》《梦幻家园》《欢乐中》图形元素更多使用圆角类，传递轻松、愉悦的情绪，令玩家能够得到放松，感受到游戏传达的情感。而如《黎明杀机》偏于恐怖类型的游戏，在图形上更多使用三角形以传递紧张、危险的情绪氛围，更好地突出游戏风格。

2.3字体设计

字体设计是游戏UI设计的视觉要素之一，不仅负有传递信息的功能，还负有引发玩家情感的作用。

2.3.1传递信息

字体设计存在的主要目的是更好地传达信息，在追求视觉效果的同时，其结构必须清晰是最基本的要求。例如游戏中有武器及技能使用说明时，文字则起到解释，其目的在于精准传递游戏信息。

2.3.2传递情感

文字之间的节奏韵律感可以使文字设计富有活力与创造力。游戏UI设计中的logo、反馈、商城、活动横幅等很多地方都需要文字设计的支持。例如《英雄联盟》在比赛赛程、商品活动等中，字体通过变形扭曲的形势，起到宣传强调、传递紧迫感等作用，调动玩家情感与积极性。

2.4体感、质感

体感与质感是游戏UI设计中图标和物体的真实感再现。

2.4.1突出重点，指引交互

同图形原则一样，更为立体的、质感更强的通常被认为是主体，相对弱化的则是次重点或者背景。因此，当交互性按钮带有明显立体感在界面上得到突出时，玩家会直接理解这是可点击的控件，可对其进行操作。

2.4.2减少认知障碍

人们感知事物的真实属性，取决于人们对其的理解。例如，游戏商城中，价值更高的礼包其质感与体感明显优于价值略低的礼包，这可以从形态上进行区分和突出价值，同时也能说服玩家，减少玩家对不同礼包进行区分认知耗费的精力。不同物体的体感与质感的塑造，例如药水、装备，装备之中不同材质诸如铁质、木质，不同级别诸如粗糙、精致，体感与质感塑造得越好，越是能引发玩家得潜意识认知，从而迅速无障碍地确认物品的属性、珍贵的程度、获得的难易程度。

3总结

综上所述，色彩构成、平面构成、字体设计以及体感质感的表达，是构成游戏UI设计中不可或缺的视觉元素。这些视觉元素服务于游戏本身，从功能出发，结合美学、心理学等，确保玩家能够更好地进行交互操作，同时尽可能传递游戏情感，调动玩家的积极性，给予玩家愉悦的游戏体验，达到生理与心理的双重享受。

参考文献：

[1]（美）唐纳德•A•诺曼.设计心理学.情感化设计[M].北京：中信出版社，2015：21-22.

[2]陈洁茹.论手机游戏UI设计中视觉艺术元素的构成[J].艺术科技,2016,29(10):280.

[3]邓杰.游戏UI设计实战必修课[M].北京:人民邮电出版社,2016.

作者:张译予 单位:信阳学院