李前錢+王春濤

摘 要：在當(dāng)今手機(jī)游戲界面設(shè)計(jì)風(fēng)格日趨豐富的趨勢(shì)下，手機(jī)游戲界面設(shè)計(jì)中符合民族審美需求的設(shè)計(jì)元素愈發(fā)得到重視。傳統(tǒng)水墨元素的藝術(shù)魅力為中國(guó)手機(jī)游戲界面設(shè)計(jì)提供了創(chuàng)新源泉，將其應(yīng)用到手機(jī)游戲界面設(shè)計(jì)中，不僅拓寬了傳統(tǒng)水墨元素在現(xiàn)代設(shè)計(jì)中的應(yīng)用領(lǐng)域，而且可以為手機(jī)游戲界面設(shè)計(jì)提供新的設(shè)計(jì)思路，通過(guò)創(chuàng)新設(shè)計(jì)形成中國(guó)手機(jī)游戲界面特有的設(shè)計(jì)風(fēng)格。

關(guān)鍵詞：水墨元素；游戲界面；創(chuàng)新設(shè)計(jì)

檢 索：www.artdesign.org.cn

中圖分類號(hào)：TB 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：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

一、傳統(tǒng)水墨元素

傳統(tǒng)水墨元素源自于中國(guó)的國(guó)畫，是指純用水墨所作之畫。首先從筆法上來(lái)講，它是用中國(guó)特有的繪畫工具毛筆，并以墨汁為主要原料，然后加水調(diào)和，運(yùn)用勾、皴、擦、點(diǎn)、染等手法，畫在生宣紙或者其它吸水性較強(qiáng)的紙上的一種繪畫。從墨法表現(xiàn)上看，根據(jù)墨汁和水調(diào)和的比例將其分為濃、淡、干、濕、焦五墨，體現(xiàn)出墨色由濃到淡的層次變化。

二、手機(jī)游戲界面

手機(jī)游戲界面作為連接玩家與游戲本身之間的重要紐帶，對(duì)玩家的游戲體驗(yàn)有著非常大的影響。優(yōu)秀的手機(jī)游戲界面設(shè)計(jì)會(huì)明確其定位與特點(diǎn)，使游戲變得個(gè)性有趣，讓整個(gè)操作過(guò)程變得簡(jiǎn)單自由。另外在手機(jī)游戲界面的設(shè)計(jì)中，還需考慮手機(jī)屏幕的尺寸大小，這就對(duì)游戲界面中的圖形、色彩、文字等設(shè)計(jì)元素提出了更為嚴(yán)格的要求。設(shè)計(jì)師應(yīng)對(duì)這些設(shè)計(jì)元素進(jìn)行合理編排，使之成為一個(gè)連貫的整體，以此提高信息的傳播效率。

三、手機(jī)游戲界面設(shè)計(jì)的原則

（一）界面布局要合理

游戲畫面所涵蓋的信息普遍包括：角色信息欄、屬性工具欄、物品工具欄、技能工具欄、聊天信息欄、快捷操作圖標(biāo)以及行動(dòng)方向鍵等。這么多功能鍵和信息，如果沒(méi)有進(jìn)行合理有效的功能排序和信息組織，就會(huì)產(chǎn)生布局不平衡和重要信息不突出等問(wèn)題。因此不同類型的手機(jī)游戲在布局畫面時(shí)都要從自身的特點(diǎn)去考慮，如格斗類游戲以玩家敏捷的控制、迅速的反應(yīng)、準(zhǔn)確的判斷為游戲玩點(diǎn)，使玩家完全沉浸在游戲的操作體驗(yàn)和畫面體驗(yàn)中，因此，該類型游戲界面要盡可能多的留出空白區(qū)域來(lái)提升格斗場(chǎng)景的畫面效果（圖1）；如果把手機(jī)游戲類型轉(zhuǎn)換成策略類游戲，那么首先映入玩家眼簾的便是“主城界面”，以“主城”為主要信息，以建筑界面、資源信息、右下組件、CD時(shí)間欄等為次要信息，一步一步地將玩家對(duì)核心信息的策略眼光進(jìn)行提高，主界面還需要對(duì)各類型信息進(jìn)行精確的篩選與調(diào)配，為游戲玩家在主城界面的實(shí)時(shí)操控提供便利條件。（圖2）

（二）畫面設(shè)計(jì)要精美

從啟動(dòng)游戲到游戲界面出現(xiàn)，玩家在這短短的幾秒鐘根本無(wú)法去判定整個(gè)游戲的優(yōu)劣，但優(yōu)秀的界面確實(shí)可以引起用戶美好的情感溝通，使得玩家與手機(jī)游戲所傳達(dá)的信息產(chǎn)生共鳴。手機(jī)游戲界面設(shè)計(jì)的宗旨是促進(jìn)信息的傳遞以滿足玩家需求，通過(guò)圖形、色彩、文字等要素來(lái)傳達(dá)一些具體的信息，為人機(jī)交流提供便利。由于受手機(jī)屏幕尺寸的限制，在保證信息傳遞清晰準(zhǔn)確的前提下，更加需要對(duì)這些視覺(jué)要素進(jìn)行精簡(jiǎn)。

在信息的傳遞過(guò)程中，能夠提高文字可讀性的因素是所選擇的字體，通用的字體最易閱讀，例如在中文字體中，宋體就因具備較好的易讀性和識(shí)別性而被運(yùn)用到手機(jī)游戲界面當(dāng)中。如果在整個(gè)游戲界面大量使用一些特殊字體，這樣玩家閱讀起來(lái)就會(huì)很吃力。另外字號(hào)也要給予綜合考慮，如果過(guò)大，必然喧賓奪主；過(guò)小則會(huì)降低文字的辨識(shí)度。

圖形在手機(jī)游戲界面中包括環(huán)境界面以及提示玩家操作的圖標(biāo)按鈕等。首先，游戲環(huán)境界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相統(tǒng)一，另外界面的設(shè)計(jì)還要考慮角色的運(yùn)動(dòng)，因此環(huán)境界面在設(shè)計(jì)上要保留一定空間，不能影響玩家對(duì)角色的操控。其次，按鈕的設(shè)計(jì)除了簡(jiǎn)潔美觀、與主畫面風(fēng)格保持一致以外，還要盡可能的使用玩家熟知的簡(jiǎn)化圖標(biāo)，讓玩家便于使用、便于了解、并能減少玩家發(fā)生錯(cuò)誤選擇的可能性。

分割界面布局可以使用不同的色彩，不同的顏色對(duì)人的感覺(jué)有不同的影響，例如：紅色和橙色使人興奮并使得心跳加速；黃色使人聯(lián)想到陽(yáng)光，是一種快活的顏色；黑顏色就顯得比較正式，這時(shí)設(shè)計(jì)師就需要考慮希望對(duì)玩家產(chǎn)生什么影響，從而為手機(jī)游戲界面選擇適合的顏色。《紀(jì)念碑谷》是一款益智類手機(jī)游戲，玩家在游戲進(jìn)程中需要找到機(jī)關(guān)，并且利用幾何的視覺(jué)反差最終通關(guān)，整個(gè)游戲畫面色彩不花哨，顏色以片狀、線條以黑白為主，最終呈現(xiàn)給玩家的是清新淡雅，超凡脫俗的視覺(jué)效果。（圖3）

（三）操作方法要簡(jiǎn)單

手機(jī)游戲界面最基本的性能就是功能性和使用性，通過(guò)界面設(shè)計(jì)，讓玩家明白功能和操作，并將游戲自身的信息更加順暢的傳遞給玩家，但由于玩家的知識(shí)水平和文化背景具有差異性，這就需要設(shè)計(jì)師在界面設(shè)計(jì)和操作習(xí)慣上得符合玩家的心理認(rèn)知，以此來(lái)提高手機(jī)游戲的交互性能。手機(jī)游戲的最終目的就是娛樂(lè)大眾，讓玩家在工作、學(xué)習(xí)之余身心可以得到放松，因此，游戲的整個(gè)操作流程必須易于上手。如果玩家在游戲過(guò)程中不能快速掌握其中的基本策略和操作方法，那么就會(huì)在還沒(méi)完全體會(huì)到游戲的趣味性和挑戰(zhàn)性之前主動(dòng)放棄并且刪除這款游戲，因此操作方法要簡(jiǎn)單。

四、傳統(tǒng)水墨元素在手機(jī)游戲界面設(shè)計(jì)中的應(yīng)用

《墨染》這款手機(jī)游戲最大的特點(diǎn)就是其水墨風(fēng)格的游戲畫面，整個(gè)畫面清新靜謐，有著十分濃郁的中國(guó)味道。我們看《墨染》的登錄界面（圖4），色調(diào)清新，元素也不是那么復(fù)雜，但是卻給人一種很唯美的感覺(jué)。其實(shí)游戲的用色非常簡(jiǎn)單，以池塘的白、金魚(yú)的紅、荷葉的綠作為主色調(diào)讓畫面呈現(xiàn)出比較素雅的效果。另外池塘里的金魚(yú)以及荷葉也是極具中國(guó)古典畫風(fēng)采。墨染二字，字體行云流水，更是將中國(guó)的傳統(tǒng)書(shū)法很巧妙的運(yùn)用在了界面設(shè)計(jì)當(dāng)中。

這款手機(jī)游戲的操作也不復(fù)雜，通過(guò)點(diǎn)擊手機(jī)屏幕使金魚(yú)在水渦之間來(lái)回游動(dòng)，碰到墨線后金魚(yú)的顏色隨之發(fā)生改變，最終金魚(yú)游到目標(biāo)處且與目標(biāo)顏色相同即為闖關(guān)成功。另外，游戲在界面的頂部也給予了提示，明確指出了目標(biāo)顏色和小魚(yú)當(dāng)前的顏色，小魚(yú)穿過(guò)墨線身體顏色變化后，游戲也會(huì)相應(yīng)地給出提示，以便讓玩家明白還需要碰觸多少次墨線才能與目標(biāo)顏色相匹配。整個(gè)游戲畫面非常有質(zhì)感，每一關(guān)都被巧妙的設(shè)計(jì)成了一幅畫，畫上的金魚(yú)在荷葉間緩慢游動(dòng)，池水隨著指尖點(diǎn)擊屏幕泛起一圈圈淡淡的漣漪。不過(guò)整個(gè)場(chǎng)景并不是簡(jiǎn)約寫意風(fēng)格，而是用荷葉、水渦、花瓣、藤蔓等元素將畫面鋪得滿滿當(dāng)當(dāng)，給人以較強(qiáng)的視覺(jué)沖擊感。（圖5）

另外一款手機(jī)游戲《新忍者必須死2》在視覺(jué)感受上另辟蹊徑，它沒(méi)有沿用目前大熱的寫實(shí)風(fēng)、可愛(ài)風(fēng)，而是采用了最能體現(xiàn)中國(guó)特色的水墨風(fēng)格。無(wú)論是線條、顏色還是整體構(gòu)圖都透露出一股靈動(dòng)，為玩家打開(kāi)了全新的手游美術(shù)視野。整個(gè)游戲場(chǎng)景在黑與白強(qiáng)烈的對(duì)比下會(huì)讓玩家感到精神一震，另外主角佩戴的紅色圍巾仿佛暗夜中的一抹血色，再加上精美的場(chǎng)景，讓我們感覺(jué)似乎所有的事物都活了起來(lái)。跟現(xiàn)代風(fēng)格相比較，傳統(tǒng)水墨元素獨(dú)特的色彩語(yǔ)言讓手機(jī)游戲《新忍者必須死2》的整體界面更富有個(gè)性。（圖6）

該游戲不僅靜態(tài)畫面吸引人，動(dòng)態(tài)畫面的效果也很出色。游戲界面的結(jié)構(gòu)清晰明了，畫面左側(cè)月光下的人物角色瞬間就抓住了玩家的目光，惹眼的紅色圍巾更是賦予了角色靈性，圍巾隨風(fēng)而動(dòng)，簡(jiǎn)單飄逸。畫面右下角三大模式圖標(biāo)的閃光效果也加強(qiáng)了玩家點(diǎn)擊的欲望，在玩家游戲過(guò)程中，華麗的特效展示更是被發(fā)揮到了極致，所有的細(xì)節(jié)都體現(xiàn)了該款手機(jī)游戲的精益求精。（圖7）

結(jié)語(yǔ)

中國(guó)是一個(gè)有著深厚文化底蘊(yùn)的國(guó)家，所有的中國(guó)文化都值得傳承和弘揚(yáng)。傳統(tǒng)水墨元素繼承了傳統(tǒng)水墨畫的精髓，對(duì)于表達(dá)方式也進(jìn)行了革新，它以全新的眼光和開(kāi)拓性的精神進(jìn)行著變化、發(fā)展。根據(jù)游戲內(nèi)容需要通過(guò)創(chuàng)新實(shí)踐把傳統(tǒng)水墨元素融入到手機(jī)游戲界面設(shè)計(jì)中，將界面功能、水墨元素形式、游戲內(nèi)容有機(jī)統(tǒng)一，為當(dāng)代手機(jī)游戲界面設(shè)計(jì)的創(chuàng)新過(guò)程注入活力。

參考文獻(xiàn)：

[1] 范迪安.當(dāng)代文化情境中的水墨本色[M].石家莊：河北教育出版社，2001.

[2] 王立群，李紅松.電腦游戲策劃與設(shè)計(jì)[M].上海：復(fù)旦大學(xué)出版社，2008.

[3] 蔡龍飛.游戲界面設(shè)計(jì)的人性化 [J] .南京藝術(shù)學(xué)院設(shè)計(jì)藝術(shù)學(xué)學(xué)報(bào)，2005.