UX交互设计(一)字体字色字号及规范

发布时间 : 2019-12-26

  游戏策划中,UX交互设计是非常重要的基础内容,是后续深入策划涉及的基石。所以学好UX交互是游戏策划的一项基本功,那么有哪些需要注意的地方?资深游戏策划云飞向我们分享了他对于UX交互的一些独到理解,让我们一起来学习一下吧。

  交互其实是专业性很强的职业,对策划和视觉美术都要有一定的了解,且最好有一方的专长,所以我只是班门弄斧,十分浅的来聊聊交互。

  字体字色字号及规范

  这里指的一般不包括专门设计的美术字,而是游戏内通用的文字。

  既然是UX,就还是来看看实际的界面。

博思游戏策划

  随手截了一张阴阳师的界面,从线框框出来的6个区域简单聊聊。

  首先是关于字体,一般来说游戏里会用到3种左右的字体:普通的文本字体,标题及页签字体,数字和英文字体。

  阴阳师的主界面中,场景化的功能入口和底部主要的功能入口,还包括顶部的“新”,使用的是标题页签这一类带有风格的字体,形状上来说会比常规字体(宋体、黑体等)更加美观,同时每个游戏结合自己的需要会有不同的字体使用,可以体现游戏的风格。

  其实如果是英文的界面(或者全球服),可能更多的是图形化的icon和提示就已经足够,比如放置奇兵的形式。

博思游戏策划

  但是需要注意的是,如果是国服的游戏,还是建议使用汉字+图形。因为汉字是方块字,本身是带有一定图形化元素的,加上特定的字体,并不会如同字母组合的文字那样,信息为主而少有美感。

  回到阴阳师,聊天栏里的文字则为普通的阅读文字,适合于大段的描述、对话等内容,不适合风格化的字体,会稍不适合于阅读。

  阴阳师种,技能描述、御魂描述也都是使用的该字体。

  而数字和英文可以和普通的文字使用一种字体,也可以不同,使用不同主要是因为汉字字体英文和数字不一定好看,但是存在的问题则是汉字中夹杂着英文和数字的内容,则十分蛋疼。

  然后是关于文字颜色。这里我使用一个新界面,让大家看得更加清楚。

博思游戏策划

  御魂详情中,可以看到使用了4种颜色:黑色为普通描述颜色,棕色为主属性即重点提示,绿色为达成条件提示,灰色为未达成条件提示。其实这里还有一种颜色:“属性加成”和“方案”使用的是标题色:浅黄+黑色描边。

  一般来说,游戏内会用到大约4-5种颜色(使用情况基本约等于阴阳师的这个界面),标题颜色,普通文本色,重点提示色,达成条件/增益/有利色(一般为绿),未达成条件/减益/不利色(一般为红)。

  当然,根据游戏的需要,还会有各种各样的颜色:品质色、状态色等,比如下面两种情况。

博思游戏策划
博思游戏策划

  最后是字号,字号可能存在的情况比较多,一般来说手游从16-32及以上都可能有,为了保证区分度起码要使用两码以上的字号区别(16-18-20-22-……或是18-22-26-……),不同的游戏和不同的情况下使用字号的情况可能大有不同,重要的是要按照规范来,比如:icon内文本使用16,普通描述文本使用20,强调情况或数字使用22,按钮文字使用24,标题使用28,这里就不深入讲了。

  字体字色字号的使用并不复杂,困难的是建立规范并且敦促执行,而且在一次次迭代中,规范也可能发生变化,确保游戏内是统一的是最重要的。

  下期,云飞将向我们继续分享关于UX交互设计中的游戏内弹窗、按钮及元件,博思将与你一起学习,一起成长。

报名试听

咨询热线

400-720-6969

咨询时间

10:00-23:00

上海博思堂职业技能培训学校 版权所有 沪ICP备11046010号-4 地址:上海市宝山区沪太路2695号A29栋 咨询热线:400-720-6969
上海游戏培训 | 游戏美术 | 游戏学校 | 手机游戏开发 | unity3d培训学校 | 游戏原画 | 3d美术 | 3dmax | 动漫绘画 | 游戏策划 | 网站地图

免费领取网络课程