基于手機游戲UI中的視覺設計研究

程今藝

（長春建筑學院，吉林 長春 130000）

智能手機的出現讓人們的生活變得更加便利，以往只能夠用電腦處理的事務，如今大部分都能夠在手機上得到實現。而我國智能手機用戶就多達7億，約占全球手機用戶的20%。智能手機的出現帶動了我國許多電子行業的發展，其中手游行業發展勢頭火爆。而玩家在出玩游戲時對游戲的第一印象必然是游戲的UI界面設計，這也直接決定著游戲是否能夠吸引玩家。因此如何做好UI視覺設計，擴大玩家留存率，就顯得尤為重要。

1 UI視覺設計對手游的重要性

UI手機界面使玩家能夠與手游進行信息傳遞的橋梁，除了聽覺與觸覺外，視覺是人對于外界事物最直觀的感受，他它能夠使人準確地捕捉到外界信息，因此UI的視覺表現有著非常重要的作用，這也影響著手游用戶的留存率。對手游中UI的視覺設計進行研究能夠讓手游開發者真正站在玩家的游戲體驗感上開發游戲，使手游兼具實用性與美觀性。由于手游在我國的火爆發展，許多企業都想涉足這塊領域，但由于其美術設計質量參差不齊，導致手游UI的視覺設計缺乏理論基礎。有些設計師只是盲目地按照自己的想法設計，并不依據游戲的設計理念和用戶的體驗感來進行設計，甚至還有一些設計師仍然按照設計電腦端的UI來進行手游UI的設計[1]。基于此，研究手游UI中的視覺設計，能夠促進手游行業域外視覺設計更好的發展。

2 UI視覺設計的構成要素

1）色彩元素。這是視覺感受中的第一感受，在UI的視覺設計中有著重要地位。根據色彩心理學，不同的色彩能夠給人不同的心理暗示，帶給人不同的感受。在圖形中添加色彩，能夠帶給圖形不同的表現力[2]。例如：《保衛蘿卜》中的彩色帶給人歡快的感受，《暗黑血統》中的暗色系又給人沉悶的感受。

2）圖形元素。圖形也是手游視覺設計中的重要元素之一。圖形元素是以讀為主的元素，所以在手游的UI設計中，需要根據游戲進行合理的裝飾與排版，這樣能夠使游戲的主題與環境更加生動地傳遞給玩家。并且不同的圖形形狀也能夠帶給人不同的感受，例如，三角形有一種尖銳的感覺，而四方形給人一種平穩的感覺。在進行設計時結合游戲的設計，合理運用圖形能夠給玩家很好的視覺體驗，也能夠更加直觀的表達出游戲的內容。

3）文字元素。文字是所有設計的基礎，在設計中得到了廣泛應用。文字的增加除了能夠帶給玩家很好的視覺體驗外，玩家也可以更好地操作游戲。在游戲的標志或標題中使用文字可以產生文本和統一游戲風格的效果。不同的字體可以對應不同的游戲風格。例如，圓潤的文字給人可愛的感覺，纖細的文字就會帶給人簡潔的感覺。

3 不同視覺設計風格的手游案例分析

UI的視覺設計和繪畫有著異曲同工之妙，都有著多種的表現形式。目前市場上的手機游戲風格變化很大。從宏觀角度來看，許多UI設計風格可以分為準物化風格和平面風格。目前市場上大多數移動游戲的視覺UI設計都是平面的，但也有著少量的擬物化設計。這些設計風格并沒有好壞之分，只是針對游戲的風格來制定視覺設計才是需要首要考慮的。

1）擬物化風格——以《陰陽師》為例。《陰陽師》這款手機游戲是網易于2016年推出的一款RPG游戲。該款游戲因其唯美的畫風在公測之后就快速受到了我國手游玩家的喜愛，并在社會范圍內引起了廣泛的討論。在此之前，我國也有過此類玩法的手游，但是陰陽師唯美的美術風格和游戲自身的藝術文化特色讓玩家在玩游戲的同時擁有了視覺與交互的雙重體驗[3]。以游戲的登錄界面為例，該游戲的登錄界面是一幅浮世繪風格的動態場景這個，這就帶給人一種清新的感覺。而游戲的logo則以書法字體居中，在“開始游戲”設置的按鈕當中，有兩只小魚圍繞在中央。

在游戲的主界面中，設計師將界面完全集成到環境中。玩家可以通過點擊場景中的手電筒與游戲進行互動。手電筒周圍裝飾著粉紅色的蝴蝶，這也起到了刺激玩家的作用。功能菜單圖標也非常生動有趣。對象圖標。

通過對《陰陽師》的案例分析，可以看出《陰陽師》擬物化的視覺設計受到了玩家的歡迎。在扁平化風格風靡的今天，陰陽師的設計界面能夠如此受到玩家的喜愛，離不開設計者對信息傳達的權衡以及對擬物化風格的揚長避短，值得借鑒。

2）扁平化風格——以《刺激戰場》為例。《刺激戰場》是一款由海外藍洞公司制作的射擊游戲，2017年開始公測，如果玩家大約有一千兩百萬之多，直到目前為止，仍然是我國最具影響力的游戲之一。《刺激戰場》講述的是在和平時代，出于戰略考慮，各國繼續保留士兵的職業，并通過計算機進行軍事演習。而游戲中“大吉大利，今晚吃雞”的標語也存在網絡中紅極一時。《刺激戰場》是一款典型的扁平化設計風格游戲。整個游戲頁面沒有太多的裝飾，非常簡單和大方。從著陸界面開始，游戲使用對稱的原始繪制作為背景、平面和正方形，登錄端口底部的按鈕位于中間位置，使整個圖像充滿協調，并且更具有氣勢，符合射擊游戲的風格。

在游戲的主界面，人物角色在畫面的最中心主體采用黃色和灰色為主的色調。給人的感覺是略顯單調，沒有太過豐富和華麗的顏色。而底部的信息框則采用了低飽和度的矩形來進行版面的切割，關鍵性的按鈕采用了純度較高的黃色與白色，非常醒目，能夠很好的指導玩家與游戲進行交互。

游戲的分界面中，界面的底板可以變為全屏，是使整個界面的色彩與風格由于該款游戲屬于射擊類游戲，更加反映玩家的快捷性和靈敏度，因此在按鈕空間的布局上也考慮到了這一點，玩家可以根據自身的喜好來對按鈕的布局進行合理的調控。

通過對《刺激戰場》的分析可以發現，扁平化的視覺設計風格再手機的屏幕上更加突出，極簡的設計拋棄了多余的裝飾，能夠使玩家更加專注于友誼。兩種游戲的不同風格都收到了玩家的歡迎與喜愛，由此可以得出結論，手游的UI視覺設計一定要站在玩家的角度，結合游戲的風格與立意來進行設計，重視玩家與游戲的交互，只有這樣，才能夠設計出一款成功的UI界面設計作品。

4 結語

綜上所述，盡管我國在所有UI視覺設計中存在著許多問題，但仍然不乏好的手游UI界面設計。無論是扁平化設計還是擬物化設計，只要設計者能夠站在玩家的角度來設計UI界面，就是好界面設計。