首页 理论教育 手机游戏UI设计流程阐述及优秀作品展示

手机游戏UI设计流程阐述及优秀作品展示

时间:2023-11-17 理论教育 版权反馈
【摘要】:游戏界面的风格通常由UI设计师,按照游戏美术之前根据世界观所做出的原画设定来进行创作。UI设计师要按照已有的原画风格去设计界面。搜集及分析类似游戏的UI设计。

手机游戏UI设计流程阐述及优秀作品展示

这部分并不是游戏界面开发的标准流程,而是针对教学开展而设置的手机游戏UI作业设计的流程,当然这样的流程也适合学生进行独立游戏的开发,学生们将按照此流程来进行分组或个人作业的开展。

1.确定游戏类型及需求

如前面所说,今天,手机的硬件水平已经强大到足以支持大多数类型的游戏。但现在并没有一种统一并简单有效分辨游戏之间区别的方法,游戏类型大致可以分为:动作、冒险、模拟、角色扮演、休闲和其他,他们各有几十种分支,形成了庞大的“游戏类型树”。

有效的方式是通过游戏的玩法、内容共同来定义出游戏的类型再逐步细化。如横版动作类游戏下面又细分横版跑酷、格斗、射击、GPG、竞速等,横版竞速下又细分飞行、越野等等,分类同时不妨多加借鉴与参考同类型游戏产品,甚至将不同游戏类型的玩法融合到同一款游戏中。

游戏类型的确定有三点作用:①决定游戏的技术上的特征和局限性。②划分玩家群体,锁定特定的玩家群体和需求。③为使同类型的玩家更容易上手掌握新的游戏,必须了解此类游戏界面设计的普遍规律和原则。

需求的定义是使用目标导向的设计方法,进行玩家、游戏环境、游戏方式的需求分析,即什么人(玩家的年龄、性别、教育程度、收入、生活形态、审美取向、色彩喜好等),在什么地点(家中、办公室、公共场所等),如何游戏(点击、手势、移动等),以此确定所要设计的游戏类型及需求。

2.设定游戏世界

游戏UI承载的不仅仅是单纯的内容(比如:界面框体、图标、游戏地图、背包、任务),它还需要传递游戏的基因,世界观。判定一款游戏UI的优劣首先要看界面视觉元素与游戏世界观是否贴切。

世界观在游戏中是普遍存在的。没有不存在世界观的游戏,只有和游戏世界观不匹配的元素。在一个游戏中,所有元素都应该是世界观的组成部分。在游戏设计之初,都会为游戏搭建一些规则,添加一些元素。比如游戏时代的设定,是古代、近代还是现代,游戏画面风格,是写实、唯美还是哥特式,游戏中的背景资料设定,包括游戏世界的政治经济文化宗教,还有人物造型设计甚至游戏中的色彩音乐等等,这一切都构成了游戏世界观的要素。(这部分简略介绍,详情请参看游戏设计相关教材)

构成一个完整的世界观的要素包括:

(1)世界的规则,这是支撑整个世界观的骨架。

就拿2014年最令人惊喜的手机游戏《纪念碑谷》来说,它借用了埃舍尔的矛盾空间元素,使用无灭点的透视将三维的空间二维化,只要看上去能连起来的路的表面就能行走,尽管这条路不可能存在于三维世界(利用视觉欺骗形成三维不可实现的构造);《纪念碑谷》和曾经的PSP游戏《无限回廊》世界观类似,都是利用视角的转换达到构造三维世界不可能存在的通路。

(2)世界背景

世界背景包括世界元素和背景故事。世界元素的设定,就是对创造的世界自然与人文的设定。自然即客观的存在,包括天文、地理、生物等世界的物质层面的构成。人文即文化性的存在,比如民俗语言建筑、服饰、甚至性格、行为动作等等。这些元素即是世界的直观表现。这也是世界背景最大的作用,如经常说到某某游戏的世界观是西方魔幻或是东方玄幻,这就是通过游戏中元素的视觉设计对其世界观做出的判断。

图四 圣保罗大教堂建筑外观及内部

图5 界面草图

(3)世界意识

世界意识是指这个世界的思想状态,如《英雄无敌》那样庞大的世界,每一个地域、城邦和族群都有它独立的思维方式,崇尚的人生和价值观念。这可以让一角色、一个族群更生动、更有存在感。

3.定义游戏及其UI美术风格(www.xing528.com)

游戏及其界面的美术风格由玩家的特征、游戏类型和游戏世界观共同决定。游戏界面的风格通常由UI设计师,按照游戏美术之前根据世界观所做出的原画设定来进行创作。UI设计师要按照已有的原画风格去设计界面。不同类型的游戏玩家、游戏类型和世界观造成了多变的游戏美术风格,这就要求UI设计师有扎实的造型、设计能力和应变的能力。

游戏类型决定了手机游戏的交互方式,如点击、手势、语音、重力等等。不同类型的游戏由于交互方式的不同,将导致界面有不同的布局和功能特征。游戏世界观则决定了游戏及其界面视觉表现的文化、审美和情感特征。

因此在确定了游戏类型之后,UI设计师要研究所设计的游戏类型及其界面的功能和特点,确定界面的布局;并通过对游戏的世界观的理解,根据游戏原画,挖掘其典型的视觉符号元素;在此基础上,确定游戏界面的风格,有针对性的展开设计。

4.确定规格参数

确定游戏的开发程序或引擎,以及游戏发布的手机系统平台,确定其相关的尺寸及参数。搜集及分析类似游戏的UI设计。

5.游戏UI概念设计及草图绘制

根据风格的定义和功能布局,进行界面草图的设计和推敲。类似概念绘画的设计手法,绘制出界面的基本雏形结构、造型特点等,在此步确认界面的基本表现元素和质感特点。除了视觉表现,同时要考虑界面视觉元素的交互性和功能,及界面之间的交互流程。

6.UI线框原型绘制

将确定的界面草图转化为UI线框原型,也可简单表现视觉元素的体感,及相互之间主要的空间层次关系。

7.视觉表现

将线框原型上色并加入材质细节等使其产品化,实现最初的设计目标及创意,并逐步深入完善设计方案。

上色要保证界面主体色彩在各种颜色环境下的通用性,可以收集原画中或参考的同类型游戏中尽量多的各种色调的游戏场景截图,在此基础上来制作出能适合大多数场景表现需求的界面基本色调。

为了界面效果表现的完整性,可以根据世界观及游戏风格的定义,基于游戏原画及概念设定,模拟并绘制几张游戏运行的画面(包括场景、角色和特效等)。

图六 《王者帝国》游戏UI

图七 《王者帝国》游戏UI

此外,游戏UI设计师的工作不仅仅在于平面视觉和Demo的表现力设计上,还会在产品的交互体验、动态视觉表现上有更多的发挥空间。

8.测试

将图片文件导入手机,这样在手机的图片库中全屏浏览,就可以基于手机的显示来检验界面元素的显示效果,着重于界面色彩的整体效果和造型中的细节、文字的清晰度,以及界面与场景之间的空间关系。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈