/【半周谈】063 漫谈写实类动效设计-3

【半周谈】063 漫谈写实类动效设计-3




写实类的游戏界面设计概念,就当下而言,已经不再专门用来描述那类厚重质感范畴的风格了。








你会发现,很多游戏的界面设计风格已经逐步往更扁平和简约的方向发展。在这种情况下,那些材质表现和世界观的表达方式,都与以往有了巨大的差异。比如传统上我们认为的厚重写实质感的《暗黑》系列的界面设计,在《暗黑3》里是这样的:



但是根据最新的露出视频来看,《暗黑4》已经调整了风格方向,不仅色调对比度上更加柔和,质感上也削薄了许多:



这还是传统上就比较注重厚重质感描绘的魔幻类题材游戏,更不要提传统上就相对比较轻薄的现代化,甚至是科技感类的游戏了,它们在扁平化的方向上走得更远。






于是,我们需要面临为更加扁平,质感描绘更加收敛的游戏界面设计对应动效的局面。








以往的文章中,我曾提出一个观点,一款游戏界面中的动效设计,其风格是由关键点位的风格特征决定的,而不是由其底色决定的。








这些“底色”即“通用型设计”。当一款游戏的世界观并没有特别突出在界面表现上,或者界面的表现过于扁平时,这种“通用型设计”的占比就会越多。








这一点可以从近期的一些游戏里看出端倪。具体的,我们先看下《重返帝国》里是怎么做的。








这款游戏的世界观混合了中西方古典英雄,整体上可以认为是一种中古时代设定。但是界面设计的风格整个是偏向西式的古典设计的。所以此处可以认为它是一种西式古典风格。传统上这种西式古典风格必然会是一种重质感的设计,不过这款游戏走得是一种极为扁平的设计风格。在一些系统型界面中,设计样式由极简线框与收敛的纹理修饰构成,套用通用型的动效设计,构成古典与现代感融合的风格:












这种风格除了界面本身的扁平化外,还有通用型动效的配合,共同组成了这款游戏“风格化”的底色。但这样显然是不够的,因为一款游戏的界面无论如何简约,都是需要风格取向的。









该游戏的风格,除了显而易见的界面配色、细节纹理设计外,还需要动效层面独一无二的设计来凸显。它是通过一些特有的元素来做到这一点的。









这些元素包括:雾状,粉状流光、特殊动态纹理设计。而且这些纹理统统为金色设计,目的是配合界面上的暗金色主色调设计,并且适当提亮原本的关键纹理色彩和造型设计。








如下图所示的弹窗中,框体周边的金色雾状流光设计,以及周围环境中的相似色调粒子与烟雾:



以及界面中强度靠前的“繁荣等级提升”提示,这里最明显的风格特色是底层的特殊网格纹理流光设计:










同样的流光纹理也出现在“恭喜获得”界面中,这个界面的整体框架设计可以认为是和上一界面相同的,只是由于内容表现的不同而设计稍有不同















作为一种关键元素,这种网格纹理还出现在通用弹窗的入场动画中:




侧边的浮层入场也有类似的表现:




金色流光作为另外的辅助设计,出现在几乎所有提示性较强的控件中,它们有很多形态,如下图中的絮状:




配合粒子表现的条状:




以及带有衬底图案的白色页签流光:



除了一般页面中的这些点缀型设计,该游戏界面中自然也有一些特别设计的动效,如下图这样与3D元素结合了的,配合可一定镜头运动的效果:











类似的效果也可以在抽卡界面中看到,此处不再列举。








从这个游戏的整体界面设计,以及与它的动效设计,我们可以看到一个典型的风格化设计特征,通用型底色加关键点位设计;也可以看到一款“写实类”风格游戏的界面动效设计如何展开,以通用型设计为底,将关键元素巧妙结合在通用型的底上。


如果通用型设计无法做到及格,那么即便界面设计本身非常成熟稳定,其本身的风格表现,甚至只是品质表现都会大打折扣。

也有观点认为,界面越扁平,则越需要动效去加持。这是一种典型的“动效是界面的提升”的认知。实际上动效与界面扁平与否没有正相关关系。最重要的是看游戏本身的设定是否需要。就本文列举的这款游戏而言,它的动效并没有极为夸张或者极尽华丽繁琐的表现,它想要体现的是一种严肃和写实的感觉。界面的扁平化是为了体现这一点,而动效整体上体现出的通用型,也是为了体现这一点。


倘若只是因为界面的扁平而将动效表现得过于复杂,则很有可能远离游戏整体调性设计的初衷,出现非常大的风格偏差。


由此说来,任何设计都得是怀着一定的目的,将“原本存在于石块里的形象挖掘出来”,而不是狗尾续貂的生造。


以上就是本篇的全部内容,本系列下一篇,我们将继续列举一款游戏,敬请期待。


















 欢迎点击下方名片关注本号 



推荐阅读

本文来自微信公众号“COTA五号”作者:欧型兔(ID:cotadesign)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。