游戏界面中的字体,你了解几个?

游戏界面中的字体,你了解几个?

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

游戏界面中的字体在不同的地方有不同的要求和特点。

游戏界面涉及的文字可分为以下几类:标题、奖励、文字、特殊字体设计和游戏标志字体。

3.1 标题类

标题字体属于界面的增强信息部分。 考虑到文字内容的不确定性,大多数情况下使用程序字符,少数情况下使用艺术字符。

这类文字在界面中的作用是作为某块内容的标题。 它是整个界面视觉规划中某块信息内容的表头,是将玩家的视线引导到文字中的一条信息。 观点。 它类似于界面中图标的作用,都需要具有一定的视觉强度,同时传达必要的信息。 在这方面,文字标题相对于图标的优势在于它们可以传达更精确和抽象的信息。

因此,标题类的文字字体强调与界面整体风格的一致性。 我们在《字体与界面风格的搭配》中提到的字体与界面风格的匹配,主要体现在title类的字体选择上。 在大多数情况下,设计人员需要为标题文本选择一种字体,并在重构时考虑使用编程字体。 在少数情况下,需要为标题词制作艺术文字。 由于界面中规划了不同的方块,其视觉层次也不同。 因此,在游戏界面上,可能需要区分不同级别的标题词,并根据实际情况考虑使用不同类型的程序词。 还是艺术。

大多数标题的字体需要在整个界面设计语言体系中具有统一、通用的风格。 即使使用同一种字体,它们也有多种内容,并且会频繁出现,这是重构时使用程序字的最基本原因。 在特殊层面或特殊功能设计上,可以突破统一的美术风格和字体,为特殊标题词设计更丰富的艺术效果,使其成为艺术字。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

如上图《MU传奇》游戏的英雄界面中,黄色箭头所指的文字是一种标题词。 属于右侧英雄详情块的头部内容。 风格比其他文字更引人注目。 是典型的吸引玩家眼球的设计手法。 和下面的文字字体相比,它的字体属于衬线字体,很符合这款游戏的西方魔幻风格。

电大网站界面ui设计_ui界面ui设计_ui游戏界面设计

在上图《ASHEN》游戏的装备界面中,可以看到两层的标题设计。 标记为 A 的是第一级,它们具有更大的字体大小和更粗的字体。 标有 B 的是第二层,字体略小,但仍比下面的文字粗。 同时,在一些需要突出显示的文字信息上,通过改变文字的颜色,进一步表现出层次感。

电大网站界面ui设计_ui界面ui设计_ui游戏界面设计

如上图《黑色沙漠手游》的英雄详情界面,即使是韩文,我们依然可以准确判断出A处文字和B处文字扮演的不同角色。显然,A处文字是标题文本,而 B 处的文本是正文。 我们可以很快做出这种判断,正是因为设计师在这个界面的文字设计中,对标题词和正文做了很多不同的处理,比如标题的字号要大一些,还有简单的两侧有图形装饰,而正文的字号更小,颜色更常见。

3.2 文本类

与标题文字相比,正文文字是界面中更为常见、大量存在的一种文字信息。 这就要求它们必须具有很高的可读性,不要在大量排列时造成阅读负担。 为此,这类文本需要有一个相对较弱的主题。 因为一些设计感很强的字体,通常在笔画和字体装饰上都有特殊的设计。 这些设计和修改在文字量较小时能更好地传达字体和图形的设计感,但当文字量增加时,会给文字增加额外的图形“噪音”,造成阅读的繁琐感。 这也是很多非常有设计感的字体不适合正文的最根本原因。 从这点来看,游戏界面的文字字体和标题字体应该有不同的选择标准。 title class需要有主题,贴合游戏界面的设计风格ui游戏界面设计,body font这方面可以不用太在意。 当然,如果一个字体家族中的字体可以有主题(比如粗体)和可读性(比如细体),那么用同一种字体的不同字重来匹配界面中的标题和正文也未尝不可.

ui界面ui设计_ui游戏界面设计_电大网站界面ui设计

例如上图的游戏《圣歌》界面中,黄色箭头所指处,使用了同一字体家族中不同粗细的字体,分别作为标题和正文的字体。 这款字体的加粗字体比较具有装饰性,很符合这款游戏的科技风格。 但是相对于细字体,粗字体在小字号下的可读性不如细字体,即细字体在字数多、字号大的情况下,阅读体验要好于粗字体。小的。

ui界面ui设计_ui游戏界面设计_电大网站界面ui设计

如上图所示,在《地穴》(THE CRYPT)游戏中,标题和正文使用了相同的字体,甚至只用字体的大小来区分关卡。 这是因为这种无衬线字体的适应性强,在大字号上有很强的主题性,能起到配合游戏调性的作用。 当小字号排列多个字符时,由于其特殊的风格,看起来非常清爽。

3.3 奖励

顾名思义,奖励字体出现在游戏界面中,有奖励、升级和活动。 一方面,这些词的作用是提示界面的具体信息,属于界面的表头部分; 另一方面,它与界面的其他部分配合,营造出一种特殊的情境氛围,给用户带来愉悦和高价值的感受。 播放器。 因此,这些字体大多是具有丰富艺术风格的艺术字。 通常,还需要配合界面的动画和特效来烘托整个界面的气氛。

ui界面ui设计_ui游戏界面设计_电大网站界面ui设计

如上图《茶杯头》游戏结算界面中,“结果”二字与下方面板的字体不同,采用了较粗的字体,亮黄色的字体颜色和粗黑的硬边投影样式,除了呼应整个游戏的迪士尼卡通风格在 1930 年代,视觉上也非常明显。 下面板的字体是典型的衬线体字体,除了个别字体颜色外,没有特别的风格。

电大网站界面ui设计_ui界面ui设计_ui游戏界面设计

如上图《刺客信条:奥德赛》中的升级提示,虽然这里的“Level Up”字样使用了本游戏界面常见的黑色字体,但其颜色和美术风格与单机保持一致文字中的文字。 颜色字体有很大的不同,而且这种风格还结合了这里界面中的纹理样式效果,以及界面出来时的音效和动效。 与本游戏的其他界面相比,整体的视觉强度要强很多。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

在上面的《怒海之怒》的战斗开始提示界面中,我们几乎只能看到一些类似中国书法的鲜红色字体。 该界面完全由这些字体支持,营造出狂野而强大的战斗局面。 如下图,辅以这个界面出现时充满冲击力的动态变化,整个过渡充满了张力。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

下图所示的等级提升界面和下图所示的战斗结算界面是奖励字体在游戏《神都夜行录》中的具体体现。 作为具有中国文化背景的游戏,此类界面多采用行书或草书配以毛笔字体,表现出独特的氛围。 需要注意的是,这类有奖励的字体往往会设计界面元素,丰富界面细节,烘托整个氛围。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

ui界面ui设计_ui游戏界面设计_电大网站界面ui设计

3.4 特殊类

严格来说,这种字体不是界面的一部分,但它往往是特殊界面的一部分。 它们经常出现在活动和营销界面中,有时它们是整个活动图的一部分,因此与界面设计风格的相关性较小。 很多时候需要优先考虑活动内容的属性,但也需要在一定程度上匹配界面的设计风格。

如下图《疯狂动物城:梦幻日记》游戏中出现的活动分享图片中,使用了加粗的变体字体。 这款字体的细节是根据分享图片的主题和氛围设计的。 有一个带有多个硬斜面的比较图形设计。 很明显游戏评测,这种字体与游戏系统不符。 但即便如此,它们仍然有着与游戏整体界面设计相同的颜色和纹理设计。 这是一种表现形式,虽然字体因具体需要而有所不同,但整体风格仍然遵循整体风格化设计。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

如下图所示,《神都夜行录》中的一个活动弹窗,属于直接延续游戏中风格化设计的情况。 不仅整体界面设计与游戏系统保持了一致的风格设计,字体也一脉相承。 这是一个在不考虑具体要求的情况下,保持游戏系统美术风格一致的案例。

ui游戏界面设计_ui界面ui设计_电大网站界面ui设计

事实上,在大多数实际项目中,图片或活动页面出现的字体,尤其是标题的字体,不太可能遵循与系统中字体一致的原则。 主要原因是活动页面一般都需要一种特殊的氛围,而这种氛围通常是基于游戏整体基调的特殊活动氛围,与游戏本身的风格不是很相符。 这就导致了这样的图片或页面中使用的元素也与游戏系统界面中使用的元素不同。 这里面的字体自然会有很大的不同。

如下图所示,《跑跑卡丁车》手游活动页面出现的字体与游戏系统中的字体有很大区别。 基本上,相关的平面设计只会根据活动氛围的要求。 需要注意的是,就像我们之前提到的《疯狂动物城》的案例一样,虽然文字的字体设计很特别,但是在美术风格的细节上,比如配色、风格设计等,都保持了与原作的一致。游戏。 系统界面设计的一致性。 可以理解为“活动页面仍然是游戏整体外观的一部分”,只是因为需要临时满足一些特殊的功能需求,比如有特殊主题的活动,需要做不同的设计,但基本上仍然需要是游戏风格中不可或缺的一部分,不能随意脱离。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

ui游戏界面设计_ui界面ui设计_电大网站界面ui设计

在一些系统风格设计本身就比较特殊的游戏中,活动页的字体更能体现这种辩证的特点(主题小,需要与整体保持一致)。 如下三张图音乐音效,看《和平精英》游戏中的活动弹窗和系统中的“恭喜”弹窗,它们的标题文字字体非常相似。 虽然这个游戏在操作上和其他游戏一样,每隔一定时间就会出现不同的事件弹窗,但是在各种事件弹窗中,总是倾向于使用这种斜线图形,厚笔触,字体明快工整。 将这种(喜欢)字体与系统中使用的标题字体(“恭喜”弹窗)进行比较,可以发现它们有很大的相似之处。 这说明在这款“军旅”类游戏中,对力量、现代性等因素的强调会比较明确,而这些因素直接构成了明确的游戏风格范畴。 即使活动主题与这种风格相去甚远,活动弹窗的字体依然严格限制在游戏系统的风格中。 这样做的好处是,无论操作活动多么夸张离谱,都不会对这款严肃写实的游戏的美术风格造成大的偏差。

ui游戏界面设计_ui界面ui设计_电大网站界面ui设计

ui界面ui设计_ui游戏界面设计_电大网站界面ui设计

ui游戏界面设计_电大网站界面ui设计_ui界面ui设计

3.5 标志

作为游戏的品牌标识,游戏标识需要具有可识别性。 此外,还需要特殊的设计来突出游戏的艺术特色,甚至游戏特色。 文字是游戏标识中最重要的部分,玩家或观众很大程度上是通过标识来认识一款游戏的。 因此,游戏标识中的文字识别和字体设计的艺术特征需要有针对性地进行设计。 从几个例子中我们可以看出,字体设计对于突出游戏的风格有着重要的作用。

如下图《底特律变人》这款游戏的logo,以无衬线字体为主体。 标志整体分为上下两部分。 较粗的字体作为标志的主体部分,较细的字体以“副标题”的样式置于下方。 这种字体的特点是风格干净利落,易于识别,具有科技感。 再加上一些基于该字体的图形设计,比如横笔画上的向内开缝,字母“O”的图形设计:在游戏中被设计成机器人右太阳穴的指示灯,以及简单的渐变和发光设计等等。 这些设计特点和字体本身的调性告诉玩家,这是一款与科技、科幻等元素有很大关系的游戏。

电大网站界面ui设计_ui游戏界面设计_ui界面ui设计

在与武侠或古风相关的游戏标识设计中,使用书法字体的例子很多。

《梦幻山海》这款游戏的logo如下图,主体是粗大的书法。

其笔画刚健中带有一定的灵动性,字体看似随意但结构规整。 四个字的排列协调ui游戏界面设计,字体中还出现了“山”的篆书。

这些造型特点,既契合了《妄想》的游戏设定特点,又散发出浓浓的古国韵味,契合游戏的设定时代。 配合字体背层的水墨山云图形,整体氛围非常直观,让玩家感受到一种神秘而古老的游戏氛围。

电大网站界面ui设计_ui界面ui设计_ui游戏界面设计

一些带有特定色调的游戏标识会结合游戏本身的概念或玩法的特点,使用特定的类型来设计字体的主体部分,然后辅以相应的色调颜色和其他与游戏相关的元素来共同制作游戏标志。

比如下图中的游戏《Bit Bang》的logo,主体的角色是立体的正方形,角色笔画的转角通常是90度。

这种基本的样式特征立即将它们与其他游戏文本徽标区分开来。 这个特点其实就是“所有的怪物和BOSS都是由3D方块组成的,在玩家射击和战斗的过程中,怪物和BOSS会不断破碎掉落小方块,逐渐呈现出部分破坏的效果”。 直接反映出来

此外,还有结合游戏特色的设计,例如介于“大”与“爆”之间的“碎片化”元素、整体标识中间的飞行轨迹以及小飞机的“飞射”元素。

这些特点不仅体现了游戏的玩法和美术特色,而且具有非常高的辨识度。 如下两张图所示,纯轮廓版的logo依然保持了上述的设计特点,依然具有较高的可读性和辨识度。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

显然,游戏logo中字体的设计理念与游戏界面中出现的字体是一致的。 两者都需要在字形、质感等维度上贴合游戏的调性; 两者都需要用很多能体现游戏特色的美术元素来衬托。 不同的是,游戏标志的主体是字体设计,而这些字体往往需要专门设计来体现某一方面的特点。 比如要体现力量感,就需要字体的造型有速度和力量的图形表达。 有时游戏中的重要物品或道具,甚至部分人物形象都会被设计成logo字体。 不过,游戏界面中的字体更多的是游戏界面整体的重要元素,而不是界面的主体。 大多数时候,有必要使用(授权)字体和少数特殊字体。 字体设计。

下图中《街头霸王5》的标志设计是以文字“街头霸王Ⅴ”为主体设计的,其中“街头霸王”二字以居中的形式为整个标志做一个极具动感的标志放射状和头重脚轻的形态基调。 这种充满力量和冲击力的形式,再加上以文字形式设计的厚重肌理和红、黄的主色调,整个标志的色调凸显出一种充满力量和冲击力的力量和躁动。 这使得它非常接近这款横版格斗游戏的画风。

ui界面ui设计_ui游戏界面设计_电大网站界面ui设计

下图中“腾讯欢乐斗地主”的logo主要以汉字游戏名称为主,并使用了游戏中“斗地主”角色的帽子、桃形等具有代表性的游戏道具作为点缀或装饰元素。 文字的字体设计整体圆润圆润,有一些细节类似于中国传统的云纹设计。 从这些装饰元素和平面设计中,我们至少可以读出轻松随意、略带中国元素的信息。 该信息是该徽标旨在传达给我们的整体感觉的一部分。

ui界面ui设计_电大网站界面ui设计_ui游戏界面设计

作为游戏界面乃至游戏整体美术元素的一部分,字形和材质的设计对于整个游戏来说是非常重要的一环。 仅仅因为我们单独讨论它并不意味着它的独立存在是有意义的。 相反,界面的每一部分只有通过合理的结构和顺序,按照一定的方式设计组合才能实现。

电大网站界面ui设计_ui游戏界面设计_ui界面ui设计