妙笔千山:优雅沉静的青绿山水世界

网易游戏用户体验中心

2021-09-234526次浏览

4评论

18收藏

4点赞

分享

《绘真·妙笔千山》是基于国宝《千里江山图》而创作的互动叙事游戏,希望以游戏重现传统的青绿山水。UX设计师适度装点添韵,除了关注界面易用性和效率,还对玩家的情绪引导打好了辅助。

>>>《提升用户体验:界面设计篇》专题

《绘真·妙笔千山》是基于国宝《千里江山图》而创作的互动叙事游戏,希望以游戏重现传统的青绿山水。看到美术预研的场景,就会被强烈地吸引,虽然是3D场景但每一帧都是一幅青绿山水画。千里江山图中只可远眺大好河山,而在妙笔千山游戏里玩家可以走进山水间,去探索神奇的故事。

设计师能参与独立游戏的设计不得不说是一件幸运的事情,不像大多数复杂的手游有着错综复杂的交互系统,不仅要关注易用性与效率,也要关注玩家时刻的情绪进行引导,还要考虑全局所有系统的一致性和细节体验。而在妙笔千山中简单地多,一共三五个主要界面,我们要做的就是打好辅助,让玩家可以沉浸在几十分钟的游戏中自然地体验。

1 1. 作画

做界面好像作画,首先要胸有成竹,心中要有理想的画面的构想,有心法;然后下笔做结构,构图优美讲究,骨相美;最后加以渲染和粉饰,恰到好处。

《绘真·妙笔千山》场景

1) 心法

中国风或者古风到底是什么样子,其实还真不好一言以蔽之,市面上也有很多古风游戏,水墨或者云纹,就可以让人感觉到是古风了吗?

古代这么长,实际上各个朝代的审美差异很大,唐朝的华丽与明艳、宋朝的简约与克制。之前网上吐槽的雍正和乾隆的段子,清雅柔和是国风,富丽堂皇、繁缛堆砌也是国风。不谈高低之分,但差异真是挺大的。

 

来自网友对乾隆农家乐审美的吐槽

 

建筑大师贝聿铭还是格罗皮乌斯的学生的时候,做毕设设计中国风的建筑,他希望避免把中国各历史时期的建筑元素以肤浅的方式加在公共建筑上,不要元素的粗暴堆砌,而是要找到传统建筑的真髓。西方现代主义建筑秉承西方传统的体量感,强调体积和块面,中国传统文化中的审美要素是线,是留白,是空间的美感。

那我们要追求的游戏中的东方美学是什么呢,回到《千里江山图》的时代,宋徽宗虽然治国无方,但艺术造诣非常高,陈寅恪先生说:中国文化“造极于赵宋之世”。宋朝的绘画细致沉静,宋汝窑朴素典雅,宋书的版式简单考究。这种雅致极简可能是我们追求的美感。

宋朝的艺术

由此我们定位到作画的心法,其实也就是设计界面的内核,界面内核是所有界面系统得以发展的源头。我们想要扮演的是清高的画家,内心平静而丰富,宋朝的画家大多呈现理性克制之美,“宋画惟理”,极简不炫技,却表现精湛。

2) 骨相

美人在骨不在皮,极简的东方美需从神韵和形制出发。查找古画的过程中看到一副《簪花仕女图》,构图和谐有趣,横列的散点视线之内,侍女们多半用静穆的姿态分散在不同的位置;画作中有前后大小的关系,因而增大了广阔的视野,扩展了空间感。周围以仙鹤植物点缀装饰,消除了单调和贫乏,增加雅趣。

《簪花仕女图》

我们的人物图鉴设计也参照这样的形式,不再规规矩矩的陈列,用长卷构图,让人物大大小小分散地布局在纸上,大量留白中营造古味的想象空间,而细小的装饰点缀其中,寡淡中增加了一点细致。

人物图鉴界面

物品的图鉴参考了佛器图谱之类的古书,物品的摆放同样不受条条框框的限制,而是自然形成秩序感。画法亦是遵照古画中的物品透视,稍显笨拙的形态加上简单晕染的色彩,构成图谱。

丹鹤图谱
佛器图谱
物品图谱界面

骨相对应的其实是结构版式,一个好的设计,就算没有视觉的包装,仅仅是布局排版,也应该具备基础美感。游戏中的界面虽然简单,但全都有据可循,取其古雅弃掉古旧。

3) 粉饰

互动叙事游戏界面少,而且不忍打扰玩家沉浸的游戏体验,所以我们希望界面的设计是小而美的。看到有的游戏界面做的炫酷迷人堪比大片、绚丽的动效或者激动人心的强烈视觉吸引人眼球,有时候着实蠢蠢欲动,想是不是要加点什么,再给界面烹调一下,最后还是忍住了,就像时尚大片需要浓妆艳抹,小清新却需不施粉黛。保持从一而终的极简内核,于是我们尝试从细节入手,设计一点打动人心的小东西。

一直觉得减法是很难的,就像产品设计,极简主义看似简单,对工艺的要求却是极高的,极简背后是最高精的工艺支持,是简单外表下的饱满细节。

我们的很多界面,有大量的留白,看久会稍显简单,一开始我们也在思考用什么花纹或者材质来装饰界面,但尝试后都太显复杂。然后我们想象画卷展开,一点光和树影洒下,光影就是很好看又自然的装饰,不单调也不会抢眼。配合适当的婆娑动态,树影摆动,刚好呼应了游戏场景中的风吹草动,给界面增加了一点闲适的动感。

物品详情界面
背包界面

小图标的设计也表达了视觉设计师的细致用心,比如音乐音效的开关,在界面里就是很小的一个按钮,一般统一设计的开关控件就可以了。设计师为这样的小按钮也设计了有情境感的画面,音乐是乐师演奏、画面是花的开合,配合动画,让小小的一个按钮也有了生动的表达。

《绘真·妙笔千山》设置按钮图标的开关状态

界面的粉饰是对整体更好地氛围营造和细节的提升,用细节传达情境传达故事。我们追求不施粉黛,所以如何以小博大,取巧地运用一些小设计是我们思考的方向。

2 2. 入画

游戏的故事,主角在画里画外穿梭,体会不同的故事。在交互上我们也希望可以传达出入画的意境。在最后的解锁的3D千里江山Loading上,我们设计了从作画到入画的过程,青绿山水画的落墨、染底色、上重彩的步骤做成动态的过程,最后变化为3D的场景,镜头进入其中,一气呵成。

《国家宝藏》中播出的千里江山图绘制过程

登录、进入、加载、转场是游戏中必不可少的衔接时间,让玩家保持游戏的连贯和一直的沉浸感,减少他们等待的烦躁情绪,是设计师们常常要做的功课。玩家进入游戏就如同沉浸入画,就像盗梦空间里不真实的细节会让主角们从梦中惊醒,游戏也一样,细节的体验会影响他们的沉迷程度。

3 3. 传画

分享是很多游戏都会设计的系统,分享玩家抽到极品卡的喜悦、分享战斗第一的爽快,亦或是分享艰难获得的成就,我们游戏比较单纯,应该都是风景党,截图分享美景。

我们觉得不能满足于此,于是设想了一些其他分享的点子,分享人物,分享收集的图鉴,甚至在游戏里面组CP做海报,或者结合相机把玩家变成角色融入画面做照片分享。但觉得这并不是玩家最想要分享的东西。

我们游戏真正吸引人的,还是如画的风景,如果只是这一点,有办法深挖一下吗?观察很多刷屏朋友圈的分享活动,我们得到一些启示。单纯的美景图固然能引发分享,但如果图中加入了玩家的创造和独一无二的东西,加入了时间成本提高了玩家的参与感,分享的动机会更强一些。

装裱界面

于是我们基于分享游戏中的画面,增加了装裱环节,就像是画家画好一幅画,需要题词装裱再留存欣赏,游戏中的画面也可以有后续的环节,当玩家截图后,会出现小小的装裱按钮,如果不点击一会儿就会消失,不打扰玩家的沉浸感。如果点击便会进入装裱界面,画的形式、裱样、纹理任君选择,并且还可以题词写上此刻的感受,玩家可以完全创造属于自己的画面。

装裱的不同

不同的形式,图卷、图页或者是扇页,传达出不同的美感。除此之外,还可以在游戏中定制专属的印章,可以自由组合解锁提供的文字、图案、人物或者选择自由绘制。玩家由此创造出一些意想不到的有趣的设计。这些包装和环节的设置,也让玩家更贴近古人的生活,了解更多游戏以外的东西。

定制印章界面

4 4. 结尾

《绘真·妙笔千山》里界面和交互只是非常小的一部分,如果美术是秀美的群山,界面应该只是清风之于山间的装饰,能让玩家能舒适自在地游玩其中,我们的目标就达到了。极富美感的美术设计和精巧考究的剧情体验才是重点,期待大家的体验。


内容来源:网易互动娱乐事业群用户体验中心

用户体验中心是网易互娱旗下一级事业部,致力于为网易互娱200余款产品的用户体验和设计提供专业支持和服务,是网易游戏事业群核心竞争力之一,同时也是目前国内最大的游戏用户体验研究与设计团队。点击https://ux.netease.com,了解更多用户体验中心详情。

评论 (4)

0/1000
网易游学APP
为热爱赋能
扫描二维码下载APP