手机游戏界面设计中传统水墨元素的应用

李前钱+王春涛

摘 要：在当今手机游戏界面设计风格日趋丰富的趋势下，手机游戏界面设计中符合民族审美需求的设计元素愈发得到重视。传统水墨元素的艺术魅力为中国手机游戏界面设计提供了创新源泉，将其应用到手机游戏界面设计中，不仅拓宽了传统水墨元素在现代设计中的应用领域，而且可以为手机游戏界面设计提供新的设计思路，通过创新设计形成中国手机游戏界面特有的设计风格。

关键词：水墨元素；游戏界面；创新设计

检 索：www.artdesign.org.cn

中图分类号：TB 文献标志码：A 文章编号：1008-2832（2016）11-0065-03

The Application of Traditional Ink Elements in the Design of Mobile Game Interface

LI Qian-qian， WANG Chun-tao（Tianjin University of Technology， Tianjin 300384， China）

Abstract ：In todays mobile game interface design style has become increasingly rich in the trend of mobile phone game interface design in line with the national aesthetic needs of the design elements of the more attention. The artistic charm of traditional ink elements for China mobile phone game interface design provides innovative source and its application to interface design of mobile phone game not only broaden the traditional ink elements in modern design applications， and can provide a new design idea for the game interface design of mobile phone， China mobile game interface specific design style is formed through innovative design.

Key words ：ink elements； game interface； innovative design

Internet ：www.artdesign.org.cn

一、传统水墨元素

传统水墨元素源自于中国的国画，是指纯用水墨所作之画。首先从笔法上来讲，它是用中国特有的绘画工具毛笔，并以墨汁为主要原料，然后加水调和，运用勾、皴、擦、点、染等手法，画在生宣纸或者其它吸水性较强的纸上的一种绘画。从墨法表现上看，根据墨汁和水调和的比例将其分为浓、淡、干、湿、焦五墨，体现出墨色由浓到淡的层次变化。

二、手机游戏界面

手机游戏界面作为连接玩家与游戏本身之间的重要纽带，对玩家的游戏体验有着非常大的影响。优秀的手机游戏界面设计会明确其定位与特点，使游戏变得个性有趣，让整个操作过程变得简单自由。另外在手机游戏界面的设计中，还需考虑手机屏幕的尺寸大小，这就对游戏界面中的图形、色彩、文字等设计元素提出了更为严格的要求。设计师应对这些设计元素进行合理编排，使之成为一个连贯的整体，以此提高信息的传播效率。

三、手机游戏界面设计的原则

（一）界面布局要合理

游戏画面所涵盖的信息普遍包括：角色信息栏、属性工具栏、物品工具栏、技能工具栏、聊天信息栏、快捷操作图标以及行动方向键等。这么多功能键和信息，如果没有进行合理有效的功能排序和信息组织，就会产生布局不平衡和重要信息不突出等问题。因此不同类型的手机游戏在布局画面时都要从自身的特点去考虑，如格斗类游戏以玩家敏捷的控制、迅速的反应、准确的判断为游戏玩点，使玩家完全沉浸在游戏的操作体验和画面体验中，因此，该类型游戏界面要尽可能多的留出空白区域来提升格斗场景的画面效果（图1）；如果把手机游戏类型转换成策略类游戏，那么首先映入玩家眼帘的便是“主城界面”，以“主城”为主要信息，以建筑界面、资源信息、右下组件、CD时间栏等为次要信息，一步一步地将玩家对核心信息的策略眼光进行提高，主界面还需要对各类型信息进行精确的筛选与调配，为游戏玩家在主城界面的实时操控提供便利条件。（图2）

（二）画面设计要精美

从启动游戏到游戏界面出现，玩家在这短短的几秒钟根本无法去判定整个游戏的优劣，但优秀的界面确实可以引起用户美好的情感沟通，使得玩家与手机游戏所传达的信息产生共鸣。手机游戏界面设计的宗旨是促进信息的传递以满足玩家需求，通过图形、色彩、文字等要素来传达一些具体的信息，为人机交流提供便利。由于受手机屏幕尺寸的限制，在保证信息传递清晰准确的前提下，更加需要对这些视觉要素进行精简。

在信息的传递过程中，能够提高文字可读性的因素是所选择的字体，通用的字体最易阅读，例如在中文字体中，宋体就因具备较好的易读性和识别性而被运用到手机游戏界面当中。如果在整个游戏界面大量使用一些特殊字体，这样玩家阅读起来就会很吃力。另外字号也要给予综合考虑，如果过大，必然喧宾夺主；过小则会降低文字的辨识度。

图形在手机游戏界面中包括环境界面以及提示玩家操作的图标按钮等。首先，游戏环境界面的结构必须清晰且一致，风格必须与游戏内容相统一，另外界面的设计还要考虑角色的运动，因此环境界面在设计上要保留一定空间，不能影响玩家对角色的操控。其次，按钮的设计除了简洁美观、与主画面风格保持一致以外，还要尽可能的使用玩家熟知的简化图标，让玩家便于使用、便于了解、并能减少玩家发生错误选择的可能性。

分割界面布局可以使用不同的色彩，不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一种快活的颜色；黑颜色就显得比较正式，这时设计师就需要考虑希望对玩家产生什么影响，从而为手机游戏界面选择适合的颜色。《纪念碑谷》是一款益智类手机游戏，玩家在游戏进程中需要找到机关，并且利用几何的视觉反差最终通关，整个游戏画面色彩不花哨，颜色以片状、线条以黑白为主，最终呈现给玩家的是清新淡雅，超凡脱俗的视觉效果。（图3）

（三）操作方法要简单

手机游戏界面最基本的性能就是功能性和使用性，通过界面设计，让玩家明白功能和操作，并将游戏自身的信息更加顺畅的传递给玩家，但由于玩家的知识水平和文化背景具有差异性，这就需要设计师在界面设计和操作习惯上得符合玩家的心理认知，以此来提高手机游戏的交互性能。手机游戏的最终目的就是娱乐大众，让玩家在工作、学习之余身心可以得到放松，因此，游戏的整个操作流程必须易于上手。如果玩家在游戏过程中不能快速掌握其中的基本策略和操作方法，那么就会在还没完全体会到游戏的趣味性和挑战性之前主动放弃并且删除这款游戏，因此操作方法要简单。

四、传统水墨元素在手机游戏界面设计中的应用

《墨染》这款手机游戏最大的特点就是其水墨风格的游戏画面，整个画面清新静谧，有着十分浓郁的中国味道。我们看《墨染》的登录界面（图4），色调清新，元素也不是那么复杂，但是却给人一种很唯美的感觉。其实游戏的用色非常简单，以池塘的白、金鱼的红、荷叶的绿作为主色调让画面呈现出比较素雅的效果。另外池塘里的金鱼以及荷叶也是极具中国古典画风采。墨染二字，字体行云流水，更是将中国的传统书法很巧妙的运用在了界面设计当中。

这款手机游戏的操作也不复杂，通过点击手机屏幕使金鱼在水涡之间来回游动，碰到墨线后金鱼的颜色随之发生改变，最终金鱼游到目标处且与目标颜色相同即为闯关成功。另外，游戏在界面的顶部也给予了提示，明确指出了目标颜色和小鱼当前的颜色，小鱼穿过墨线身体颜色变化后，游戏也会相应地给出提示，以便让玩家明白还需要碰触多少次墨线才能与目标颜色相匹配。整个游戏画面非常有质感，每一关都被巧妙的设计成了一幅画，画上的金鱼在荷叶间缓慢游动，池水随着指尖点击屏幕泛起一圈圈淡淡的涟漪。不过整个场景并不是简约写意风格，而是用荷叶、水涡、花瓣、藤蔓等元素将画面铺得满满当当，给人以较强的视觉冲击感。（图5）

另外一款手机游戏《新忍者必须死2》在视觉感受上另辟蹊径，它没有沿用目前大热的写实风、可爱风，而是采用了最能体现中国特色的水墨风格。无论是线条、颜色还是整体构图都透露出一股灵动，为玩家打开了全新的手游美术视野。整个游戏场景在黑与白强烈的对比下会让玩家感到精神一震，另外主角佩戴的红色围巾仿佛暗夜中的一抹血色，再加上精美的场景，让我们感觉似乎所有的事物都活了起来。跟现代风格相比较，传统水墨元素独特的色彩语言让手机游戏《新忍者必须死2》的整体界面更富有个性。（图6）

该游戏不仅静态画面吸引人，动态画面的效果也很出色。游戏界面的结构清晰明了，画面左侧月光下的人物角色瞬间就抓住了玩家的目光，惹眼的红色围巾更是赋予了角色灵性，围巾随风而动，简单飘逸。画面右下角三大模式图标的闪光效果也加强了玩家点击的欲望，在玩家游戏过程中，华丽的特效展示更是被发挥到了极致，所有的细节都体现了该款手机游戏的精益求精。（图7）

结语

中国是一个有着深厚文化底蕴的国家，所有的中国文化都值得传承和弘扬。传统水墨元素继承了传统水墨画的精髓，对于表达方式也进行了革新，它以全新的眼光和开拓性的精神进行着变化、发展。根据游戏内容需要通过创新实践把传统水墨元素融入到手机游戏界面设计中，将界面功能、水墨元素形式、游戏内容有机统一，为当代手机游戏界面设计的创新过程注入活力。

参考文献：

[1] 范迪安.当代文化情境中的水墨本色[M].石家庄：河北教育出版社，2001.

[2] 王立群，李红松.电脑游戏策划与设计[M].上海：复旦大学出版社，2008.

[3] 蔡龙飞.游戏界面设计的人性化 [J] .南京艺术学院设计艺术学学报，2005.