导语:这并不是一套完整而严谨的设计企划案,而是作为一个Gamecorers在体验了机核一年的时间后,发现一些可有可无的问题,并希望通过自己绵薄之力为优化这些问题给出一个大致的解决方案...
白注:看了这篇投稿之后为机核读者的素质感到惊叹:一方面来说文章本身是一个非常出彩的商业设计案例;另一方面,作者真的对于机核的VI研究得非常透彻,提案也极其用心,种种方面的思考规划堪称业界良心。机核在此感谢作者的辛苦付出,并将其与大家分享。
2016年是机核粉丝数量急剧增长的一年,主要得益于两场规模空前的“核聚变6th”线下游戏嘉年华活动的成功举办,以及机核APP的上线。其中由PC端往移动平台延伸所带来的用户收益无疑再次证明了移动平台强大的传播性。
机核APP上线于“核聚变6th”之后,下载了该应用的用户自然会注意到机核APP的icon——“核”就是采用了来自“核聚变6th”的字体设计。为了尽快回应粉丝的需求并作为1.0版本的客户端,这样的方案并没有什么问题。而且从品牌识别性与和网站互动的角度上来说也都是产品开发之初十分稳妥的做法。
但在下斗胆认为,从机核长远发展的战略角度上来说,移动端产品与线下活动应该逐步分离,其原因有二。
一是线下活动每年举办,其视觉设计风格也逐年变化且并未纳入机核品牌的视觉识别体系之中,移动端产品icon如保持使用往年活动的字体风格随着时间推移会产生滞后感等诸多非正面的用户体验。
二是移动端带来的强大传播力,机核APP的icon可能是目前最能起到作为机核logo传播作用的视觉符号了,它理应更加具有独立的识别性。
机核APP的icon以“核”字作为主要视觉识别符号的定位是准确的,它代表了服务于核心玩家,挖掘游戏核心内容,以及以游戏文化为核心的媒体凝聚力。
从字体设计的角度讲,原案“核聚变6th”的设计是十分优秀的。作为活动视觉主体,整套设计在保留良好识别性的同时文字图形化适中,笔画精简恰到好处,字体平衡感很好。所谓平衡感是在理解并重构字体间架结构的基础上,对于字体间距、正负形关系的控制得当。如上图所示,水蓝色透明区域标记出的白场面积十分平均,在视觉上呈现出稳定的结构。
但将“核”单独剥离出来就会打破这种平衡,因为整套字体并不是以单一文字独立出现为目的而设计的,当“核”字失去与其他文字之间正负形的制约关系之后,会呈现出如上图所示:白场集中在字体偏旁与部首之间,造成文字间架结构的隔离感。
以此为优化方案的起点,我进行了以上尝试。最初的思路是以Game&Cores的首字母“G”和“C”为出发点,尝试与汉字“核”进行重构,发现如保留字母“G”和“C”的识别性会让“核”字的识别性很低,这并不是一个好办法。因为作为优化设计,应该在原案的基础上升级视觉感受,在保留原案的识别性和设计风格的基础上优化原案不足。
为解决这一问题,我减少了可识别内容的信息量,放弃了同时识别字母“G”和“C”的可能,通过减少笔画强化汉字“核”的识别性,最终得到以上两个结果。
相信大家都可以看出,左右的不同只是在于“核”字的一笔是否切断,而我最终选择了不切。因为切断的笔画所形成的正负形关系呈现出“C”,而机核的品牌诉求是游戏和玩家,核心是游戏文化和服务于玩家。因此我希望用户能识别到的信息应该是“G+核”,所以最终选择了右边的方案。
通过字体的标准制图可以明显的看到内藏的字母“G”以及大量的同心圆结构,正如从核爆的原爆点往外一圈一圈扩散的冲击波,而机核对于玩家圈子的影响力也正如这个结构所呈现的那样,通过做出好的内容一圈一圈地影响了更多的玩家。
为配合“核”字的升级,icon下方的英文字体也进行了相应的优化。为满足极小尺寸显示的需要,在处理“A”和“M”这样带有夹角结构的字母时有意地让出了一个或半个像素,这样在像素有限的情况下显示也能获得清晰锐利的显示效果,提升字母的识别性以及进一步缩小英文在整个icon里所占的显示面积。
将优化设计之后的icon与原先的对比可发现,原案“核”的木字旁所空出的白场面积被缩小了,字体的完整度更高,通过进一步精简笔画并在保留识别性的同时将木字旁与“亥”贴近,木字旁的撇捺与字母“G”的半圆结构重合,笔画共用。
值得注意的是,原案的笔画风格与构成形式并没有进行巨大的改动,并没有将原先的非衬线体改成带有字角和笔锋的衬线体,因为考虑到品牌识别性的需要,优化设计并不是推翻重来,原案的传播收益和识别习惯是用时间所换来了,这种无形的价值必须被保留。
我是用的手机是iPhone 5S,故以此为例预览显示效果,可见英文字体在像素较低的Retina屏上也可以清晰地显示,且比原案的字母所占面积有所减小,为视觉识别的核心元素“核”字留下更多的显示空间。那么在iPhone 6或iPhone 7这样像素更高的Retina屏上就可以获得更好 显示效果。如果有还在使用iPhone 5S的同学可以保存图片到手机验证预览效果。
在完成了机核APPicon的优化设计后,对于机核logo尝试做出了一个构想。同样以字母“G”为主要识别信息,结合核辐射标识进行重构。通过对同心圆进行15°角切割让外部轮廓呈现出“G”的字母图形,负型部分为核辐射标识,也可以理解为三个三角形环绕圆心运动形成该图案,三个三角形分别代表我所理解的机核品牌内核,即“游戏”、“玩家”和“文化”。
logo与标准字体组合,字体来自于机核APPicon英文字体加粗1.7x,与网站左上角字体相比并无太大改动,同样出于品牌识别性考虑,是为配合logo的升级优化方案。
最后从上图可以看出,无论是机核APPicon的优化方案还是机核logo的概念构想,最终殊途同归。都是“G+核”这个概念的两种视觉表达,以文字或是以图形。这样保证了品牌视觉识别体系的完整,互相联系,自成系统。
与机核接触了一年,获益良多。相信机核给大家带来的快乐也都无以言表而心知肚明。我并未受任何人委托而自发尝试此事,能为机核略尽绵力也深感自豪。临近年关,也算给机核送去一份新春礼物,并对机核未来能发展得愈来愈好给予美好祝愿。最后给机核拜个早年!
评论区
共 406 条评论热门最新