【游戏UI理论知识】游戏界面设计,一定要掌握的8大风格!

频道:游戏专题 日期: 浏览:35

游戏界面,作为游戏产品关键构成部分,又被称作游戏图形用户界面。它是人和游戏软件间用于交换信息之中介,是一种以图形形式展现的信息表现方式。

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

游戏界面,在差异各异的硬件平台之上,被划分成种类不同的设计类型,举例来说,移动设备、家用游戏机以及个人计算机,鉴于各自硬件有着不同的操作方式,致使其游戏界面的设计呈现出各不相同的状况,而在同一平台里的不同软件环境之下,游戏界面的设计同样并非是全然无异的。

接下来,数艺君会向大家阐释几种处于游戏界面设计里,较为常用的设计风格 。

游戏界面的分类与特点

因存在众多硬件平台,且各个平台用户有着不同的游戏背景建构、游戏玩法,这致使游戏界面的设计方式以及设计风格呈现出多种多样的状况。当设计一款游戏的界面时,要明确其用户定位,还要明确其风格定位,以此来迎合市场需求。

1.按游戏背景划分

一款游戏所构建的游戏世界,这就是所谓的游戏背景。游戏所讲述的故事,因游戏背景建构的存在而具备合理性。游戏所呈现的画面,因游戏背景建构的存在而具备合理性。游戏所体现的人物和玩法,因游戏背景建构的存在而具备合理性。

市面上存在着诸多游戏风格,大概能够划分成五种。魔幻风格是其中之一,科技风格也是其中之一;东方风格同样属于其一,休闲风格还是其中之一;二次元风格亦是上述划分种类里的一种 。

魔幻风格

魔幻风格的游戏界面设计当中,融入了中世纪欧洲元素和幻想元素,像是盔甲,城堡,骑士,还有羊皮纸,哥特字体,除此以外还有魔法以及吸血鬼等元素,整体上致使人们产生奇幻的感受,要是细分的话存在厚重、扁平这样不同的类型。

游戏界面设计风格_游戏界面分类与特点_游戏专题页面设计

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

游戏界面设计风格_游戏界面分类与特点_游戏专题页面设计

厚重风格

游戏界面分类与特点_游戏专题页面设计_游戏界面设计风格

扁平风格

科技风格

设计带有高科技、未来感等元素的游戏时,常常会应用科技风格的游戏界面,细分下来有着不同类型,比如科幻类型爱游戏ayx官网登录入口,还有赛博朋克类型 。

这类风格的游戏界面设计是基于现实的,在具体设计当中融入了诸多超现实的元素,像是细密的线条,还有数据流,以及代码,另外还有荧光等,给予人新奇且有趣的感受。

游戏界面设计风格_游戏专题页面设计_游戏界面分类与特点

《风暴英雄》的战斗界面

游戏界面设计风格_游戏界面分类与特点_游戏专题页面设计

《王牌猎手》的主界面

游戏界面设计风格_游戏专题页面设计_游戏界面分类与特点

《圣歌》的战斗界面

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

老式显像管电视的纹理

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

舞台上的激光灯照射效果

游戏界面分类与特点_游戏界面设计风格_游戏专题页面设计

建筑蓝图

游戏界面分类与特点_游戏专题页面设计_游戏界面设计风格

昆虫复眼

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

集成电路板

服务器设备

东方风格

东方风格游戏界面细分后,存在中国风类型,存在和风类型,还存在中国式和风类型,这三种类型。并且,这些类型的界面有着一些共用的视觉元素,而且,伴随着不同地域行业的不同,有着完全不同的发展路径。

有些武侠单机游戏,像《侠客英雄传xp》、《轩辕剑叁外传:天之痕》等来着,有早期的中国风游戏界面呀。这些游戏它们的界面设计存在像素化的特点,运用一些边角花纹、面板底纹以及卷轴等元素,去着重凸显中国风的特性呢 。

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

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

伴随时间向前推进,中国风游戏界面于细节设计方面所呈现的效果愈发丰富起来,而且所运用的材质也变得更为繁杂,像木材、生铁这类材质 。

《仙剑奇侠传》(DOS版)战斗界面

网游时代开启以后吧,一批国产网络游戏出现了,这些游戏色彩呢,主要是以淡雅为特点的,颜色和质感之间的对比是比较强烈的,而且题材呈现出多样的状况,。

国产网络游戏里,常见的题材存在着这些,分别是金庸题材,三国题材,西游题材,创新IP题材,网络文学IP衍生出来的玄幻题材,还有部分经典文学衍生的魔幻题材等 。

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

游戏界面分类与特点_游戏专题页面设计_游戏界面设计风格

《梦幻西游》主场景界面

手游时代来临,这给武侠游戏市场带去了极为巨大的冲击,同时也将武侠游戏的品类以及市场规模全部都彻底释放了。

与此同时,专门针对手游的特殊操作环境,从针对界面设计风格这一方面而言,为手机游戏界面设计提出了新的要求。和传统游戏所处时代有所不同的是,在手游时代相应的武侠类游戏展开的界面设计都较为倾向于追求轻量化 。

游戏专题页面设计_游戏界面分类与特点_游戏界面设计风格

《大话西游手游版》聊天界面

游戏界面设计风格_游戏专题页面设计_游戏界面分类与特点

《大话西游手游版》地图弹窗界面

充满日本文化独特魅力的和风游戏界面,其特征极为显著,常常是一些存在悲观情绪、带有激愤之感以及洋溢热血氛围的题材 。

于具体设计里头,常见的元素包含炫光,包含水墨爱游戏app入口官网首页,包含3D以及书法字体等等,用以展现其质感以及一些特有的情感化效果。

游戏界面设计风格_游戏界面分类与特点_游戏专题页面设计

《街霸5》战斗界面

游戏专题页面设计_游戏界面分类与特点_游戏界面设计风格

《仁王》任务完成界面

具有中国式特色的和风游戏的界面制作设计,是于传统武侠风格的根基之上所开展的更进一步的演变发展,并且始终不断地吸纳外来文化元素,持续进行了一回又一回的创新创造。

有平直线条、动漫人物、折纸、樱花、日式建筑、木头、折扇、纸伞、卷轴以及云纹等,这些属于常见的元素,而且在这些元素被运用的过程中,大多都呈现出干净利落的效果 。

游戏界面设计风格_游戏专题页面设计_游戏界面分类与特点

《天下乂天下》主场景界面

《仙剑奇侠传幻璃镜》图鉴界面

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

《飞刀又见飞刀》图鉴界面

休闲风格

休闲风格游戏,主要面向的是低龄人群以及女性人群。而这种风格的游戏,其界面设计,大部分呈现出的,是偏向轻松以及可爱的特点。。

在平常日子里,我们也惯于把这类风格展现出的设计风格称作可爱风格,称作卡通风格,其中具体划分涵盖日韩卡通风格以及美式卡通风格或是Q萌风格。

那具有休闲风格的游戏界面,整体呈现出这样的情形,其色调明快,细节有着概括性,造型十分圆润,另外块面区分明显体现这样的设计特点,且给玩家带来轻松感受,给玩家带来愉悦感受,给玩家带来有趣感受 。

游戏界面设计风格_游戏专题页面设计_游戏界面分类与特点

《开心消消乐》网页版界面

游戏界面分类与特点_游戏界面设计风格_游戏专题页面设计

《LINE POP2》游戏界面

游戏界面分类与特点_游戏专题页面设计_游戏界面设计风格

《汤姆猫跑酷》游戏界面

人在视觉方面,对于某一类美术元素,存在着刻板印象,而这恰恰是特定的美术元素能够代表特定的情感化元素的根本缘由。这是特定的美术元素可以代表特定的情感化元素的根本原因。

情感化美术元素中可爱或卡通的那类产生了,恰恰跟人们对于“可爱”此情感因素产生紧密强关联的美术元素留存下的刻板印象存在关系。

二次元风格

二次元风格类游戏爱游戏app官方网站登录入口,是近些年来特别火的那一种游戏类别。就界面风格而言,它不存在严格意义上,更不存在单一维度上的定义 。

不论何种风格的游戏界面,它的实质都是给游戏要展现的内容来提供服务的,国内二次元所涵盖的内容,早已不限于日本这个原生国所提到的那些文化现象的了。

整合当下市面上多数二次元游戏的界面风格,我们能够从两个层面着手,以此来展开对这种风格全方位的深入了解,进而产生切实的认识。

换个角度来说,二次元乃是在广义框架下归属二维世界范畴的虚拟存在。从如此这般的意义层面来讲,所有运用二维作画方式的美术化呈现,或者是借助三维方式达成二维视觉风格的美术化表现,统统都能够被称作二次元风格。

从狭义的角度来讲,二次元风格单单指的是日式二次元为基础出现的中国化风格,这种风格是由日式二次元游戏在国内的代理情况,以及模仿日式二次元风格制成的国内游戏一起所构成的,是一个集合。

在实际进行的游戏界面设计工作里头,我们所提及到的二次元概念,多数情况指的是狭义概念范畴的二次元,也就是经过中国化处理的 ACG 。

动画英文名首字母被取来,漫画英文名首字母也被取来,游戏英文名首字母同样被取来,然后组成“ACG”这样一个名称 。

游戏专题页面设计_游戏界面分类与特点_游戏界面设计风格

展现二次元风格的游戏界面设计受到日式那类动画以及漫画的影响程度算是极高的,日式二次元游戏所具备的界面属于所有游戏当中相对比较特殊的某一种 。

二次元风格游戏有这些特点,日式漫画被复原了,偏好使用纯度高的颜色,不太讲究颜色的搭配,大面积运用细碎的花纹来装饰,有冲击力十足的界面打击动效,这里包含街机游戏界面设计特征,还有聒噪的游戏配音以及虚拟少女偶像 。

游戏界面分类与特点_游戏专题页面设计_游戏界面设计风格

《龙珠战士Z》战前队伍调整界面

游戏界面设计风格_游戏专题页面设计_游戏界面分类与特点

《龙珠战士Z》战斗界面

游戏界面设计风格_游戏专题页面设计_游戏界面分类与特点

《Lovelive!学园偶像祭》主界面

与此同时,于ACG风格方面,当下还衍生出了游戏界面设计,这种设计属于中国二次元风格。其具体风格的展现和日式二次元拥有相似之处,不过亦存在差异,主要的区别在于融入了中国风元素。

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

《阴阳师》主场景界面

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

《阴阳师》战前加载界面

游戏界面设计风格_游戏界面分类与特点_游戏专题页面设计

《Fate/Grand Order》卡牌强化界面

2.按美术风格划分

当前市场里出现的主流风格,大多是迭代之后才出现的新美术风格,其中涵盖了前面所提到的,饱含年代风格的其他美术风格。

若是针对这些游戏界面,依照美术风格这个维度予以划分,能够分成像素风格,还有水晶风格,以及写实风格再加上扁平风格。

像素风格

来源早期街机操作系统界面风格构成像素风格, 硬件性能提升后人们普遍弃用此风格, 转而采用更能增强技术与美术表现力的另一种风格, 然而直至当前,像素风格一直仍被留存,且被应用于部分游戏界面设计里 。

出现这样的情形,原因如下:其一,像素风格带有特定的年代感;其二,清晰的像素点能让像素风格对细节呈现出一种奇妙的表现效果;其三,像素风格之运用在硬件损耗方面是一种低成本且表现力较强的设计方式,故而会被诸多独立游戏团队选用。

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

《Eastward》游戏界面

水晶风格

水晶风格,和像素风格相同,是一种带有年代感的游戏界面设计风格。在硬件性能刚开始迅速地进步的时期,众多设计师在设计游戏界面时都着重质感的展示,又或者是人们对水晶质感有着天然的喜爱,这就致使在一段时期内水晶质感非常流行 。

跟像素风格雷同,水晶风格靠着特定的独特性,当下不但被留了下来,且演变成一种较流行的设计风格。之所以呈现这般状况,。

之所以如此,原因在于:其一,大多数人好像对亮晶晶的物体有着一种天生的偏好;其二,好多游戏的界面为了满足特定的质感需求,选定了水晶质感,通过这种方式来体现高贵的调性;其三,水晶质感对人的吸引这一特性会被用作界面中特殊位置的元素,借助此来达成引起用户关注的目的。

游戏专题页面设计_游戏界面分类与特点_游戏界面设计风格

《大航海时代》交易界面

写实风格

最常出现在游戏界面里的美术风格是写实风格,它的特点主要呈现为质感较重,形体展示是立体化的,材质表现具有多样性。

对于展现游戏特有的情感化氛围而言,这些特点起着极为关键的作用,所以,在诸如魔幻题材类游戏以及早期的中国风题材类游戏等,这类当中质感厚重且游戏背景建构繁杂的游戏里,运用这种风格来进行界面设计是再恰当不过的 。

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

魔幻题材游戏《炉石传说》写实化界面

游戏界面分类与特点_游戏专题页面设计_游戏界面设计风格

中国风题材游戏《大唐无双》写实化界面

扁平风格

说到扁平风格,它是一种设计风格,这种风格会舍弃掉所有的3D元素,像阴影、纹理以及透视等,扁平风格是继水晶质感之后流行起来的一种设计风格,它跟其他流行的设计元素相同,基本上都是源自印刷品以及传统艺术。

其设计特点有着简洁高效的特性,还富有现代感觉,一般会采用网格当作设计基础,字体被规范安排在这个网格框架中,插图被规范安排在这个网格框架中,照片被规范安排在这个网格框架中,标志也被规范安排在这个网格框架中,并且大量采用非衬线字体,满足了人们屏幕阅读的需求,成为目前比较流行的游戏界面设计风格中的一种。

具有扁平风格的游戏界面设计,整体展现出简洁的特性,在以科技感为题材的游戏里使用较为频繁,在以中国风为题材的游戏当中使用数量也不少,在二次元题材的游戏之内使用的情况同样存在,而在欧美游戏里面使用的程度更为突出。

出现这样的情况,原因在于,第一,不管是科技感题材的游戏,还是中国风题材的游戏,又或是二次元题材的游戏,它们所要展现的游戏背景构建都存在着一致性,第二,扁平化的游戏界面设计所针对的游戏玩家已步入对游戏内核体验的阶段,并非初级玩家针对游戏玩法内核以外内容体验的阶段。

游戏专题页面设计_游戏界面设计风格_游戏界面分类与特点

《混乱特工》任务界面

游戏专题页面设计_游戏界面分类与特点_游戏界面设计风格

《超级马里奥奥德赛》换装界面

网友留言(0)

评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。