論手機(jī)游戲UI設(shè)計(jì)中視覺藝術(shù)元素的構(gòu)成

摘 要：電子產(chǎn)品的多樣性，使得與電子產(chǎn)品有關(guān)的手機(jī)游戲UI界面設(shè)計(jì)逐漸受到人們的關(guān)注。針對智能手機(jī)應(yīng)用越來越廣泛，手機(jī)游戲UI界面設(shè)計(jì)具有舉足輕重的作用，它的設(shè)計(jì)讓界面具有各種獨(dú)特設(shè)計(jì)風(fēng)格，更側(cè)重于凸顯出手機(jī)游戲UI界面設(shè)計(jì)的人性化。手機(jī)游戲UI界面設(shè)計(jì)包含了交換特性的新式界面，擁有視覺藝術(shù)范疇內(nèi)的各種要素。從已有的設(shè)計(jì)狀態(tài)來看，手機(jī)游戲UI界面設(shè)計(jì)占有凸顯的主導(dǎo)地位，注重采納視覺藝術(shù)元素?；诖?，文章主要從手機(jī)游戲UI設(shè)計(jì)中視覺藝術(shù)元素融入的目的出發(fā)，對手機(jī)游戲UI設(shè)計(jì)中視覺藝術(shù)元素的構(gòu)成進(jìn)行分析，以供參考完善。

關(guān)鍵詞：手機(jī)游戲UI設(shè)計(jì)；視覺藝術(shù)元素；構(gòu)成

隨著科學(xué)技術(shù)的快速發(fā)展與應(yīng)用，在新形勢背景下手機(jī)已得到廣泛應(yīng)用，手機(jī)游戲UI界面設(shè)計(jì)得到進(jìn)一步的提升，采納了UI界面設(shè)計(jì)流程內(nèi)的新視點(diǎn)。手機(jī)游戲UI界面設(shè)計(jì)增加了人機(jī)交換的必備橋梁，設(shè)置了用戶體驗(yàn)。如果在手機(jī)游戲UI界面設(shè)計(jì)中融入視覺藝術(shù)元素，將會拓展手機(jī)游戲UI界面設(shè)計(jì)的視野，創(chuàng)設(shè)出良好的視覺效應(yīng)，以此豐富手機(jī)游戲UI界面設(shè)計(jì)。

1 手機(jī)游戲UI設(shè)計(jì)中視覺藝術(shù)元素融入的目的

1.1 人機(jī)交換

手機(jī)游戲UI界面設(shè)計(jì)過程中，設(shè)計(jì)師通常會將手機(jī)游戲UI界面設(shè)計(jì)中獨(dú)有的文本段落進(jìn)行縮減，讓文本段落表達(dá)簡單化、直觀化，以此方便用戶與手機(jī)之間的交互。與此同時(shí)，在手機(jī)游戲UI界面設(shè)計(jì)中增加三維圖形，能夠替代設(shè)計(jì)中復(fù)雜的機(jī)器語言，讓用戶更易于接受。如果手機(jī)游戲UI界面設(shè)計(jì)，沒有相應(yīng)的界面，那么所設(shè)置的人機(jī)交換流程就無法響應(yīng)。在這個(gè)階段，手機(jī)游戲UI界面設(shè)計(jì)可增加必備的響應(yīng)，滿足人機(jī)交換的需求，加強(qiáng)人機(jī)交換易用、易學(xué)和易理解的作用，讓手機(jī)游戲UI界面設(shè)計(jì)更好地服務(wù)于用戶。

1.2 信息數(shù)據(jù)的傳播

手機(jī)游戲UI界面設(shè)計(jì)具有虛擬性，能夠顯示出和手機(jī)有關(guān)的環(huán)境、人物、事件與對象等傳遞中必備的主體，傳遞這些信息數(shù)據(jù)，可以讓用戶做出后續(xù)的決策。通常情況下，手機(jī)游戲UI界面設(shè)計(jì)中增加的視頻和圖片能夠?qū)⑽淖终Z言表達(dá)直觀化，讓文字表達(dá)更具生動性，更容易讓用戶接受與使用，并牢牢記在腦海中。

1.3 娛樂享受

在設(shè)計(jì)手機(jī)游戲UI界面過程中，除了需要結(jié)合人機(jī)交換與信息數(shù)據(jù)傳播因素外，還應(yīng)充分考慮增加各種有趣的內(nèi)容以此吸引顧客，起到錦上添花的作用。例如現(xiàn)在的智能手機(jī)，會增加一些新穎的設(shè)計(jì)界面，讓手機(jī)游戲的界面更具吸引力。增加的趣味性內(nèi)容，滿足新形勢下用戶的購買需求，以此滿足用戶的娛樂享受。

2 手機(jī)游戲UI設(shè)計(jì)中視覺藝術(shù)元素的構(gòu)成

2.1 游戲角色

游戲角色及時(shí)在手機(jī)游戲UI界面設(shè)計(jì)中，隨著游戲情節(jié)發(fā)展而相繼出場的一系列劇中人物的形象構(gòu)成。在整個(gè)手機(jī)游戲UI界面設(shè)計(jì)中，游戲角色造型扮演著重要角色，是游戲角色中最關(guān)鍵部分，也是手機(jī)游戲UI界面設(shè)計(jì)中視覺文本的基本藝術(shù)構(gòu)成元素。一部優(yōu)秀的手機(jī)游戲作品，必須擁有良好的游戲角色才能充分傳達(dá)出手機(jī)游戲設(shè)計(jì)的故事情節(jié)，凸顯人物個(gè)性發(fā)展。角色造型不僅具有藝術(shù)性質(zhì)，也具有更大的商業(yè)價(jià)值，有可能會被轉(zhuǎn)拍成商業(yè)電影。例如《古墓麗影》這款游戲，在游戲角色選擇方面以典型的人物——美女勞拉一舉成名，之后故事被相繼翻拍成同名的商業(yè)電影。又如《指環(huán)王》與《哈利波特》，設(shè)計(jì)師按照電影和故事情景中的游戲角色將其制作成手機(jī)游戲，主要是因?yàn)殡娪芭c故事里的解決深受受眾的喜愛，而被商家在這一基礎(chǔ)上開發(fā)成為一款經(jīng)典的互動的電子游戲。

2.2 游戲場景

在手機(jī)游戲UI界面設(shè)計(jì)過程中，融入視覺藝術(shù)元素除了注重游戲角色外，還應(yīng)充分結(jié)合當(dāng)時(shí)的游戲場景，通過游戲場景的設(shè)計(jì)，將相應(yīng)表達(dá)的內(nèi)容傳達(dá)出來。因此，手機(jī)游戲UI界面設(shè)計(jì)中，游戲場景設(shè)計(jì)作為體現(xiàn)游戲故事情節(jié)、完成戲劇沖突和對人物性格刻畫的一種時(shí)空造型藝術(shù)，要求設(shè)計(jì)師必須以游戲中的文字、人物與特定時(shí)間為依據(jù)，堅(jiān)持“形式追隨功能，場景追隨故事”的基本原則進(jìn)行設(shè)計(jì)。此外，手機(jī)游戲UI設(shè)計(jì)中場景設(shè)計(jì)造型凸顯了游戲空間結(jié)構(gòu)和風(fēng)格刻畫，這就要求設(shè)計(jì)師必須按照游戲整體布局和局部之間的關(guān)系，形成手機(jī)游戲造型方式的基本風(fēng)格。例如，在《奧特曼打怪獸》的游戲UI界面設(shè)計(jì)中，奧特曼和各種怪獸交戰(zhàn)的場景中，需要轉(zhuǎn)換視覺藝術(shù)元素，那么設(shè)計(jì)師在設(shè)計(jì)游戲UI界面過程中，需要從奧特曼和各種怪獸的視覺出發(fā)，將二者之間的對手交替呈現(xiàn)出來，讓玩家在玩的過程中，融入創(chuàng)設(shè)的游戲場景中，以此豐富游戲內(nèi)容，讓用戶體驗(yàn)到游戲的娛樂性。另外，在設(shè)計(jì)游戲UI過程中還應(yīng)營造戰(zhàn)斗的緊張氛圍，讓游戲設(shè)計(jì)風(fēng)格和游戲內(nèi)部保持一致。

2.3 游戲色彩

在手機(jī)游戲UI界面設(shè)計(jì)中，色彩元素作為設(shè)計(jì)中不可缺少的視覺元素。加上同一個(gè)人在心理狀態(tài)不同的情況下，所接受的顏色也是不一樣的，并且色彩的運(yùn)用本身能夠反映出一個(gè)人的心理情緒，座椅在色彩不同的情況下，也讓人產(chǎn)生不同的心理效應(yīng)。因此，在手機(jī)游戲UI界面設(shè)計(jì)過程中，設(shè)計(jì)師必須按照用戶的審美心理和習(xí)慣進(jìn)行設(shè)計(jì)，創(chuàng)造出不同操作情況下色彩個(gè)性化的視覺效果，使用相似或者是接近的系統(tǒng)界面整體色調(diào)的色彩，確保界面背景的顏色與視覺藝術(shù)元素的顏色、文字設(shè)計(jì)顏色保持一致性，否則所運(yùn)用的色彩將會與對比色出現(xiàn)沖突給用戶使用情緒帶來不良影響。另外，為了增加人機(jī)交換的協(xié)調(diào)性與手機(jī)游戲整個(gè)UI界面設(shè)計(jì)的藝術(shù)性，在色彩設(shè)計(jì)過程中，還可讓用戶按照自己的喜好來選擇合適的系統(tǒng)色彩，實(shí)現(xiàn)手機(jī)游戲UI界面設(shè)計(jì)的活躍性。例如在《赤壁》的游戲UI界面設(shè)計(jì)中，畫面色彩融入了我國特色的風(fēng)格，游戲角色以紅色、黃色、青色、黑色及白色等為主打色調(diào)，充分想象了我國民間繪畫與臉譜色彩的“寫意性”，而游戲場景中自然畫面色彩簡潔、優(yōu)雅，又如我國水墨一般，游戲戰(zhàn)斗畫面精湛，色彩濃重卻不零亂，將戰(zhàn)斗中宏大的氣氛渲染出來。

2.4 字體設(shè)計(jì)

文字設(shè)計(jì)在手機(jī)游戲UI界面中起到解說和宣傳的效果，如果用戶在短時(shí)間內(nèi)沒有了解掌握所玩的手機(jī)游戲規(guī)則，那么用戶將會難以激發(fā)對這款手機(jī)的興趣。例如，在《瘋狂猜成語》的游戲UI界面設(shè)計(jì)中，關(guān)于游戲說明方面，文字標(biāo)題內(nèi)容十分醒目，并且文字位置、大小與顏色編排也不同，每一塊文字大小保持一種，合理布置文字位置。然后在文字旁邊配置相同的圖片加以說明，讓用戶通過圖文結(jié)合方式來了解游戲規(guī)則。此外，設(shè)計(jì)師還對提示按鈕的顏色和游戲UI界面顏色進(jìn)行區(qū)分，以此方便用戶點(diǎn)擊。

3 結(jié)語

手機(jī)游戲中UI界面設(shè)計(jì)運(yùn)用視覺藝術(shù)元素，要求設(shè)計(jì)師必須明白視覺藝術(shù)元素融入的目的是人機(jī)交換，以此傳播信息數(shù)據(jù)，為用戶提供娛樂享受服務(wù)。因此，在設(shè)計(jì)過程中，設(shè)計(jì)師可將視覺藝術(shù)元素充分運(yùn)用到游戲角色、游戲場景、游戲色彩與文字設(shè)計(jì)中，在滿足用戶的基本功能要求同時(shí)，讓用戶感受到視覺與心理的享受，追求精神上的審美與人性化關(guān)懷，讓視覺藝術(shù)元素更好地服務(wù)于用戶。

參考文獻(xiàn)：

[1] 朱婷.論視覺傳達(dá)設(shè)計(jì)的構(gòu)成要素在游戲UI中的運(yùn)用[J].商，2013（9）：61.

[2] 陳潔茹.手機(jī)UI設(shè)計(jì)中視覺藝術(shù)元素的構(gòu)成[J].大眾文藝，2016（3）：109.

[3] 趙麗梅，張志亮. UI設(shè)計(jì)中的視覺表現(xiàn)分析[J].藝術(shù)科技，2015（4）：203.

[4] 劉曉夫.淺析手機(jī)UI設(shè)計(jì)與用戶使用習(xí)慣[J].藝術(shù)科技，2014（9）：40.