毛笔字入门先练隶书比较好。因为隶书的线条比较优美,对于运笔的要求不是很高,只需要运用一般的手力即可轻松写出一手好的隶书字体。隶书也是学习其他毛笔字体的重要基础,学会隶书之后,有利于进一步学习草书、行书等适合毛笔字书写的字体。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图1)

编者按 在游戏界面中字体设计的探究中,我们已经讨论过有关“界面重构的字体形式”,以及“字体与界面的风格搭配”两大课题。而今天,笔者将对“界面设计中字体类型划分”进行系统讲解。


作者:欧型兔

(本文内容由***“COTA五号”提供,转载请征得同意。文章仅为作者观点,不代表GWB立场)

毛笔字入门先练什么好?

毛笔字虽然不是很常用的书写工具,但却是大家都非常喜爱的一种书法书写工具,一副漂亮的毛笔字能够让人赏心悦目。

上期回顾(点击下方文字即可查看全文):从整体局面入手,探究游戏界面中的字体设计毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图3)

游戏界面中的字体,在不同的部分有不同的要求和特点。

 

游戏界面中涉及到的文字可以划分为以下几类:标题类、奖励类、正文类、特别的字体设计以及游戏的logo字体。

正是因为如此,不少人也喜欢写毛笔字。

毛笔字入门先练什么好?

但是对于学习哪一种字体很多人却有不同的观点,我是比较推荐入门先练隶书。

3.1 标题类

 

本身隶书就比较容易写,而且不会担心写错字,不让草书、行书那么快节奏,适合书法书写的这个要求。

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

毛笔字入门先练什么好?

在毛笔字练习过程当中,写隶书一般需要不少的时间,至少要经过一到两个月的练习,才能基本的掌握相关的要领,从而为下一步书法练习打下坚实的基础。

这类文字在界面中的作用是为某个区块的内容起到标题的作用,是整个界面的视觉规划中某个区块信息内容的抬头部分,是引领玩家视线进入到正文之前的一个信息点。它与界面中的图标功能比较类似,都需要具备一定的视觉强度,并同时传达必要的信息。就这一点来讲,文字标题优于图标的特点是可以传达更精确和抽象的信息。

毛笔字入门先练什么好?

对此你是怎么看的呢?请留言发表评论吧!想了解更多的精彩内容,敬请持续关注@教育放大镜!

因此,标题类的文字字体比较强调与界面整体风格的一致性,我们在“字体与界面风格搭配”部分中所说的字体与界面风格的搭配,主要就体现在标题类字体的选择上。大部分情况下,设计师需要为标题类文字选择一个字体,并在重构时考虑使用程序字。少数情况下需要为标题字制作美术字。由于界面中会被规划出不同的区块,它们的视觉层级也有所不同,因此一个游戏内的界面上,有可能需要区分出不同层级的标题字,在不同类型上因应实际情况考虑使用程序字还是美术字。

大部分的标题类文字的字体需要在整个界面设计语言体系内拥有统一普适的风格。即使用同一种字体,它们有多种内容,也会频繁出现,这是重构时使用程序字的最基本原因。在特别的层级上,或者特别的功能设计上,可以突破统一的美术样式与字体,为特殊的标题字设计更丰富的美术效果,并制作成美术字。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图7)

如上图所示的游戏《MU Legend》的英雄界面中,黄色箭头所指的文字就是一种标题字。它就属于右边的英雄详情区块的抬头内容,样式比其他的文字都要醒目一些,是一种典型的吸引玩家视线的设计方式。与它下方的正文字体相比,它的字体属于符合这款游戏西式魔幻风格的一种衬线字体。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图8)

如上图所示的游戏《ASHEN》的装备界面里,可以看到两个层级的标题字设计。标识为A的是第一个层级,它们有更大的字号,更粗的字型。标识为B的是第二层级,有稍微较小的字号但字型依然比下方正文字体要粗。同时,在一些需要突出的文字信息上,通过改变文字的颜色来进一步表现出这种层级错落。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图9)

如上图所示的《黑色沙漠手游》的英雄详情界面,即便是韩文,我们依然可以准确的判断出A处的文字和B的文字所起到的不同作用。显而易见的,A处的文字是标题类文字,而B处为正文文字。我们可以迅速做出这种判断,正是因为设计师在这处界面中的文字设计上,对标题字和正文字做了很多不同的处理,如标题的字号要更大,两边也有简单的图形修饰,而正文字体则字号较小,颜色也较为普通。

3.2 正文类

相较于标题类文字,正文类的文字是一种比较普遍、大量存在于界面内的文字信息。这就要求它们必须有很强的可读性,在大量排布时不要造成阅读上的负担。要做到这一点,就需要这类文字有比较弱的主题性。因为一些设计感比较强的字体通常会有笔画上的特别设计以及字型上的修饰。这些设计与修饰在文字量较少时能比较好的传达字型图形上的设计感,但文字量增多以后,它们为文字增加额外的图形“噪音”,从而造成阅读上的累赘感。这也是很多非常有设计感的字体不适用于正文字体的最根本原因。从这一点来讲,游戏界面内的正文类字体与标题类的字体应有不同的选择标准。标题类需要主题性,贴合游戏界面的设计风格,而正文字体则可以少考虑这方面的因素。当然,如果一个字体族中的字体分别可以具备主题性(如粗体)和阅读性(如细体),使用同一套字体的不同字重来搭配界面中的标题字和正文字也未尝不可。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图10)

比如,上图所示的游戏《圣歌》界面里,黄色箭头所指的地方,就是用同一字体族的不同字重字体来分别担当标题类和正文类字体。这款字体的粗体相较而言有比较强的装饰性,吻合这款游戏科技感的风格。但相对细体,粗体在这里没有细体字在小号时的阅读性强,即细体在文字数量多,字号较小时比粗体有更好的阅读体验。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图11)

如上图所示的游戏《议会》(THE CRYPT)中,就在标题类和正文类的文字上使用了同一款字体,它们甚至只使用字号的大小来进行层级上的区分。这是因为这款无衬线字具有很强的适应性,在大字号时具备很强的主题性,能起到吻合游戏调性的作用。小字号多文字排布时又因为它特别的风格而显得很清爽。

3.3 奖励类

顾名思义,奖励类的字体出现在游戏界面中具备奖励、升级以及活动类的部分。这些文字的作用一方面是提示该界面的具体信息,属于界面的抬头部分;另一方面则是配合界面中的其他部分,一起提供一种特别的情境氛围,将喜悦、高价值的感受提供给玩家。因此这类字体大都是有着很丰富美术样式的美术字。通常还需要配合界面的动效和特效来一起提升整个界面的氛围感受。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图12)

如上图所示的游戏《茶杯头》的结算界面里,“the results”字样就区别于下方面板中的字体,使用较粗的字型,亮黄色的字色以及粗厚的黑色硬边投影样式,除了可以呼应整个游戏30年代迪斯尼卡通风格以外,还在视觉上非常明显。下方面板中的字体则是典型的衬线体正文类字体,除了个别的字色不同外,并没有特别的样式。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图13)

如上图所示的《刺客信条:奥德赛》中的升级提示,这里的“Level Up”字样虽然用了这款游戏界面内常见的一种黑体,但它的颜色和美术样式都与正文中的单色字体有很大的不同,而且这种样式还结合此处界面中的纹理样式效果,还有界面出场时搭配的音效和动效,相比这款游戏的其他界面,整体观感强度要强很多。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图14)

而在上图的《怒海战记》战斗开启提示界面中,我们几乎只能看到几个具有鲜红色彩的,类似中文毛笔字的字体。这个界面完全由这几个字体支撑,烘托了一种狂放不羁,富有力量感的战斗情境。如下图所示,辅以这个界面出场时充满冲击力的动态变化,使这整个转场充满张力。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图15)

下图所示的等级提升界面与下下图中所示的战斗结算界面,则是游戏《神都夜行录》中奖励类字体的具体表现形式。作为中国文化背景的游戏,这种类型的界面上往往都会用毛笔字体的行书或草书去表现特有的氛围。应注意到,这种奖励性字体,往往都有搭配界面元素去进行设计,以使得烘托起整个氛围的界面细节更加丰富。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图16)

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图17)

3.4 特别类

这种字体严格的来说不属于界面的一部分,但很多时候是一种特别的界面的组成部分。它们常出现在活动类和营销类的界面中,有时候是整个活动图的一部分,因此和界面设计风格的相关性比较低。大部分时候需要优先考虑活动内容的属性,但也需要一定程度上吻合界面的设计风格。

如下图的游戏《疯狂动物城:筑梦日记》中出现的活动分享图里,就用了一种黑体的变体字体,这个字体的细节依据这个分享图的主题与氛围进行了设计,有比较多硬斜切的图形设计。显而易见的是,这个字体与游戏系统内不一致。但即便如此,它们依然有着与游戏整体界面设计一致的色彩和质感设计。这就是一种虽然因为具体的需求而导致了字体不同,但整体风格风貌依然遵从整体风格化设计的一种表现形式。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图18)

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

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图19)

其实在大部分的实际项目中,活动类的图片或者页面中出现的字体,尤其是标题性质的字体,都不太会遵守与系统内字体一致的原则。主要是因为活动类的页面总体上需要一个特别的氛围,而这种氛围通常是基于游戏整体基调的一个特殊活动氛围,与游戏本身的风格并不会太一致。这就导致这种图片或者页面内使用的元素,也与游戏系统界面内使用到的元素不太一样。这其中的字体自然也就会有很大的不同。

如下图所示的《跑跑卡丁车》手游中的活动页面中出现的字体,就与游戏系统内的字体有很大不同,基本上只会以活动氛围的要求为出发点去进行相关图形设计。需要注意的是,跟我们前文提到《疯狂动物城》的案例一样,文字即便有很特别的字体设计,但在美术风格的细节上,如颜色搭配方式,样式设计上,都保持了与游戏系统界面设计的一致性。可以理解为“活动页面依然属于游戏整体风貌的一部分”,只是因为它需要暂时满足一些特别的功能需求,如拥有特别主题的活动,才需要被设计得不太一样,但基本上它还需要是游戏风貌的组成部分,而不可随意去超脱。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图20)

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图21)

在一些系统风格设计本身就比较特别的游戏里,活动页面的字体更能体现这一辩证的特点(既有小主题,又需与整体一致)。如下三图所示,纵观游戏《和平精英》中的活动弹窗与系统内“恭喜获得”的弹窗,它们的标题文字字体就极为相似。虽然这款游戏与其他正在运营中的游戏一样,基本每隔一段时间都会有不同的活动弹窗出现,但在林林总总的活动类弹窗中,总是倾向于使用这种斜切图形较多,笔画粗,造型干脆利落的黑体类字体。将这款(类)字体与系统内使用(“恭喜获得”弹窗)的标题类字体相对比,可以发现他们有极大的相似性。这说明在这款“军事”类题材的游戏中,对力量、现代等因素的强调都会比较明确,这些因素直接构成了明确的游戏风格范畴。即便有时活动主题与这种风貌想去甚远,活动类弹窗中的字体也依然被严格限制在游戏系统的风格范畴内。这样做的好处是无论多么夸张离谱的运营活动,都不会使这款偏向严肃、写实风格的游戏出现美术风格的大偏差。

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图22)

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图23)

毛笔字入门先练什么好?从五大应用场景入手,拆解游戏界面设计中的字体类型(图24)

3.5 LOGO

游戏logo作为游戏的品牌识别标识,需要有显著的识别性。除此之外,需要通过特别的设计来凸显游戏的美术特征甚至是玩法特征。文字是组成游戏logo的最主要部分,玩家或者受众很大程度上就是通过logo来认识一款游戏的。因此游戏logo中的文字识别性,字体设计的美术特点需要有针对性的进行设计。我们可以从几个例子看出,字体设计在凸显游戏风貌时所起到的重要作用。

如下图所示的游戏《底特律变人》的logo,就以无衬线的字体为主体。这个logo整体上分成上下两个部分,用较粗的字体