零基础游戏UI设计C2(游戏UI的构成元素)

---

图书信息：

---

C2 游戏UI的构成元素

2.1视觉元素

游戏UI通常包括游戏中的场景、按扭、图标、菜单、面板和标签等元素。

元素名	详细描述
色彩元素	游戏UI设计中，色彩主要由游戏的主题决定，带给玩家的第一感觉，传递信息、情感
图形元素	特点：直观、形象、生活感强、富有美感。用来充分表述游戏主题、氛围等。图形作为一种视觉形式，本身具有语言信息的表达特征。比如：三角形具有好斗的感觉，六角形给人平衡和灵活的感觉，圆形给人平静的感觉，正方形给人庄重、静止的感觉。
文字元素	强化玩家对游戏的视觉印象和引导。要合理。适当的应用文字，比如游戏LOGO和标题可以运用图形化的设计风格，保持与整个游戏风格相统一。

---

2.1.1图形元素设计

包括发挥装饰性功能的图案、图像和图标。

图形元素以“看”而非“读”为主，因此装饰性功能是其主要功能。比起文字，图形有更宽泛的信息传递。
图形风格是游戏主题的延伸，并在风格、色调上尽可能与游戏世界构成关联。

恰当的图形可以激发玩家的体验。比如：射击类和竞速类中的仪表界面，会模拟真实世界中的功能，以第一人称视角进行，等。

在设计文字界面时要留有足够的空间，这带来了不少难度。如果能将文字转换为图标，可以减少麻烦。尤其是策略类游戏，功能繁多，全部以文字说明则满屏文字，最好将功能配以图标。同时图标也可以降低玩家的记忆负担，这要求场景中图标风格一致，尽量减少图标中的细节设计，否则容易混淆。

2.1.2文字元素设计

文字是信息传递仅次于口语成为比图形更直接、更清晰、更准确的传播工具。

文字作用主要集中在两方面：

• 作为文字原始功能，传递信息和情感；
• 作为视觉图形的文字，减弱了信息传递功能，增强了文字字形的审美价值。

视觉图形形式：

使用简单图形对复杂游戏进行解释说明是困难的，此时文字便发挥了作用。但要注意，没有哪个游戏玩家喜欢在游戏中阅读大量文字，所以文字必须适量，简洁，字体大小、间距要保持文字的易读性。
除解释外，文字还作为提示媒介，只在玩家需要时显示。

作为视觉图形形式的文字，文字易读性和清晰性的重要性下降，更多起到渲染游戏气氛的作用。比如在竞速或格斗中，字体常被设计成撕裂效果，等等。

2.2动态控制元素设计

元素	要点
按扭元素	使用最多的交互设计元素。单选按扭只提供唯一选项，开和关。应该在动态效果上给予玩家提示，并可伴随适当音效。滑块按扭则运用在存在大量数值不可能为玩家提供每一个数值的按扭时。
进度条元素	为避免用户等待过程不耐烦，将进度条设计成各种有创意与美观的形态，需要注意风格要与游戏相统一。
滚动条元素	出现在屏幕空间有限且列表信息较多的情况，但选项的增多无疑会为玩家带来寻找上的不便。需要注意，通常仅为相应信息内容设计垂直滚动条，而不是水平，因为水平滚动条不便用户操作。(水平更适合翻页？)
列表选项元素	列表选项多以图形方式表现，例如道具选择、角色选择等，并且选项数量多于3个少于8个。移动平台多数为多点触控，为列表选项提供了便捷的方式。{在进行这种选择时，不会让所有选项同时出现在屏幕上，而是根据玩家选择交替出现。一般出现在屏幕上的选项数量都是奇数，目的是在视觉上为玩家提供一种平衡，给玩家一个视觉中心点，中心位置的选项通常会大一些，便于玩家选择。}(这段文字有点没搞清楚？感觉在实际中列表选项往往和滚动条相结合？)
文本输入元素	开始界面中出现在玩家角色自定义上，有两个目的：允许玩家自定义游戏角色特征；在追求分数记录的游戏中，排行榜上出现玩家名字为玩家创造成就感。；游戏中的文本输入则对需要即时沟通战术策略的团队玩家更加重要。

其他元素设计

元素	要点
视听元素	玩家置身游戏世界，游戏界面与游戏世界各大种元素联系越紧密自然，玩家就越着迷。
声音元素	音效作为一种“隐形”的界面形式，对玩家产生作用的主要表现出下图中的四个作用（见表格下图）
合理配色	色彩可以调节玩家的情感体验，同时也作为对玩家的一种信息反馈。暖色往往引起玩家警觉，冷色让玩家知道情况在掌控中。

表中对配色的举例是红色常常意味着冲突，绿色表明健康，用以说明配色的信息反馈。对此我认为需要结合场景本身的明暗综合考虑。

下图为声音元素四个作用：