游戲類APP UI 設計

2019-01-14作者:孫芳編輯:書問閱讀

游戲類UI 設計主要針對游戲的圖標、登錄界面、游戲界面、局內道具等方面進行設計。游戲分為網頁游戲、客戶端、移動端等,本章主要就移動端的UI 設計進行介紹。


特點。

游戲UI 設計首先應該考慮到良好的人機交互界面。

其次要考慮到游戲界面的操作邏輯、界面美觀,使用戶在感觀上得到良好的視覺體驗。

要具有一定的大眾娛樂性、互動溝通性、真實角逐性。全民參與的游戲可以以任何人為服務對象,給大家帶來歡樂。游戲也可成為人們溝通的話題之一,具有一定的社交性質。


1.jpg

圖1


2.jpg

圖2


1.1  游戲類APP UI 設計——休閑類游戲

當前,手機已然成為人們日常生活必不可少的一部分,而休閑類游戲往往就可以打發空閑時間。這類游戲的基本特點都是上手時間較短,不必花費過多的精力與財力,游戲中途可以隨時中止。休閑類游戲是在勞作之后進行放松的娛樂方式,而不是讓用戶為之著迷而忘了正業。

 

3.png

圖3


設計理念:棋牌類的休閑類游戲, 為雙人對抗模式,可以在閑暇時間與朋友進行游玩。

色彩點評:橘黃色與橙色相互搭配,給人一種暖暖的視覺感受,可以使人專注于游戲中。


圖3 游戲為休閑類的小游戲,便于人們放松心情。

以紅色作為整體背景,橘色作為游戲區域的背景,很好地劃分了區域空間。

橘色和紅色為鄰近色相互搭配,可使頁面更有層次感,使人產生舒適、和諧的感覺。


圖4 作品為飛行類游戲過關界面,游戲結算界面中間突出了三顆橘黃色的星星,滿星則代表完美通關,兩顆或一顆則表示雖然通關卻有不足。


4.png

圖 4


圖5 作品作為雙人對戰的休閑類游戲,通過在表格中填寫OX,使對方不能成排連接起來。游戲頁面結合星球形狀,通過配色創造一種深度感,可使界面擁有立體空間感。


5.png

圖 5


1.2  游戲類APP UI 設計——動作冒險類游戲

冒險類游戲通常指需要玩家自己操控角色進行冒險的游戲,通過游戲中的NPC 進行任務交互來推動游戲情節發展。每款冒險類游戲都有自己獨特的裝備系統,同時可以看到角色的基本屬性信息,還可以根據用戶自己的喜好與道具的好壞配置裝備,從而更順利地通關。


6.png

圖 6


設計理念:游戲過關的結算頁面,采用直線線條設計,給人一種簡潔之美。

色彩點評:黑色背景下突出了黃色的結算區域。


圖6 作品為勇士闖關游戲的結算頁面,設計中以六邊形圖形為主,下方的四邊形為底層圖案,凸顯出頁面的層次感。勇士闖關類游戲,在界面中應用皇冠、勇士頭像、佩劍等圖像,使用戶可以沉浸在游戲的設定情景中。


7.png

圖 7


圖7 作品為游戲中的人物版面設置,可以對人物身上的道具進行更換升級。游戲風格偏向原始部落,在UI 界面設計上采用木紋、石紋的圖案,顏色也以自然色作為基調。


8.png

圖 8


圖8 作品為偏向暗黑系的游戲UI設計,本頁面為人物的背包設計,對背包中的裝備進行點擊就可穿戴,同時還包括消耗品和一些任務道具,可以進行登記和與NPC 的交易。


游戲類APP UI 設計技巧——游戲結束界面中評星的妙用

游戲關卡結束的時候總會出現一個評分總結頁面,有的是采用數字,有的則采用圖形給人一個直觀的視覺感受,星型圖形就是最常見的一種,通過直觀的圖形盈缺體現了用戶的成績。


9.png

圖 9


配色方案


10.png

圖 10


游戲類APP UI 設計賞析


11.png



以上內容來自清華大學出版社《APP UI設計手冊》



內容來源:書問

作者孫芳
出版清華大學出版社
定價69.8元
書籍比價

分享到

掃描二維碼 ×

電子紙書

APP UI設計手冊

孫芳
清華大學出版社[2018] ¥39

移動界面(Web/App)Photoshop UI設計十全大補

曾軍梅
清華大學出版社[2017] ¥63

構建跨平臺APP:響應式UI設計入門

楊旺功、 趙榮嬌
清華大學出版社[2016] ¥27

jQuery全能權威指南——jQuery Core + jQuery Plugin + jQuery UI + jQuery Mobile

張亞飛、高紅霞
清華大學出版社[2012] ¥30

Photoshop移動UI設計從入門到精通

蔣珍珍
清華大學出版社[2017] ¥47

UI群英匯——用戶體驗*交互*視覺設計方法論

徐海波、王羽 等
清華大學出版社[2012] ¥36

互聯網產品(Web/移動Web/APP)視覺設計·導航篇

王愉
清華大學出版社[2015] ¥35

互聯網產品(Web/移動Web/APP)視覺設計·配色篇

羅慧
清華大學出版社[2015] ¥41

出版業領先的TMT平臺

使用社交賬號直接登陸

Copyright ? 2020 BookAsk 書問   |   京ICP證160134號


注冊書問

一鍵登錄

Copyright ? 2020 BookAsk 書問   |   京ICP證160134號

深蓝海域投注 韩日av女优新地址 白小姐中特四肖必选一肖 足彩比分直播球探网 湖北11选5基本走 国产Av免费毛片在线看 昆明沐足打飞机 海口小姐多少钱 188篮球比分直播直播吧 麻将神器软件下载 贵州十一选五开奖结 欢乐麻将和麻将来了 宁夏十一选五开奖走势 谷原希美2017作品番号 七乐彩2020010期开奖结果 p2p理财 广州站街女信息2014