游戏界面设计风格理论及方法研究

冷维思

摘要：蒸汽朋克风格是英国维多利亚时代工业革命背景下由于人们对于机械硬核美学的憧憬和热爱中产生，本文从蒸汽朋克风格的文化背景及艺术特征出发，通过对蒸汽朋克风格游戏界面设计进行研究，并对其具体艺术表现形式进行深入分析，分析其中蒸汽朋克风格的审美内涵及其运用方法，综合提炼出蒸汽朋克风格能够应用在游戏界面设计中的部分，结合具体游戏案例分析蒸汽朋克风格与游戏界面设计的可结合因素，并归纳二者结合的表现形式，阐明蒸汽朋克风格应用于游戏界面设计中的艺术价值，让蒸汽朋克风格为游戏界面设计提供有力的创意支撑，明确了蒸汽朋克风格是游戏界面设计中独特的艺术表现形式，展现出蒸汽朋克风格游戏界面设计的艺术性与趣味性。

关键词：蒸汽朋克风格 游戏界面设计 机械美学

电子游戏从20世纪60年代末开始，到现在电子游戏成为世界上最获利的娱乐产业之一，被称为“第九艺术”，改变了人类们对游戏方式和对游戏一词的定义。随着现如今科学技术的不断发展和进步，游戏行业也在不断地发展，并且游戏种类选择范围变得更多，游戏题材越来越丰富，游戏设定更吸引人，游戏画面更加精致，游戏交互逻辑更为友好，游戏玩法更加多样化等。伴随着人们审美水平的提高，对游戏界面的设计专业水平提出更高需求，如果想从当今众多精美的游戏中脱颖而出，就必须从游戏整体界面设计的实用性、艺术性等方面去不断进行完善。游戏界面作为向玩家传递信息，让玩家去了解游戏规则、内容的重要途径，发挥着不可或缺的作用，因此游戏界面设计尤为重要，值得去深入研究探索。

蒸汽朋克作为一种新兴的奇幻艺术风格，出现在二十世纪八十年代，近年来广泛应用在游戏、插画、服装、影视等艺术领域中，蒸汽朋克风格的艺术作品相继涌现，诞生了许多优秀的蒸汽朋克风格作品，复古的蒸汽朋克风格同样适用于游戏界面设计，因为游戏界面设计不仅要求在视觉上具有艺术性、美观性，还更加注重其背后的文化底蕴，蒸汽朋克风格是在英国维多利亚时代工业革命背景下产生的一种文化，维多利亚时代被称为是视觉元素最为丰富的年代之一，蒸汽朋克风格继承了维多利亚时代的文化背景，具有较为深刻的历史底蕴，在元素表现形式上呈现多样化。因此，在游戏界面设计中可以加入蒸汽朋克风格元素，蒸汽朋克风格多样化的艺术表现形式可以增强游戏视觉趣味性，烘托游戏的整体氛围，塑造复古风格人物形象，使得玩家充分体验到硬核机械的美感，领悟到蒸汽朋克的独特魅力，最终让玩家获得优质的游戏体验，所以蒸汽朋克风格在游戏界面设计中是一个重要的视觉元素。本文以蒸汽朋克风格为例，分析其在游戏界面设计中的具体设计方法。

一 蒸汽朋克风格文化背景及审美特征

蒸汽朋克是一个合成词，象征穿梭于历史与幻想之间有着独立风格的代名词，由蒸汽（steam）和朋克（punk）两个词构成。这两个词分别代表西方世界两大标志性时代，前者指的是“蒸汽时代”，即18世纪第一次工业革命时期，由于蒸汽机的出现，代替了传统的手工工具，成为了工业革命的内在动力。因此，蒸汽代表工业革命时期以蒸汽机作为动力的巨大机械，表示西方世界在物质领域掌握主宰。朋克一词起源于摇滚乐，继承了朋克挑战的精神以及创新的核心，代表西方世界在精神领域的自我批判和反省，这两个词既包含蒸汽朋克风格的怀旧情怀，还有其中叛逆的情感特征，蒸汽朋克风格作为一种跨界美学，怀旧情怀和叛逆情愫的强烈对比，成为蒸汽朋克风格的一大标志性特征。蒸汽朋克风格起源于科幻小说《差分机》，它是历史上第一部真正意义的蒸汽朋克风格小说，书中的差分机虽然在外观上有缺陷，但它所展示的夸张的机械形象设计、精密的内部结构是蒸汽朋克风格的造型基础，时至今天，已然成为一种独特的设计风格。

蒸汽朋克风格的第一个审美特征是夸张的机械造型，夸张之处指粗犷的、不加修饰的机械风格，因为蒸汽机作为蒸汽朋克风格世界的唯一能源，所以大多数都是以蒸汽机作为机械动力，而这种风格产生的根本原因源于人们对机械的痴迷，使得其已经超越了仅仅作为能源供应源的需求。蒸汽朋克风格的第二个审美特征是维多利亚时代的装饰元素的运用，维多利亚时代装饰元素来源于维多利亚时期英国的绅士文化，这一时期的绅士文化非常注重礼仪。蒸汽朋克风格背景下的人物造型设计借鉴了维多利亚时代绅士文化的装饰元素（如礼帽、怀表、拐棍等），女性服饰的装饰则吸纳了荷叶边、蝴蝶结、裙撑、蕾丝等元素。装饰风格还会运用不对称元素，以及强调不合常规却机械感十足的金属配件（如护目镜等）从而实现突破传统约束，在无形中契合了蒸汽朋克风格的审美特征。

二 蒸汽朋克风格在游戏界面设计中的应用方法

1.视觉中心点

“视觉中心点”这个词语一般出现在视觉艺术领域中，对于这个词有着两种不同的释义，一种是指在绘画艺术领域中一个视觉上的主题物，这个主体物一般最先被看到并且视觉注视率高，或者是视觉上所凝聚的焦点，也就是视觉兴趣点，如果没有“视觉中心点”，一幅画将会变得平淡无奇：“视觉中心点”的另一种释义是它是指人的视野落在平面中的中心点。无论在图标、界面还是其他艺术创作中，都会用到视觉中心点，即视觉凝聚的焦点，视觉中心点不一定在画面中央，通常是一幅画面中主要内容所在的位置，比如肖像画中的一张脸，房间中的一个人等，但一般是画面中主要内容的位置。在画面中会运用构图、元素、形状、颜色、虚实、透视等方式塑造视觉中心点。在游戏界面设计中，图标设计作为界面的组成部分，本身的功能性使其必须易于识别，因此设计视觉中心非常重要。靠近视觉中心点的地方图形设计显得更为复杂精细，还可以通过调整高光亮度和色彩明度的方式去塑造视觉中心点。图标设计中除了合理运用以上方法，还需要对打光进行设计，在图标中运用点光源比较多，因为点光源會使图标这个主体物在视觉上更加易于识别。点光源需要通过让光从物体受到光源直射的地方向周围慢慢进行衰减，来表现出光源衰减的效果。除了点光源之外，图标中也会用到平行光，但并不是所有风格都适合运用平行光，平行光只适合用于一些清新明快的游戏风格中，用平行光并不是没有视觉中心点，还可以通过对图标中块面、线条等其他方面的对比，从而塑造出视觉中心点。在游戏UI设计中，由于图标设计是界面设计中的一个重要的视觉元素，图标会引导玩家进入想要的界面，退出界面或者进行其他操作，这个过程中充分显示出图标的重要存在意义，因此图标本身的功能指代作用使得图标必须让人易于识别。在图标设计中也需要塑造出“视觉中心点”，只有这样图标的功能属性才不会被破坏。因此，图标中“视觉中心点”的塑造非常重要，通过对以上方法的熟练运用以及对于不同光源的设计和把握，会让图标这个看似不起眼的按钮发挥出最大效果，不仅是图标设计，游戏界面设计也会运用到塑造视觉中心点的方法。

2.图形化思维

图形在人们的生活中司空见惯，然而除了语言，人们可以通过图形来认识事物，可见图形的作用是不可忽视的。在图标必须向玩家传递有效的功能信息的前提下，游戏UI设计师在设计图标的过程中可以利用图形化思维去突破固有的思维方式，从而创作出简洁又美观的图标作品。

游戏的功能图标中图形化思维的应用非常多，功能图标是指拥有代意义且可进行功能标识的图形，它不仅是一种图形，更是一种标识，它具有高度浓缩、便于记忆、快速传递信息的特性。在设计功能图标的时候，一般保持简洁外轮廓的同时要对图标的“内形”（内在的图形、形状）进行反复设计，修改，这是图形化思维在图标设计中具体应用的重要环节。一般功能图标的设计大致分为两类：一类是具象类的图标设计，一类是抽象类的图标设计（抽象类的图标设计还可以细分为两种：一种是以线条为主要表现形式的线性图标，一种是用大块面来设计的块面图标）。

图形化思维的使用主要针对的是抽象类图标的设计，在设计中通过对图标内在形状的把握而达到不需要许多体积的塑造也可以创造出醒目的视觉效果的目的，但如果不通过大量塑造体积来达到视觉效果，就需要图标内在图形的设计更为精致、细腻，要对真实物件进行概括和简化，并且细节也要处理的很丰富。内在的图形设计还需要控制线条或块面的粗细、间距、大小等，注意它们之间的对比关系，从而将线条或块面设计得更精简好看，同时小细节的起伏转折也可以衬托大的块面的设计。除此之外，正负形之间的穿插也可应用到内形的设计中，通过对图标视觉中心点的位置增加一些正负形来丰富内在形状的设计。

总之，图形化思维是对客观事物重要特点的精准提炼和完美再现，它让功能图标更为简洁快速、目标明确地传达信息，图形化思维也是功能图标中创意表现的关键，图形化思维的养成有利于设计师打破思维定势，为设计者带来更多灵感和创意，创造出更多的可能性。

3.简洁的外轮廓

轮廓是指构成任何图形或物体边缘的线条，在绘画领域中可以称之为塑造对象的“外形”。在西方的绘画作品中，对外轮廓的处理极为精细，可以将形体的外轮廓理解成一个“狭窄的面”，外轮廓的虚实、软硬也是表现空间感的必要手段之一，轮廓线侧面反映出物体内部的结构穿插，而外轮廓也是由形体的内部结构所决定的。曾有研究表明比起复杂的轮廓线条，人眼首先会注意到的是简洁的轮廓线条，往往有时不需要对物体内部进行描绘，单凭正负形和轮廓线，人们就可以判断出这是什么形体，所以外轮廓的应用和对于物体内部体积的塑造，光影的表现和色彩的描绘同样重要。

在游戏图标设计中，繁杂的轮廓线反而会分散玩家的注意力，违背了图标简洁清晰的设计原则，图标设计中力求简洁的外轮廓，这样和内部复杂的“内形”也可以形成对比，不管多么复杂的图标设计，在外轮廓的表现上一定是简单而又明确的。另一方面来讲，人们会将抽象的概念具体化，通过图标设计中的艺术手法再现抽象概念的形象，从而将抽象概念凝结成图标。简洁的图标外轮廓设计也是为了保证图标的隐喻性，来提示人们提取出的抽象概念凝结成的图标的含义和功能，让玩家快速无阻碍地认识、理解图标的内涵，避免由于对图标的误解而产生的操作失误，提升图标的使用效率，增加玩家的游戏体验感。

4.统一的風格

在游戏中图标并不是作为单独的个体而存在，通常会由几个不同的图标组成一套图标，这注定要让一套图标形成一个统一的风格，而不是拼凑在一起不成套系的图标。虽然不同套系的图标之间视觉风格各不相同，但是一套图标必须有一个整体的视觉风格，统一的风格会从以下进几点进行分析：

（1）.图形风格的统一：为不同图标添加相同的图形元素可以实现图形风格的统一，例如一套图标的拐角是圆润的还是尖锐的，为一套图标添加统一的图形元素会让图形风格在视觉上形成联系，即便图标设计的是不同的事物也会因此呈现出整体的、统一的的视觉风格。另外还可以通过控制图形线条的粗细、长短等来增强图形的视觉统一性。

（2）.塑造方式的统一：统一的塑造方式是指一套图标中的造型设计、材质处理、光源方向等都需要保持一致，这是由界面的整体设计风格来决定的，如果界面需要设计成写实的风格，那么图标的塑造手法也需要在造型、色彩、材质上体现出写实风格的特点，对于其他风格的游戏图标也是如此。

（3）.色彩区间的统一：实现图标色彩区间的统一有两种方法：一是将图标本身的色彩完全统一，但这样设计会显得图标单调乏味，所以应用的较少。或者给一套图标赋予相同色彩的背景，这种方法经常被用于扁平化图标中，相同色彩背景的图标给人强烈的秩序感，会降低图标本身给玩家带来的视觉干扰。另一种方法是在一套图标里不同图标的颜色不一样的情况下，将色彩的跨度保持统一，需要确保每个图标的色彩在明度、纯度、饱和度三个维度保持一致，将一套图标的色彩调和在同一色彩跨度中。

（4）.透视角度的统一：游戏图标的透视角度一般不会设计的很夸张，通常情况下会在水平正视的角度进行绘制，这个角度也利于设计师去概括图标的图形，但也有一些图标需要一点透视角度，这种情况下要统一一套图标的透视角度，避免出现错乱的透视，也要规避一些非常规透视角度的图标设计。

（5）.图标尺寸的统一：图标之间的大小也需要统一规范，统一的尺寸让图标看起来更成套系，一般会将一套图标中的每个图标放在用圆形或方形框内，对它们的大小进行统一，如果没有框体来约束的时候，需要将每个图标放在等边矩形里绘制，让每个图标的尺寸大致相似。

（6）.复杂程度的统一：在以上几点都满足的情况下，让每个图标的制作或绘制程度保持一致，防止几个图标设计的很复杂，其他又看起来很简单的情况，在视觉上会显得不整体，游戏图标的这六点设计原则让图标统一的风格成为可能。

5.醒目的元素设计

每个游戏都具有自己不同的世界观和设定，因此图标中元素的设计也从侧面体现出整个游戏的风格特点。在游戏UI设计中，一般一个图标中的设计元素最多不超过3种，即便是一个图标中有几种设计元素也需要有主次之分，因为太多的元素会致使图标的识别性受到严重影响。醒目的元素设计不仅是为了满足图标功能性的需求，在视觉层面上也尤为重要，因为图标中醒目的元素设计不仅会和游戏的风格定位相匹配，而且图标中元素的风格需要和界面中元素的风格相一致，如果两者间的风格不同，会让游戏产生严重的拼凑感，降低游戏品质。如果两者间搭配合适的话，图标会和整个界面的风格相呼应，无形中会和界面融为一体。不管是什么风格的图标设计都需要对设计元素进行提炼，可以从客观事物中提取主干元素，然后在图标设计中再创造。

此面具图标的设计是典型的日本的和风风格，狐妖是日本传说中的妖怪之一，九尾狐玉藻前在日本神话中也非常有名，狐狸在日本被视为稻荷神，是人类和神之间的信使，这个图标便是根据现实中日本妖狐面具的形象来设计的。

对于图标元素的设计灵感的来源不仅是现实中的形象，对于小说中或者架空世界中的抽象概念进行二次设计也是重要的灵感源泉。

虽然蒸汽朋克是架空世界中的幻想风格，但这张图标却表现出蒸汽朋克风格的特点，图标中运用了齿轮等蒸汽朋克的设计元素，黄铜的颜色和复古的色调一起构成了这组特征明显的蒸汽朋克风格的图标。

左图是为美剧《权力的游戏》中设计的家族徽章，最中间、左下角、右下角的徽章分别是坦格利安家族、兰尼斯特家族和史塔克家族，这三大家族分别象征着龙、狮子、冰原狼。右側中间的玫瑰是象征着富裕的提利尔家族，鹿代表着拜拉席恩家族，徒利家族的徽章是下方的银色鳟鱼，最上三个图标分别代表鹰巢城的艾林家族，铁群岛的葛雷乔伊家族和阳戟城的马泰尔家族。

上图中的家族徽章之所以非常好识别、记忆都是由于其醒目的元素设计，在徽章中提炼出了最具有代表性的家族特征。游戏图标设计中也是如此，醒目的元素设计不管在图标的功能意义还是视觉层面中都具有意义和价值。

6.界面功能性

在游戏界面设计中，功能性作为满足游戏界面流畅使用的首要因素，决定了界面设计质量的高低，需要在满足功能性的前提下，追求界面的美观性，因为游戏界面会像玩家传递重要信息，玩家通过操作和游戏建立联系，在这个互动过程中，游戏界面需要具有一定的实用价值，并且能引导玩家和游戏之间形成良性交互，以此保障游戏界面的功能性。游戏界面的功能性具有以下几个特点：

（1）.实用性：首先界面作为联系玩家和游戏之间纽带，游戏通过界面向玩家传递游戏中的重要讯息，界面又将玩家的操作反馈给游戏，在这个相互沟通的过程中如果没有界面的存在，将无法实现这些功能，因此游戏界面具有一定的实用性。

（2）.引导性：界面功能性的第二个特点是引导性，对于一些玩家，一开始接触到的可能是游戏界面部分，而游戏界面设计可以让玩家进一步了解自己的游戏任务、解锁技能等，引导着玩家进行下一步的操作，最终实现玩家和游戏之间的良性交互。游戏功能性的实现需要界面的引导，如新手玩家对游戏理解不足的情况下，游戏界面中也会出现相应的引导界面，界面中一些操作提示、警示提示会去帮助玩家快速理解游戏的相关操作，指引玩家进行流畅的操作。在玩游戏的时候，也需要界面提示玩家任务注意事项、完成进度等，这个过程无形中提高了玩家的游戏体验感。

7.信息识别性

在游戏中玩家所需要获取的信息都会在游戏界面中显示出来，这要求界面要表达和传递的信息都能够被玩家清楚的识别出来，如果信息无法被玩家识别甚至被误解，那么界面的设计即是不完整的。

第一步，设计师必须整理界面要传达给玩家的信息，对界面中的主、次信息分别进行区分和排布，根据玩家对游戏的认知架构去简化信息，力求设计出简洁且没有多余信息的界面，将信息的视觉等级（主次关系）清晰呈现在玩家面前。

其次，虽然需要简化信息，但是信息的识别性要求界面设计中不要破坏一些公认的具有默认含义的符号和图形，因为这种图形符号本身就具有“可读性”。比如关闭符号、返回符号、音量符号、设置符号等，不需要对这些符号进行重新设计，有关这些符号的控件设计可根据不同的游戏风格进行调整，但也不需太过复杂，要将这些最重要的信息的层级突出出来，也会方便玩家的寻找和操作。

除了上述的具有默认含义的符号之外，游戏界面中还会用到“+”、“-”这种符号，“+”代表添加，“-”代表减去，这些符号都具有确切的指示意义，用其将文字信息符号化，可以代替文字来传递信息。

虽然游戏界面中的信息很多，但也要将界面中的信息进行科学的、合理的安排和布局，将界面中的信息分出主次（调整字体的大小、颜色，调整信息所占的区域比重等），可以把重要的信息安排在界面中视觉中心的位置，让玩家最大限度地掌握对自己有用的信息，提高对于游戏界面信息的可控性，避免杂乱无序的信息形成视觉干扰。最后可以通过设计折叠式、沉浸式、嵌套式的菜单层级，将画面中的次级信息在不需要的时候隐藏起来。

8.操作合理性

游戏界面是玩家与游戏之间沟通的媒介，也可以理解为一种操作方式，所以游戏界面设计的合理性是非常重要的。繁琐或者不人性化的操作流程都会让玩家对游戏本身丧失兴趣，玩家通过对界面的不同操作来了解游戏，只有将界面这个媒介设计的合理，才能增加玩家与游戏的之间粘合度，才能带给玩家良好的游戏体验感并且取得玩家的好感。

首先游戏界面设计一开始为了保证其操作的合理性，需要设计出界面的交互布局图，用单纯的图形表示出界面的大体布局，这个过程要把界面之间的逻辑关系整理清楚，也需要考虑到界面各元素布置的合理性（控件的位置，信息栏的间距等），图形和文字用黑白灰去设计，方便去观察界面的整体效果。根据不同的游戏类型交互布局会不一样，因为不同类型的游戏会有自己独特的操作模式，同时交互布局要和玩家的心理预期相符合，符合不同游戏界面的操作方式，例如一些战斗类游戏界面会用左手控制角色的方向，右手控制角色的技能施放。界面操作合理性还具有以下几个特点：

（1）.便捷性：便捷性需要考虑到玩家的操作习惯，它直接关系到玩家在游戏过程中体验感的流畅程度。便携性体现在一些细节上，例如每个界面都有返回主界面的按钮，这样会很大程度上方便玩家的操作，便捷性还要求游戏界面的层级设计必须合理，界面无需设计过多层级，如果一个操作需要连续点击四个不同层级的界面才可以完成，或者特效设计过多致使游戏操作出现卡顿的现象，这些都会降低游戏的便捷性。

（2）.流畅性：在设计游戏界面的时候保证玩家操作的流畅性是一开始需要考虑的问题，同时流畅性的提高也对便捷性有很大帮助，许多界面共同构成了游戏的交互环境，因此游戏界面的流畅性体现在界面之间的跳转是否连贯，界面之间逻辑顺序的布置是否合理这些地方，这都关系到游戏界面设计的流畅性。

（3）.一致性：对于游戏界面中一些相同功能的元素在交互设计上必须统一，如关闭按钮（居于界面右上角）、角色头像（居于界面左上角）在每张界面上都要处于统一的位置，在此基础上还要让同一交互功能的按钮的形状大小、操作方式保持一致，尽量不要打破玩家熟悉的交互习惯，让玩家在玩游戏的过程中对游戏产生亲切感、熟悉感。

9.主题一致性

不管什么类型的游戏界面从头至尾都要有一个主题贯穿其中，这和游戏所要展现的世界观是相符合的，这就需要协调游戏风格，以游戏世界观为基准将游戏风格进行规范统一，并且游戏的整體风格和细节设计也要统一。

首先，对游戏的设定进行详细的研究，将游戏定位在什么样的目标人群，不同年龄段的人们对于游戏界面的认知和操作的习惯都有所不同，因此在游戏界面操作的难易程度等设计上要以绝大多数人的认知范围和交互习惯为标准，除此之外，还需要对目标人群的审美偏好、文化背景等进行严格分析，对其信息资料进行整理，参考同类型游戏的界面交互布局和常用视觉元素的设计，然后设计出符合目标人群的游戏界面，这样游戏界面的主题就已经初步确定了。

其次，在确定游戏界面设计所针对的目标人群后，然后需要定义游戏的世界观，即定义此游戏的游戏类型（如解密类游戏、休闲类游戏、恐怖类游戏、少女类游戏等），明确了这些后再开始详细制作每张界面。在制作界面的过程中，游戏中的场景设计、人物原画和游戏图标与界面设计的主题都需要保持一致，并且要根据游戏类型和游戏的故事背景来设计，游戏的界面风格也要根据游戏场景和原画的设计来不断调整。

最后，主题一致性要求游戏界面中所有层级的界面风格都要统一，这样不仅符合游戏设定还在视觉上让玩家感到舒适。根据游戏主题的不同，游戏风格会和游戏主题相一致，从图形、文字、色彩等方面的表现都要和游戏世界观协调统一起来，如果有较大反差则会让玩家感觉脱离游戏氛围，造成对游戏的脱离感。

10.风格美观性

游戏界面的设计是一个追求平衡的过程，美观性指的是界面中的文字、图形和色彩三者的设计中体现出的界面的美感，图形、文字这些元素的排列组合会产生不同的视觉效果，三者之间搭配出和谐美观的效果，从中展现出界面的美观性。

（1）.文字之美：在游戏界面中不同的文字会给界面设计带来不一样的视觉效果，要依据信息的层级关系设计字体，包括字体的样式、字号、斜度、粗细等都会影响到界面的最终效果，字体的大小、颜色，位置的摆放都需要仔细斟酌，这会影响到玩家对游戏规则的识别和对游戏本身内容的解读。根据不同的游戏风格，对字体的设计也会不同，字体的选择合适与否会成为玩家决定试玩这款游戏的重要因素之一。

（2）.色彩之美：色彩是游戏界面中视觉元素的重要表现形式之一，游戏界面中色彩的设计不仅需要根据游戏风格来定位，还要结合玩家的审美习惯来设计。在具体的设计过程中，因为色彩的设计要将界面的空间关系体现出来，所以要将字体的颜色和底板以及背景的颜色加以区分，一般遵循深色底浅色字或者浅色底深色字的原则。其次，在界面设计中色彩的配色比例一般是6：3：1，6是主色所占比例，3是辅助色占的比例，1是点缀色占的比例，主色决定游戏界面的主色调，辅助色的作用是衬托界面中的主色，维持画面平衡，并且可以让界面颜色变得更有层次，点缀色一般使用主色或辅助色的互补色、对比色，因为主色和辅助色如果是同类色或邻近色，就需要辅助色来打破这个过于平稳的色调，让界面颜色变得更生动、丰富。点缀色一般用在界面中的重要按钮上，起到突出视觉效果的作用，让玩家更易辨识出重要的控件。

（3）.图形之美：图形是游戏界面中重要的视觉构成元素，色彩的表达需要图形作为依托和载体，图形设计无论在界面的绘制还是图标的制作中都是需要提前考虑的因素。从整体上讲，图形可以切割游戏界面，起到划分界面版式的作用，让游戏界面充满形式感，冲击力更强。从细节上看，精细的图形设计让游戏界面效果显得更为细腻。

11.元素统一性

玩家在一开始接触到一款游戏的时候，对游戏的主观感受很大程度来自于游戏界面中不同的视觉元素（文字、图形、色彩），由这些视觉元素共同构成了玩家的游戏视觉感受。在同一款游戏的界面中，各元素需要在视觉上保持和谐、统一、平衡，不同风格的游戏运用的视觉元素也各不相同。

下图是不同风格的确定按钮的样式，可以明显看出每一种风格所对应的按钮设计的样式是不同的，假如将中国风的游戏字体放在欧美风样式的按钮之上，势必会造成风格的不搭，在游戏界面中更是如此，每一种风格的视觉元素都要实现在图形、字体、色彩设计上搭配的统一，不会出现脱离游戏风格的元素，导致游戏风格的混乱。

12.细节趣味性

一款游戏界面的品质不只是在界面的整体效果中展现出来，还需在细节上体现界面的设计精度和趣味性。细节的趣味性也是彰显一款游戏个性和美丽的地方，是游戏界面设计发挥自己优势的领域。游戏界面中的细节趣味性主要体现在以下几个方面：

（1）拟物化设计：拟物化设计在近年来的游戏UI设计中越发流行，拟物化设计不仅在图标中被大量应用，在游戏界面中也是出现。例如下图的游戏《大航海之路》的界面，商城界面中充当底板的部分被设计成了货架的样式，这种设计方式打破来了传统平面式底板设计的呆板、无趣的视觉感受，主动寻求视觉上的突破并且让货架成为了游戏界面中的视觉中心，拟物化设计将游戏界面变得更生动形象，易于让玩家产生代入感，只要拟物化设计中视觉元素的应用和游戏整体风格相一致即可。

（2）打光的设计：不仅是图标，游戏界面中的打光设计也很重要。游戏界面中的打光可分为整体和局部两种，两种都需要把握光的衰减，但无论哪种方式都可以让游戏界面变得更有层次感、空间感。在整体统一光源下打光可以晕染游戏界面的氛围，为游戏界面增加更多色温变化，让游戏界面看起来不生硬。局部的打光可以为界面润色，突出界面视觉设计点等，和游戏的整体打光一样重要。

（3）装饰的设计：在游戏界面中装饰设计是突显游戏界面风格的部分，装饰设计可分为拟物和抽象两种。下图的游戏界面中运用的装饰元素：灯笼、花瓣等都并不多余，反而突出了古风类游戏界面柔美的感受，装饰的设计为游戏界面的风格服务，装饰元素的选择也要符合游戏主题和类型。

13.关联信息分组法

在进行游戏界面中文字等信息的排版时，都需要遵循信息分组的方法，它指的是将游戏界面中相关联的信息归纳在一起，将这些信息移动到相互靠近的位置，拉近彼此的物理位置，使其被视为一个视觉单元，不会在视觉上被认为是孤立存在的一部分，在游戏界面中还要注意同类信息尽量放在一起，不要跨区太多。假如信息间并无关联性，那么这些信息便不具备进行分组的条件，在物理位置上也不应该靠近，关联性的运用相当于对信息进行了分类，使得信息不管从界面视觉上还是信息理解上都变得很有条理，能够更加清楚得表达信息、传递信息，因此玩家可以迅速识别和记忆界面中的有效信息组，知晓信息具体从哪里开始，又到哪里结束。在一些新手设计师设计的游戏界面中，会将界面安排的很满，几乎没有任何留白，适当的留白会让界面看上去有更多的空间，不会显得太拥挤，但是如果一个游戏界面中没有留白和空间，反而会让玩家无法获取到游戏中的有效内容，信息分组法让界面空白部分变得更美观、更有条理。

根据信息分组法来理解上图游戏界面的排版，会发现相关信息的物理位置会离得较近，人眼至少会在界面中停留两次，分别是左边的信息组和右边的信息组，在视觉上人们会自动将距离近的信息归为一组，在遵循信息分组法的同时在界面中适当的留白，方便玩家对游戏信息的查找和辨认。

由图可见，根据信息分组法，攻击图标后面是人物的攻击数值，生命图标后面是人物的生命數值，由于攻击图标和攻击文字的物理位置很近，可以让人清晰辨认出哪些图标属于哪些信息。信息分组法并不意味着信息都要相互靠近，而是建立在某些信息之间存在关联性的基础上，并且在此基础上，有意识地控制信息间位置的疏密程度，让信息变得有组织、有条理，这才是分组法的本质。

14.视觉元素对比法

对比原则是增强游戏界面效果的重要途径之一，是在界面不同视觉元素中建立层次结构的有效办法。对比原则可以帮助游戏界面制造视觉焦点，达到吸引玩家注意力的目的，不仅如此，对比原则还可以组织界面信息，让界面中的信息层级清晰可见，在游戏界面中对比原则主要运用在大小、颜色和空间这几个方面。

下图界面中可见，中间的人物所占面积最大，在视觉上成为界面中的主体，可以看出在点击状态下人物的显示情况，游戏界面中不同的元素所占的空间不同，因此会形成对比，突出重点元素。一般情况下游戏界面中的空间不会平均分配，除了特殊情况下，例如PK界面等。空间分配的比例不同意味着元素的主次地位得不同。

除此之外，游戏界面中的颜色对比也用的较多，颜色对比用来突显重要信息，形成视觉引导。颜色对比手法在游戏Maguss中非常明显，在冷色的烘托下，暖色作为光效应用于界面中，让整个界面呈现出非常棒的效果。颜色对比也可用于界面的整体布局之中，下图中的游戏界面整体呈现出淡淡的灰冷色调，而开始游戏按钮则使用了暖色调，一下拉开的界面的空间关系，让最重要的一级控件突出出来，和界面中人物头像、商店按钮等暖色相呼应，让游戏界面显得非常舒服。

游戏界面中的大小对比主要是指文字、图形的大小对比，下图中不同的字体大小让游戏界面中主要和次要信息得以区分。

15.控制对齐间距法

控制对齐间距法可以分为两部分，对齐方法是在布局游戏界面的过程中必须遵循的重要一环，游戏界面中如果缺乏对齐会导致设计显得杂乱，合理地运用对齐方法可以制造出一个安静的空间，让设计的表达更清晰明了。对齐方法指的是画面中任何一个元素的位置都不可以随意摆放，每个元素的位置都要与界面上的某个内容之间存在视觉联系。如果界面中某些元素是对齐的，即便元素的物理位置是分开的，但是在视觉上，也会有一条看不见的线将他们彼此联系在一起，对齐原则使元素间即使没有紧密地排列在一起，人们也会将它们视为同一组。

如图中白线所示，这条看不见的对齐线很明确，为三组不同的元素提供了一个边界，这个边界让游戏界面的布局产生力度，不会让边界看起来是软的。在游戏界面中，对齐的种类可以分为左对齐，右对齐和中心对齐，需要注意的几点是：

（1）.不要切边对齐

（2）.不同层级的信息可以使用不同的对齐线

（3）.相关联的信息之间需要有内在的对齐线

如上图中左侧灰色框体和右侧灰色框体之间虽然没有用顶对齐或者底对齐的形式，但是两个框体区域使用了中心对齐，这条有着内在联系的对齐线让界面中整个空间的布局既不会显得空旷，更不会显得散乱。

间距方法即在游戏界面中，不同元素之间需要保持一定的距离，不需要将整个空间全部填满，而信息与边框之间的间距，也会成为展现视觉装饰效果的地方。

16.复杂又细致的机械结构

虽然很多时候蒸汽朋克风格的机械造型显得体积庞大，但是其结构却极尽复杂精细，例如一些具有明显蒸汽朋克风格的机械元素：活塞、旋钮、齿轮、管道、铆钉、轴承、阀门、飞艇、螺旋桨、蒸汽机等，这些元素通过不同的排列方式与机械造型一起呈现出整体又和谐的视觉效果，虽然元素复杂，但却并不杂乱，这要求对机械元素进行设计的时候要符合基本的设计原理和方法。在设计蒸汽朋克的机械造型时，也会从现实的机械设计中汲取灵感，学习其中机械设计的方法，在符合工程学的基础上，充分体现出机械造型设计的想象力和创造力。下图中蒸汽朋克风格的游戏图标设计足以体现出“精致”二字，除去偏写实的塑造方式的因素外，蒸汽朋克机械本身精密合理的结构设计也让复杂精致成为了蒸汽朋克的图标设计的魅力所在。蒸汽朋克中复杂精致的结构还体现在机械各部位的链接处，尽显机器美学中的精密之美。

17.古朴庞大的机械体量感

在现代焊接技术未发明之前，大量的金属结构的拼接都需要依靠铆钉来连接和固定，因此在蒸汽朋克的机械造型作品中不乏古朴巨大、造型古旧的形象，这和其精细复杂的结构形成了鲜明对比，而精细的造型结构又反衬出机械的体量感。虽然体积庞大但并不乏味，因为庞大身躯内内置的或者裸露在外的复杂结构（如纵横的管道、复杂的锯齿等）让蒸汽朋克的造型充满了艺术性和趣味性，庞大的身躯也是机械力量感的体现，在视觉上突出主体并且造成夸张的效果，这使得蒸汽朋克的机械造型既有外表上粗糙的金属美感，也拥有机械零件之间精密运作的复杂精细的美感。

18.繁复的机械装饰元素

蒸汽朋克时代的机械装饰繁琐又复杂，从侧面反映出维多利亚时代崇尚奢华的装饰风格，在游戏界面设计中会用这种装饰风格来表现蒸汽朋克的特点，传达出蒸汽朋克的设计理念。

（1）.齿轮叠加：齿轮是工业革命时期的产物，来源于差分机中齿轮的精细的组合、排列方式，是蒸汽朋克里最传统的设计元素，虽然与现如今的许多机械工具相比齿轮效率低下，但在工业文明初期，齿轮却是精密的动力传动零件。在机械设计中齿轮所代表的含义不仅仅是工业和机器，齿轮是逻辑关系清晰的机械工具，齿轮之间精密的咬合关系也代表着精细又严谨的机械设计和遵从理性秩序的美感。在游戏界面设计中，齿轮是体现蒸汽朋克风格的核心要素，经常在界面中被反复使用。如下图所示，通过对齿轮和齿轮间的大小、位置、穿插、叠加设计的把握和对画面中的点、线、面的元素进行再设计，将这个蒸汽朋克元素灵活应用于游戏界面中。游戏界面中将齿轮元素进行不同的排列组合，展现出机械所独有的紧密感和界面的空间层次感，图中作品还将齿轮和钟表结合起来设计，对镂空表盘中的齿轮元素进行拆解和组合。

（2）.管道拼接：除了齿轮元素，蒸汽朋克风格的另一特点是外裸的机械结构，这种装饰方式可以理解为为了凸显机械感，虽然现今看来这种机械结构会有些许落后，但在工业文明时期却代表着当时人们对于工业技術的崇拜和敬畏。机械内部结构裸露这种形式的出现，除去当时工业技术并不发达的客观原因，也归因于这种形式会让人们更有安全感，人们的本能会对可预知的部分充满自信，内部机械结构的暴露恰好满足了可确定性强这一点。如果用“曝光效应”（人们会偏好自己熟悉的事物）来解释，人们更倾向于把机械制作成人们便于理解的事物，让人们可以清楚地看到机械内部的工作过程，随着蒸汽朋克文化的发展，机械内部结构的裸露一直作为一种装饰元素流传了下来，内部的零件和结构反而成为一种蒸汽朋克所独有的装饰风格。在许多蒸汽朋克作品中可以看到，外裸的机械结构并不是将机械的所有结构暴露在外，只会露出一部分结构，这种形式反而让画面充满节奏感。

在游戏界面设计中，将裸露的机械结构这一元素进行提炼，形成了管道拼接的形式，管道拼接通常会作为游戏界面底板中的边框这一装饰元素出现，再配以蒸汽朋克的装饰元素，借此烘托游戏界面中蒸汽朋克风格的氛围。

19.低纯度的复古色调

提起蒸汽朋克不能忽视的一点就是其塑造出的复古怀旧的氛围，这和蒸汽朋克的复古风格关系密切。由于维多利亚时代新材料和新技术的发展，使得更多的物品摆件等装饰得以应用于蒸汽朋克风格，蒸汽朋克追求细节上的质感，这些物品摆件的粗糙质感会凸显出蒸汽朋克复古的气质，因此蒸汽朋克风格适合和一些破旧材质的小零件进行相互搭配，例如破旧的皮革、纽扣、纸张、罐子、粗麻布、黄铜管（不同于其他冷硬的金属材质，让人感到安心、温柔，是蒸汽朋克塑造复古色调的一大重要设计元素）等，不管是手工艺制品还是手绘插画等，都会用到这种形式。在蒸汽朋克题材的游戏中，也会用一些暖色调来烘托出复古的情调，仅仅依靠着破旧金属零件的小面积亮色来提升金属的整体明度，因此在色彩上让人感受到如同时间穿越般的怀旧感。在蒸汽朋克的世界里，复古怀旧这个主题是它的核心特点之一，正因如此，蒸汽朋克风格和赛博朋克以及一些其他的工业风格是不同的，虽有相同之处，但是内核却有很大差别，蒸汽朋克通过叛逆又夸张的表达方式来反映出它内在的核心价值：怀旧、浪漫、温暖。同时，蒸汽朋克风格的主色调一般是低纯度的，无不彰显其复古气息。纯度指的是色彩的鲜艳程度，一方面这个特点是由蒸汽朋克之前色彩设计的特征引申而来，另一方面，蒸汽朋克的色彩风格之所以用低纯度的颜色是因为借鉴了古典主义的塑造手法：酱油色调。低饱和度的颜色和蒸汽朋克要去塑造的怀旧氛围很是贴合，但这并不意味着蒸汽朋克的游戏界面作品中不可以用高饱和度的颜色，在塑造蒸汽朋克风格的金属的时候，为了塑造出其真实质感，可以人为的控制它们的色彩纯度。在游戏界面中可以用纯度稍高的暖色为界面打光，暖色光和蒸汽朋克温暖又怀旧的色彩风格相呼应，但也不乏用到冷色去打光的情况。

20.工业背景下重工业色彩

在工业革命背景下形成的蒸汽朋克风格无疑会沾染上重工业的色彩，蒸汽朋克的质感通过物体表面的颜色、材质、纹理等细节来展现，像在游戏《机械迷城》里随处可见的斑驳的金属物件，布满划痕的管道等。在下图的蒸汽朋克风格游戏《音符斗士》中，画面颜色以咖色为主，题头栏用了偏红的咖色，而最重要的音符则用的黑色，画面中的钢琴键盘一反现实中钢琴光滑的外表，而是将钢琴键盘塑造成类似纸张的质感，琴键比较宽，是为了配合蒸汽朋克有点笨重的设计风格。蒸汽朋克的机械和金属制品多以黄铜色为主，例如下图中的金属小人。蒸汽朋克风格偏爱黑色、咖色，这两个颜色可以作为蒸汽朋克的代表颜色。咖色让人容易联想到蒸汽朋克怀旧复古的情调，是蒸汽朋克的情绪基调最精准的体现，咖色也是代表着蒸汽朋克的机械美学的颜色，因为咖色是蒸汽朋克中破旧零件的金属色泽。黑色又神秘而稳重，两者的搭配将设计师想要由此传达的机械美学理念和想去塑造的浓厚氛围完美体现出来。

三 蒸汽朋克在游戏界面中的审美特征

1.硬核的机械美学

蒸汽朋克风格中机械美学的产生并非偶然，而是随着工业革命发展过程中的必然趋势，这个时期机器的出现和使用，打破了人们以往认知中对工业世界的理解，人们由对宗教的信仰转向对于机器的崇拜，时代造就的新的信仰在蒸汽朋克风格中得到印证。主观方面，人们认可机械，并且认为机械蕴含美感，想通过各种表现方式来展示机械蕴藏的美感，因此，蒸汽朋克风格的机械美学是精细雕琢的，其中蕴含着人们对于机械美感的追求，在它冷硬的外表下反而透露出粗朴又纯粹的美，这既符合人们对机械逻辑的理性认识，又契合了大众追求新奇的心理倾向。客观方面，蒸汽朋克风格的机械装饰看起是繁琐复杂的，这也是由于受到维多利亚时代古典主义的影响，人们探寻从繁琐的金属装饰中寻找视觉上的平衡点，以满足人们内心对于“丰富”的视觉表现的追求，在这个背景下的人们有着追求机器功能美和形式美的美学诉求，甚至是形式上的美感略大于功能上的美感。机械美学是蒸汽朋克风格中最为核心的审美特征。

2.后现代拼凑关学

维多利亚时代的艺术风格是复杂，并不是一种单一、统一的风格，这个艺术风格的过渡期为蒸汽朋克风格提供了可发挥的舞台。拼凑美学是后现代主义美学的重要特征之一，也是蒸汽朋克风格中的一种艺术表现手法，蒸汽朋克风格中的拼凑美学主要体现在：蒸汽朋克风格中的两种精神内核，一是怀旧，二是叛逆，两种看似没有关联的风格结合起来，形成蒸汽朋克风格的核心要义，但蒸汽朋克风格中怀旧的成分大于叛逆，一是因为维多利亚时代古典主义为蒸汽朋克風格发挥其怀旧精神提供养料，另一方面是由于机械本身的粗糙材质感，也会凸显蒸汽朋克风格怀旧的气质。蒸汽朋克风格主要借助朋克精神中的叛逆成分来达到自省的目的，唤起人们对科技的深度思考和对于非主流边缘文化的认知和理解，而不是单纯的反乌托邦式的叛逆，这也是源自于对维多利亚时期的科技乐观主义的继承。

四 蒸汽朋克在游戏界面中的应用发展前景

1.场景化的融入

伴随着蒸汽朋克风格的游戏UI设计的不断发展，使得蒸汽朋克元素也被应用于各类游戏之中，场景化的融入成为未来蒸汽朋克风格的游戏界面设计的一大趋势，因为这样可以让游戏界面融入场景设计之中，由此让玩家在游戏中产生更多代入感，在界面设计中，不仅是背景层可以进行场景化的设计，也可以将底板层的设计场景化，场景化融入游戏界面设计具有以下几个特点：

（1）空间上的纵深感：场景设计为游戏界面在空间维度上提供了另一个层次，丰富了游戏界面的维度，让界面变得更有纵深感，在一些古风类游戏的界面中经常会将屏风后的山水风景展现出来的，在增加了画面层次的同时也让游戏界面背景的层次变得更加丰富、耐看，在不打破游戏界面背景层层次和影响游戏功能性的前提下用空气透视的方法去塑造出场景式的游戏界面。

（2）角色更多沉浸感：从平面上看，游戏场景的设计元素和游戏界面的设计元素应保持一致，这样具有统一感设计有助于烘托游戏的气氛，通过弱化游戏界面底板部分的存在感，使它和场景融为一体，另外场景设计也可以用来传达的游戏世界观，游戏场景中的色调搭配、塑造方式、元素选择和一些细节都从侧面展现出游戏的各种设定，这些设计可让玩家获得更深层次的游戏沉浸感。

（3）丰富游戏故事性：普通的游戏界面设计通过让玩家阅读大量文字信息来获取游戏主线的剧情内容或者游戏玩法操作的相关信息，游戏中可以将场景设计搭配文字信息，通过场景的变换和文字的解说变相推进游戏主线剧情进度，避免让玩家阅读大量文字的途径来获取重要信息，场景设计让玩家更方便快捷去阅读和了解故事剧情，让枯燥的剧情和操作变得更有趣，无形中丰富了游戏的故事性，增强了玩家的体验感，而不是通过单纯的文字向玩家传递游戏中的重要信息。

2.游戏动效的设计

特效，指特殊的效果。游戏特效通常是指由电脑软件制作出的现实中一般不会出现的特殊效果。游戏特效具有很强的视觉冲击力，可以为游戏增加逼真性，让玩家自行带入到游戏的虚拟环境中，特效分为很多种，有场景特效、图标特效、角色特效等。游戏动效在特效的基础上运用AE等软件为游戏图标等增加动态效果，由于动效的多样性极大增加了游戏的可玩性，是游戏设计中不可缺少的一环。

游戏动效和游戏呈现出的风格密切相关，不同风格的游戏动效设计也会不同，有着各自基于游戏本身风格而设计的特点，在此基础上动效设计也需要注意和玩家之间的交互性。游戏中的场景动效包括游戏打光、场景细节设计等，角色的动效根据角色不同的职业等呈现不同效果，图标动效主要包括技能图标和结算图标等，游戏中技能基本分为水、火、风、电、土系，每种技能的动效根据游戏角色技能的特点来设计。在游戏中需要通过动效设计来展现游戏的个性，增加玩家对游戏的辨识度，彰显游戏独特的风格，游戏的动效可以和游戏声音特效结合起来设计，将现实世界的声音还原到游戏的虚拟世界中，增强玩家在游戏的过程中带来的冲击感，加强沉浸感，在视觉上和感官上给玩家带来双重的感官体验。