圖標(biāo)設(shè)計(jì)在智能手機(jī)游戲界面中的運(yùn)用分析

邵亞楠

摘 要：信息技術(shù)飛速發(fā)展背景下，游戲產(chǎn)業(yè)呈現(xiàn)出了蓬勃發(fā)展的態(tài)勢，尤其是智能手機(jī)功能的不斷強(qiáng)化，使得手機(jī)游戲的類型變得愈發(fā)豐富，各種新穎游戲模式層出不窮，不過基本的游戲界面設(shè)計(jì)依然存在。很多時(shí)候，用戶看到的游戲界面并非簡單的圖標(biāo)或圖形拼湊，而是呈現(xiàn)出多元化構(gòu)成組合的態(tài)勢，其存在方式不再一味局限于平面。將圖標(biāo)設(shè)計(jì)應(yīng)用到手機(jī)游戲界面中，能夠?qū)缑孢M(jìn)行優(yōu)化，增強(qiáng)設(shè)計(jì)效果。本文從手機(jī)游戲的特點(diǎn)著手，論述了手機(jī)圖標(biāo)的設(shè)計(jì)方法，并就圖標(biāo)設(shè)計(jì)在智能手機(jī)游戲界面中的運(yùn)用進(jìn)行了分析和討論，希望能夠?yàn)槭謾C(jī)游戲的發(fā)展提供一些參考。

關(guān)鍵詞：圖標(biāo)設(shè)計(jì);智能手機(jī);游戲界面;運(yùn)用

0 前言

游戲作為國民經(jīng)濟(jì)中的一項(xiàng)重要產(chǎn)業(yè)，在社會(huì)發(fā)展中發(fā)揮著不容忽視的作用，在科學(xué)技術(shù)快速發(fā)展的帶動(dòng)下，電子游戲與傳媒、學(xué)習(xí)等建立起了異常密切的關(guān)聯(lián)。手機(jī)游戲可以看作電子游戲在移動(dòng)終端領(lǐng)域的延伸，憑借本身的移動(dòng)性、便攜性特征，手機(jī)游戲大有取代PC端游戲的趨勢，而智能手機(jī)功能的不斷強(qiáng)化，更是為手機(jī)游戲的發(fā)展提供了良好的基礎(chǔ)條件。

1 手機(jī)游戲的特點(diǎn)

手機(jī)游戲指以手機(jī)為平臺(tái)運(yùn)行的游戲軟件，伴隨著科學(xué)技術(shù)的發(fā)展，手機(jī)游戲逐漸發(fā)展到了與掌上游戲機(jī)、PC端游戲相媲美的程度，具備更強(qiáng)的娛樂性和交互性。而相比較其他游戲，手機(jī)游戲具備幾個(gè)非常顯著的特點(diǎn)，一是潛在用戶群龐大。相關(guān)統(tǒng)計(jì)數(shù)據(jù)顯示，全球范圍內(nèi)移動(dòng)電話的使用人數(shù)超過10億，這也使得手機(jī)游戲具備了異常龐大的潛在客戶群體。二是便攜性及移動(dòng)性。GameBoy之所以能夠受到人們的青睞，一個(gè)非常重要的原因就是便攜性，[1]人們可以擺脫P(yáng)C端的束縛，隨時(shí)隨地沉浸于自己喜歡的游戲中，獲得良好的游戲體驗(yàn)，這也使得手機(jī)游戲具備非常鮮明的碎片化特征。相關(guān)調(diào)查顯示，有超過29.8%的用戶在接觸手機(jī)游戲后使用電腦玩游戲的時(shí)間有所減少，22.4%的用戶利用手機(jī)玩游戲的時(shí)間不斷增長，手機(jī)游戲已經(jīng)成為一種非常普遍的娛樂方式。三是支持網(wǎng)絡(luò)。手機(jī)本身是一種移動(dòng)網(wǎng)絡(luò)終端設(shè)備，雖然存在一定的限制條件，但是同樣能夠如同PC游戲一樣實(shí)現(xiàn)多人在線游戲，而伴隨著移動(dòng)網(wǎng)絡(luò)的一再提速，移動(dòng)游戲開始被越來越多的人所接受，對于傳統(tǒng)游戲設(shè)備產(chǎn)生了巨大沖擊。[2]

2 手機(jī)圖標(biāo)的設(shè)計(jì)方法

2.1 充分把握程序特征

設(shè)計(jì)人員首先要充分把握手機(jī)游戲程序的特點(diǎn)，從其中提取關(guān)鍵性詞語，然后將其圖形化與具象化，最后立足于手機(jī)游戲界面特點(diǎn)，將游戲程序的最顯著特征繪制出來。

2.2 準(zhǔn)確定位受眾群體

設(shè)計(jì)人員要對手機(jī)游戲程序的使用群體有深刻認(rèn)知，根據(jù)用戶群體的年齡、職業(yè)等各方面特征，合理選用色彩及其表現(xiàn)形式。手機(jī)游戲程序的受眾主要是青少年，在進(jìn)行游戲界面的圖標(biāo)設(shè)計(jì)時(shí)應(yīng)盡量采用色彩純度相對較高的暖色調(diào)，并通過卡通形象表現(xiàn)出來。

2.3 保證界面圖標(biāo)的簡潔化與直觀化

在進(jìn)行手機(jī)游戲界面圖標(biāo)的設(shè)計(jì)過程中，設(shè)計(jì)人員應(yīng)盡可能防止出現(xiàn)大量元素堆積的現(xiàn)象，所設(shè)計(jì)圖標(biāo)只需將游戲相關(guān)信息傳遞出來即可，無須過量添加不必要的元素，以免適得其反。

2.4 確保圖標(biāo)設(shè)計(jì)的合理性與全面性

設(shè)計(jì)人員在進(jìn)行手機(jī)游戲界面圖標(biāo)設(shè)計(jì)時(shí)，必須對圖標(biāo)的像素與尺寸等方面進(jìn)行合理分析與使用，以防止出現(xiàn)偏差。與此同時(shí)，設(shè)計(jì)人員還應(yīng)對光影、亮度以及色彩等元素進(jìn)行綜合考慮，以使所設(shè)計(jì)圖標(biāo)能將游戲信息更好地呈現(xiàn)給用戶。

3 圖標(biāo)設(shè)計(jì)在智能手機(jī)游戲界面中的運(yùn)用

在游戲界面中，圖標(biāo)扮演著執(zhí)行、導(dǎo)向和說明等角色，發(fā)揮著相當(dāng)關(guān)鍵的作用，圖標(biāo)的設(shè)計(jì)和運(yùn)用同樣會(huì)對游戲界面的質(zhì)量產(chǎn)生直接影響。就目前而言，在電子產(chǎn)品界面中，圖標(biāo)設(shè)計(jì)表現(xiàn)為兩種不同的風(fēng)格，一是扁平化，二是擬物化，兩者并不存在高下之分。對于智能手機(jī)游戲界面中圖標(biāo)設(shè)計(jì)的運(yùn)用，可以從幾個(gè)方面進(jìn)行分析：

3.1 圖標(biāo)設(shè)計(jì)風(fēng)格

第一，扁平化。扁平化圖標(biāo)多用于一些小屏幕便攜式設(shè)備，如智能手機(jī)、平板電腦等，這些設(shè)備為了方便攜帶而縮小了顯示范圍，因此很難產(chǎn)生大屏幕的絢麗效果，[3]而且也不具備設(shè)置外界輸入器材的先天條件，想要在手掌大小的屏幕上將帶有豐富細(xì)節(jié)的游戲圖標(biāo)展示出來，顯然很不現(xiàn)實(shí)。雖然無論是三星、蘋果還是華為、OPPO等手機(jī)生產(chǎn)廠商都在探索兼顧便攜性和屏幕尺寸的新技術(shù)，但是無論如何，智能手機(jī)都不可能與電腦屏幕相比，再精致的手機(jī)游戲圖標(biāo)單純憑借玩家的肉眼也無法有效分辨，不僅會(huì)導(dǎo)致資源的浪費(fèi)，還容易讓眼睛承受較大負(fù)荷，增加玩家游戲過程中的視覺疲勞。換言之，過高的清晰度反而會(huì)形成負(fù)擔(dān)。扁平化的圖標(biāo)設(shè)計(jì)風(fēng)格能夠使游戲界面變得更加干凈整潔，增強(qiáng)圖標(biāo)的視覺傳達(dá)效果，而且能夠在有限的空間內(nèi)，盡可能展示更多的內(nèi)容，配合合理的界面排版，更是可以對單一界面中圖標(biāo)信息的承載量進(jìn)行強(qiáng)化，使得玩家能夠通過圖標(biāo)獲取更多信息。[4]

第二，擬物化。雖然在小屏終端設(shè)備中，扁平化的圖標(biāo)設(shè)計(jì)似乎如魚得水，但是這并不表明其較擬物化設(shè)計(jì)更具優(yōu)勢。以《爐石傳說》為例，最初的游戲界面中，圖標(biāo)風(fēng)格較為平庸，尤其是受歐美玄幻風(fēng)格的影響，游戲中存在的是一些最基本、最常見的元素，以此為基礎(chǔ)衍生出的常規(guī)圖標(biāo)帶給玩家的感覺與一般的卡牌類游戲并沒有很大區(qū)別，對于很多玩家而言，在玩游戲的過程中，都是簡單地從一個(gè)畫面直接進(jìn)入另一個(gè)畫面，界面的設(shè)定過于枯燥。而這款游戲在這樣的情況下依然可以大火，主要是在進(jìn)行圖標(biāo)和界面設(shè)計(jì)的過程中，運(yùn)用了擬物化的手法進(jìn)行圖標(biāo)設(shè)計(jì)，在抽到貴重稀有的卡牌時(shí)，玩家可以從擬物化的圖標(biāo)風(fēng)格中[5]感受到卡片的質(zhì)感，從而于第一時(shí)間了解卡片的珍貴程度。這種看似簡單的改變卻將普通的二維模式帶入了三維境界中，相比較傳統(tǒng)的扁平化圖標(biāo)設(shè)計(jì)，游戲界面的改變可以說是飛躍性的。

3.2 圖標(biāo)色彩風(fēng)格

一個(gè)優(yōu)秀的圖標(biāo)設(shè)計(jì)必須具備良好的辨識性，在對圖標(biāo)設(shè)計(jì)效果進(jìn)行評價(jià)的過程中，精確的圖形特征以及視覺信息傳達(dá)是非常重要的評價(jià)標(biāo)準(zhǔn)。從游戲界面設(shè)計(jì)效果的角度，需要關(guān)注風(fēng)格的統(tǒng)一和對比。風(fēng)格統(tǒng)一強(qiáng)調(diào)在設(shè)計(jì)過程中，必須嚴(yán)格依照劇情設(shè)定和基本常識，進(jìn)行圖標(biāo)和界面風(fēng)格的確定，以第一人稱視角冒險(xiǎn)類游戲《神偷》為例，在風(fēng)格上以灰暗、紅黑為主，劇情的特征界定了角色的陰暗性設(shè)定。[6]在這種風(fēng)格下，游戲圖標(biāo)同樣應(yīng)該采用暗色系色調(diào)為基準(zhǔn)，通過暗色和銀色的合理搭配，能夠?qū)⒔巧旧砝淇岬男蜗笏茉斐鰜?，從視覺層面加強(qiáng)與玩家的互動(dòng)，提升游戲的可玩性;風(fēng)格對比需要以風(fēng)格統(tǒng)一為基礎(chǔ)，這種類型的游戲多是存在彼此對立的雙方乃至多方，不同種族有著不同的風(fēng)格特色。以比較常見的魔幻類體裁游戲?yàn)槔?，其基本世界觀包括風(fēng)、火、水、土四種元素，在圖標(biāo)設(shè)計(jì)中應(yīng)該體現(xiàn)出不同元素的特色。例如，迅疾的風(fēng)可以采用綠色圖標(biāo)，厚重的土可以采用土黃色，燃燒的火搭配紅色，流動(dòng)的水呈現(xiàn)藍(lán)色，其各自的功能也可以分別對應(yīng)輔助、防御、攻擊和治療。事實(shí)上，相對于技能設(shè)計(jì)，種族和國家更應(yīng)該體現(xiàn)出風(fēng)格的對比，如紅色可以代表地獄惡魔，[7]象征侵略、破壞，綠色可以代表自然精靈，象征智慧、平靜，通過對圖標(biāo)顏色的合理設(shè)定，賦予其更強(qiáng)的表現(xiàn)力和特性。

3.3 圖標(biāo)實(shí)用性

在智能手機(jī)游戲界面中，圖標(biāo)設(shè)計(jì)在強(qiáng)調(diào)游戲風(fēng)格及創(chuàng)新的同時(shí)，還應(yīng)該兼顧實(shí)用性。與平面設(shè)計(jì)中的圖標(biāo)設(shè)計(jì)存在很大區(qū)別，手機(jī)游戲中的圖標(biāo)并非固定不變，可以從靜態(tài)信息傳遞轉(zhuǎn)變?yōu)閯?dòng)態(tài)信息傳達(dá)，傳遞的內(nèi)容也可以從單一到多樣。對比平面設(shè)計(jì)師制作的標(biāo)志標(biāo)記，游戲中的動(dòng)態(tài)圖標(biāo)可以體現(xiàn)在顏色的變化、形態(tài)的變化甚至位置的變化，在設(shè)計(jì)過程中必須強(qiáng)調(diào)實(shí)用性特征。一款成功的手機(jī)游戲，離不開圖標(biāo)的變化。打一個(gè)形象的比喻，圖標(biāo)設(shè)計(jì)的動(dòng)態(tài)變化就如同精密機(jī)械中的齒輪，能夠帶動(dòng)機(jī)械的運(yùn)轉(zhuǎn)，推動(dòng)游戲的進(jìn)程，在這種情況下，對于游戲圖標(biāo)設(shè)計(jì)的要求也就更加嚴(yán)格。[8]例如，在游戲中，存在順發(fā)技能和可持續(xù)技能，而無論是技能的冷卻還是持續(xù)使用，都必須與未使用狀態(tài)進(jìn)行區(qū)分。通常情況下，可以利用彩色和黑白的顏色變化進(jìn)行區(qū)分，但是對于一款高質(zhì)量的游戲而言，這樣的圖標(biāo)未免過于簡單枯燥，雖然可以直觀表達(dá)出想要表達(dá)的內(nèi)容，卻無法充分滿足玩家對于游戲視覺方面的需求。如何做好細(xì)節(jié)處理，以更加新穎的創(chuàng)意來滿足游戲玩家的感官要求，是游戲設(shè)計(jì)人員需要關(guān)注的核心問題。舉例說明，進(jìn)度圖標(biāo)是時(shí)間和信息量讀取概念的一種常見表現(xiàn)方式，而其最基本、最普通的表達(dá)是填充，在相應(yīng)的圖標(biāo)設(shè)計(jì)中，可以摒棄傳統(tǒng)的說明方式，代之以事物變化，如人物成長、腳步前進(jìn)等，推動(dòng)量變的實(shí)現(xiàn)，從而為玩家的等待過程賦予一定的期待值，圖標(biāo)的設(shè)計(jì)更加人性化，玩家在游戲場景切換的過程中也不至于感到無聊。結(jié)合當(dāng)前異?；鸨母偧碱愑螒蚍治?，很多時(shí)候，技能釋放時(shí)間和釋放位置的預(yù)判會(huì)成為決定成敗的細(xì)節(jié)，而一款優(yōu)秀的游戲在這些細(xì)節(jié)的處理中更是要求精益求精。從設(shè)計(jì)師的角度，應(yīng)該優(yōu)先考慮技能冷卻時(shí)對于玩家的提示，方便玩家更好地把握技能釋放。當(dāng)前很多流行的對戰(zhàn)類游戲之所以會(huì)不斷對圖標(biāo)進(jìn)行修改，并非要求圖標(biāo)具備更加絢麗的信息傳達(dá)效果，而是希望借此來對圖標(biāo)本身的功能性進(jìn)行強(qiáng)化。在設(shè)計(jì)行業(yè)，功能性和美學(xué)性總是存在著一定的矛盾沖突，如何進(jìn)行取舍，需要設(shè)計(jì)人員從產(chǎn)品本身的定位來確定，在強(qiáng)調(diào)對戰(zhàn)和競技的游戲中，美觀的圖標(biāo)固然可以增加游戲界面的整體視覺效果，但是對于玩家而言，其并不如實(shí)用性圖標(biāo)那樣受歡迎。在這種情況下，圖標(biāo)設(shè)計(jì)的作用主要是為了確保玩家可以將自身的實(shí)力更好地發(fā)揮出來，不會(huì)因?yàn)閳D標(biāo)設(shè)計(jì)的不合理而出現(xiàn)操作方面的失誤。[9]

以當(dāng)前全民現(xiàn)象級手游《王者榮耀》為例，其本身的技能圖標(biāo)就經(jīng)過了多次改動(dòng)，從最初的黑白圖標(biāo)讀條，到之后的圖標(biāo)時(shí)間沙漏，再到現(xiàn)在的圖標(biāo)精確倒計(jì)時(shí)，可謂不厭其煩。早期版本中，技能圖標(biāo)的冷卻采用的是明暗的對比變化，對于普通玩家而言，這樣的圖標(biāo)表現(xiàn)方式并不會(huì)存在明顯差別，但是對專業(yè)的競技選手而言，意味著其必須額外花費(fèi)更多的精力，對技能冷卻的時(shí)間進(jìn)行計(jì)算，這樣必然會(huì)對其水平的發(fā)揮造成影響。一個(gè)關(guān)鍵技能的釋放失誤可能影響一場團(tuán)戰(zhàn)的走向，甚至改寫比賽結(jié)果?；诖?，設(shè)計(jì)人員進(jìn)一步完善了圖標(biāo)的設(shè)計(jì)，采用漸變的方式來提醒玩家技能冷卻時(shí)間的長短，配合視覺動(dòng)態(tài)變化，幫助玩家更好地把握技能的釋放時(shí)機(jī)。雖然這種方式較最初的圖標(biāo)設(shè)計(jì)有了很大進(jìn)步，但是依然存在一定的不足。因?yàn)椤锻跽邩s耀》屬于團(tuán)隊(duì)競技類游戲，隊(duì)友之間的溝通和配合較之個(gè)人能力更加重要，為了進(jìn)一步加強(qiáng)游戲的可操控性，設(shè)計(jì)人員再次對圖標(biāo)設(shè)計(jì)方式進(jìn)行了改變，直接以精確的倒計(jì)時(shí)進(jìn)行設(shè)定，玩家可以直觀把握技能的冷卻時(shí)間，甚至可以通過自定義設(shè)置，將技能冷卻提示時(shí)間設(shè)置為0.1s，通過左上方的隊(duì)伍標(biāo)記，可以查看每一個(gè)隊(duì)友的狀態(tài)，了解其是否有“大招”，是否可以提供支援、補(bǔ)刀等。這樣的設(shè)計(jì)使得游戲變得更加富有人性化，玩家可以將更多的精力放在操作上，有效減少不必要的失誤。正是因?yàn)檫@種人性化設(shè)計(jì)，《王者榮耀》的操作變得愈發(fā)簡單，上手容易，成了競技類手機(jī)游戲的代表。[10]

4 結(jié)語

在智能手機(jī)界面中，圖標(biāo)設(shè)計(jì)可能僅僅是界面設(shè)計(jì)的一部分，甚至對于整個(gè)游戲設(shè)計(jì)而言顯得有些“不值一提”，但恰恰是看似簡單的圖標(biāo)設(shè)計(jì)構(gòu)建了游戲界面的基礎(chǔ)，為其運(yùn)作提供了可靠支撐。雖然在對游戲圖標(biāo)進(jìn)行審查時(shí)，很多時(shí)候都是單純的以美丑定輸贏，并不足以了解蘊(yùn)含在圖標(biāo)內(nèi)部的精神，但是其本身在游戲中的重要性始終不容忽視，圖標(biāo)設(shè)計(jì)的價(jià)值在智能手機(jī)游戲的方方面面都有著至關(guān)重要的體現(xiàn)，必須得到足夠的重視。

參考文獻(xiàn)：

[1] 夏韜.智能手機(jī)App中圖標(biāo)元素形式風(fēng)格設(shè)計(jì)研究[D].北方工業(yè)大學(xué)，2017.

[2] 陳希赟，王玨，呂瑞境.智能手機(jī)游戲界面設(shè)計(jì)——以“嘉興紅十”UI設(shè)計(jì)為例[J].設(shè)計(jì)，2017，（05）：11-13.

[3] 安航.基于手機(jī)游戲的UI設(shè)計(jì)方法研究[D].陜西師范大學(xué)，2016.

[4] 朱曉陽，朱華，歐永和.極簡主義在手機(jī)APP啟動(dòng)圖標(biāo)設(shè)計(jì)中的運(yùn)用[J].包裝工程，2014，35（08）：14-17.

[5] 楊明朗，郭峰，劉賀.兒童學(xué)習(xí)型游戲人機(jī)交互界面的設(shè)計(jì)研究[J].包裝工程，2012，33（22）：45-48.

[6] 匡皓璐，易葉青.基于MTK的連連看游戲的開發(fā)與實(shí)現(xiàn)[J].湖南人文科技學(xué)院學(xué)報(bào)，2012，（05）：100-103.

[7] 秦濤.跨平臺(tái)手機(jī)游戲的設(shè)計(jì)過程研究[J].通訊世界，2016（6）：270.

[8] 田培，鞠京梁.淺談?dòng)脩艚缑嬷械膱D標(biāo)設(shè)計(jì)[J].文藝生活（下），2012（3）：179.