第1章

初识游戏界面设计

本章概述

游戏界面是游戏产品的重要组成部分，也被称为游戏图形用户界面。游戏界面是人和游戏软件之间交换信息的媒介，是一种图形化的信息表现形式。人通过这种直观易理解的图形来操作游戏软件，游戏软件则以同样的方式将自己的反馈传达给人。在不同硬件平台上的游戏界面被划分为不同的设计类型。例如，移动设备、家用游戏机和个人计算机由于各自硬件的操作方式不同，其游戏界面的设计也各不相同。在同一平台上的不同软件环境下，游戏界面的设计也不尽相同（如个人计算机平台的网页游戏和客户端游戏的界面设计）。本书要讲解的游戏界面设计知识大部分都是针对手机游戏的，同时涉及少量的个人计算机游戏和家用游戏机游戏。本章主要讲解游戏界面的一些基本知识。

本章要点

»游戏界面的分类与特点

»游戏界面设计师需要了解的常识

»关于做好游戏界面设计的一些建议

1.1　游戏界面的分类与特点

众多的硬件平台和各个平台用户不同的游戏背景建构、游戏玩法，使游戏界面的设计方式和设计风格多种多样。设计一款游戏的界面时，需要明确其用户和风格定位，以迎合市场需求。

1.1.1　按游戏背景划分

游戏背景指的是一款游戏所构建的游戏世界。游戏所讲述的故事、所呈现的画面，以及所体现的人物和玩法都因为游戏背景建构的存在才具备合理性。

市面上的游戏风格有很多，大致可以划分为5种，分别为魔幻风格、科技风格、东方风格、休闲风格和二次元风格。

提示

本书中关于游戏的类型划分相对比较简单。而实际上，每款游戏都并非只涉及一种题材。在游戏背景建构越来越复杂的当下，单纯依靠某个题材并不能完整地表现游戏的风格与特点，需要用多个题材综合表现。

☉魔幻风格

魔幻风格的游戏界面设计结合了中世纪欧洲和幻想的一些元素，如盔甲、城堡、骑士、羊皮纸、哥特字体、魔法、吸血鬼等，整体给人以奇幻的感受，细分下来有厚重、扁平等不同类型。

▲盔甲

▲城堡

▲厚重风格

▲扁平风格

☉科技风格

科技风格的游戏界面设计常应用在带有高科技、未来感等元素的游戏中，细分下来有科幻、赛博朋克等不同类型。该类风格的游戏界面设计以现实为基础，并在具体设计中融入了很多超现实的元素，如细密的线条、数据流、代码、荧光等，给人新奇、有趣的感受。

▲《风暴英雄》的战斗界面

▲《王牌猎手》的主界面

▲《圣歌》的战斗界面

而加入的这些超现实元素的灵感则来源于我们日常所见到的一些事物，如老式显像管电视的纹理、舞台上的激光灯照射效果、建筑蓝图、蜂巢、昆虫复眼、集成电路板及服务器设备等。

▲老式显像管电视的纹理

▲舞台上的激光灯照射效果

▲建筑蓝图

▲蜂巢

▲昆虫复眼

▲集成电路板

▲服务器设备

☉东方风格

东方风格的游戏界面细分下来有中国风、和风及中国式和风这3种类型。同时，这些类型的界面有着一些共用的视觉元素，并且伴随着不同地域行业的不同有着完全不同的发展路径。

早期的中国风游戏界面出现在一些武侠单机游戏中，如《侠客英雄传xp》《轩辕剑叁外传：天之痕》等。这些游戏的界面设计特点是像素化，并且常用一些边角花纹、面板底纹及卷轴等元素来强调中国风的特点。

▲《侠客英雄传xp》人物详情界面

▲《轩辕剑叁外传：天之痕》装备界面

随着时间的推移，中国风游戏界面在细节设计上的效果变得更加丰富了，并且运用的材质也更为复杂，如木材、生铁等材质。

▲《仙剑奇侠传》（DOS版）战斗界面

在网游时代开启之后，也出现了一批国产网络游戏，色彩以淡雅为主，颜色与质感的对比较强，且题材多样。常见的国产网络游戏题材有金庸题材、三国题材、西游题材、创新IP题材、网络文学IP衍生的玄幻题材，以及部分经典文学衍生的魔幻题材等。

▲《大话西游Online》剧情对话界面

▲《梦幻西游》主场景界面

手游时代的到来给武侠游戏市场造成了非常大的冲击，也彻底释放了武侠游戏的品类与市场规模。同时，从界面设计风格上来说，手游的特殊操作环境也对手机游戏界面设计提出了新的要求。与传统游戏时代不同的是，手游时代的武侠类游戏的界面设计都比较追求轻量化。