游戲UI 第5章　Android系統(tǒng)游戲UI設(shè)計學習課件

5.1.1

Android系統(tǒng)UI尺寸

5.1

Android系統(tǒng)UI設(shè)計基礎(chǔ)Android（安卓）是一個以Linux為基礎(chǔ)的開源移動設(shè)備操作系統(tǒng)，主要用于智能手機和平板電腦，由Google成立的OpenHandsetAlliance（OHA，開放手持設(shè)備聯(lián)盟）持續(xù)領(lǐng)導(dǎo)與開發(fā)中，Android已發(fā)布的最新版本為Android5.0。Android系統(tǒng)中文稱為安卓系統(tǒng)，是由Google公司和開放手機聯(lián)盟聯(lián)合開發(fā)的一種基于Linux的操作系統(tǒng)，主要使用于智能手機和平板電腦，目前除蘋果以外大多數(shù)智能手機都使用Android系統(tǒng)。5.1.2

Android系統(tǒng)圖標尺寸Android系統(tǒng)被設(shè)計在一系列屏幕尺寸和分辨率不同的設(shè)備上運行，不同的設(shè)備和程序所使用的圖標尺寸也不相同。5.1.3

Android系統(tǒng)圖標的設(shè)計規(guī)則在對應(yīng)用于Android系統(tǒng)的圖標進行設(shè)計時，首先需要明確Android系統(tǒng)圖標的設(shè)計規(guī)則，Android系統(tǒng)圖標應(yīng)該面向前方，透視非常小，而且使用頂部光源。此外，所有的圖標都需要有獨立的文字標簽，而不是把文字設(shè)計嵌入到圖標中，應(yīng)該把精力放在如何突出表現(xiàn)圖標的特色上。Android系統(tǒng)圖標的設(shè)計規(guī)則可以大致總結(jié)為以下幾點。1）符合當下的流行趨勢，避免過度使用隱喻。2）高度簡化和夸張，小尺寸圖標也能夠易于識別，不宜太復(fù)雜。3）嘗試抓住應(yīng)用的主要特征，比如使用時鐘作為時間應(yīng)用程序的icon。4）使用自然的輪廓和形狀，看起來幾何化和有機化，不失真實感。5）圖標采用前視角，幾乎沒有透視，應(yīng)用頂部光源。6）不光滑但富有質(zhì)感。

5.2

Android手機游戲UI設(shè)計規(guī)范由于Android和iOS操作系統(tǒng)的出現(xiàn)，智能手機的發(fā)展出現(xiàn)了質(zhì)的飛躍，智能手機游戲也隨著取得了快速發(fā)展。由于iOS與Android操作系統(tǒng)是有區(qū)別的，所以在設(shè)計手機游戲時需要分清楚所針對的手機操作系統(tǒng)，本節(jié)將向大家介紹一些Android手機游戲UI設(shè)計規(guī)范。5.2.1功能和操作保持一致對于游戲界面中同類型的素，例如：字體、按鈕、表單、滑動手勢等，在整個游戲界面中都需要保持各自的一致性，而且要避免同一功能的多重描述。這樣能使得游戲界面更加直觀、簡潔，操作更加方便快捷，玩家對游戲操作的學習也會更加輕松。5.2.2準確的表達在手機游戲UI設(shè)計中，有些設(shè)計者往往不注意表達的準確性，通常使用一些意義不明確的圖形或詞語來引導(dǎo)游戲玩家進行游戲消費，這樣只會增加玩家對于該款游戲的厭惡感。在游戲界面中使用一致的標記、意義明確的信息提示會讓游戲更加容易被用戶理解和接受。5.2.3合理的界面布局和操作流程由于智能手機屏幕大小的限制，在操作復(fù)雜的游戲設(shè)計時，游戲界面的布局合理性就顯得尤為重要。在得進行游戲UI設(shè)計時需要充分考慮布局的合理性問題，遵循用戶從上而下，自左向右瀏覽和操作的習慣，提高游戲的操作性和易用性。5.2.4減少響應(yīng)時間手機游戲UI設(shè)計不同與傳統(tǒng)PC游戲的UI設(shè)計，更不同于其他應(yīng)用程序的UI設(shè)計，因為玩家在進行游戲時會保持一定的操作節(jié)奏，所以操作的設(shè)計不能過于復(fù)雜，響應(yīng)的時間應(yīng)該盡量適應(yīng)用戶操作節(jié)奏。如果響應(yīng)時間過長，則需要向玩家反饋相應(yīng)的信息，例如使用進加載條等。動手實踐——設(shè)計消除類手機游戲圖標動手實踐：設(shè)計消除類手機游戲圖標源文件：光盤\源文件\第5章\消除類手機游戲圖標.psd視頻：光盤\視頻\第5章\消除類手機游戲圖標.swf動手實踐——設(shè)計消除類手機游戲界面動手實踐：設(shè)計消除類手機游戲界面源文件：光盤\源文件\第5章\消除類手機游戲界面.psd視頻：光盤\視頻\第5章\消除類手機游戲界面.swf手機游戲界面決定了一款手機游戲的受眾接受度，只有通過界面，玩家才能夠控制游戲的內(nèi)核。尤其在色彩設(shè)計上，一款手機游戲的界面設(shè)計中色彩的搭配影響了整個游戲的質(zhì)量和玩家的第一印象。人們總是最先看到一幅作品或一個界面的整體顏色風格，色彩的搭配和組合對人的視覺沖擊力巨大。在游戲界面設(shè)計中色彩設(shè)計的作用主要表現(xiàn)在四個方面，依次為情感的表達、文化的差異、吸引注意力和界面藝術(shù)性。色彩是影響人們獲得信息的首要視覺因素，過多的色彩應(yīng)用往往適得其反。在設(shè)計手機游戲界面時，使用不恰當?shù)纳蕰乐赜绊懲婕覍λ獋鬟_信息的理解和感受。通過對游戲界面色彩的分析和觀察，可以將手機游戲界面中色彩搭配常出現(xiàn)的問題總結(jié)為如下兩點。1．使用過多的色彩搭配許多設(shè)計師認為，把游戲的界面設(shè)計的五顏六色，色彩斑斕就是最好的設(shè)計，就可以吸引更多的玩家，但事實往往恰恰相反。過于復(fù)雜的色彩就等于失去了基本的色調(diào)，無法合并和簡化游戲中的諸多信息。

5.3

手機游戲界面設(shè)計的色彩搭配5.3.1手機游戲界面設(shè)計中的色彩表現(xiàn)2．色彩搭配失調(diào)游戲界面設(shè)計時出現(xiàn)的色彩搭配失調(diào)也會給玩家?guī)韲乐氐囊曈X疲勞感，主要來自兩個方面：一是游戲的背景圖和文字顏色等界面因素上形成了強烈的色彩對比，使兩者之間不能融合、自然相通，反而好像是故意分開的感覺。二是界面背景和界面文字等對象的色彩多為相近顏色或較暗顏色，給玩家?guī)砹艘曈X模糊和難以辨別信息的困難。色彩設(shè)計的科學性和美學性是色彩的重要作用，也是游戲界面設(shè)計的關(guān)鍵因素。設(shè)計師要具有良好的科學文化素養(yǎng)和較高的審美文化水平，在色彩上能夠創(chuàng)造性地設(shè)計不斷改變風格的手機游戲界面，使玩家能夠更好地感受與操作，以最快的速度適應(yīng)和喜歡游戲界面的配色風格。1．色彩搭配在巧不在多色彩并不是越多越好，設(shè)計師要懂得和色彩溝通，信息化需要簡潔大方的視覺藝術(shù)設(shè)計。一般來說，選色應(yīng)該遵循少即是多的原則。因為用色過多或者是太花哨，反而會使得界面凌亂瑣碎，令人眼花繚亂，玩家會因無法辨認信息而產(chǎn)生視覺疲勞。因此，對于色彩的選擇和使用要恰到好外，在巧不在多，限制一定的色彩數(shù)量，可以使畫面達到某種和諧的效果，對比鮮明且重點突出。5.3.2手機游戲界面設(shè)計中色彩設(shè)計方法2．以玩家的心理為主導(dǎo)用色的針對性強對游戲界面的設(shè)計起到了至關(guān)重要的作用，游戲的內(nèi)容不同導(dǎo)致了界面在用色時也有較大的區(qū)別，設(shè)計師在使用色彩時，需要考慮到諸多因素。例如，要最大限度地發(fā)揮色彩語言的特殊性，在讓玩家感受到游戲的意境的同時還能讓他們目炫神迷。因為不同生活環(huán)境和社會背景的人，所受的教育不同，以至于他們對色彩的感受也不一樣。所以，設(shè)計師要聽取來自四面八方的意見和建議，為滿足多方面的需求，游戲的主色調(diào)是掌握整個游戲界面的重要一環(huán)。動手實踐——設(shè)計休閑類手機游戲界面動手實踐：設(shè)計休閑類手機游戲界面源文件：光盤\源文件\第5章\休閑類手機游戲界面.psd視頻：光盤\視頻\第5章\休閑類手機游戲界面.swf從整體上來講，傳統(tǒng)游戲與手機游戲都屬于UI設(shè)計的范疇，都是為了玩家能夠更好的體驗游戲而存在的。從設(shè)計方法上來講，所遵循的方法也是一致的，它們都需要考慮UI設(shè)計是否有利于玩家目標的完成，有利于高效、易用的操作。視覺上，需要有與游戲整體效果相統(tǒng)一的視覺元素。交互上，都需要一個清晰、簡潔、便于記憶、易于操作的邏輯。

5.4傳統(tǒng)游戲與手機游戲UI設(shè)計的異同智能手機由于屏幕尺寸較小，并且手機操作系統(tǒng)較多，所以傳統(tǒng)游戲UI設(shè)計的相關(guān)規(guī)范并不是完全適用于手機游戲的UI設(shè)計，在對手機游戲UI進行設(shè)計時，設(shè)計師必須了解該款游戲所適用手機的類型、操作系統(tǒng)、屏幕尺寸等，下面向大家介紹傳統(tǒng)游戲與手機游戲UI設(shè)計的相同點和不同點。5.4.1傳統(tǒng)游戲與手機游戲UI設(shè)計的相同點1．操作系統(tǒng)電腦基本上是Windows操作系統(tǒng)、Mac操作系統(tǒng)和Linux操作系統(tǒng)，大多數(shù)用戶使用的是Windows操作系統(tǒng)。智能手機的操作系統(tǒng)較多，目前市面上比較流行的有iOS系統(tǒng)、Android系統(tǒng)、WindowsPhone系統(tǒng)、Symbian系統(tǒng)、BlackberryOS系統(tǒng)。5.4.2傳統(tǒng)游戲與手機游戲UI設(shè)計的不同點

2．硬件手機屏幕尺寸對游戲感受影響較大。目前市場上各種類型的智能手機品種非常多，不同的分辨率、尺寸，各種各樣的硬肵配置都制約著手機游戲的開發(fā)。3．使用環(huán)境操作習慣上，電腦游戲是鍵盤加鼠標的操作方式，操作的精度更高，自由度也更好。而手機受尺寸的影響操作的精確度較低。比如我們的大拇指在480x640分辨率上熱感應(yīng)區(qū)域是44x44px，食指感應(yīng)區(qū)是24x24px，這就要求我們在設(shè)計相關(guān)功能按鈕的時候要考慮足夠的空間。一般玩電腦游戲的時候玩家基本上擁有大段可以自由支配的時間，坐在一個固定的位置上，而手機游戲玩家大多數(shù)都是利用碎片的、零散的時間，游戲的間斷性也比較高。因此，在設(shè)計手機游戲UI的時候，設(shè)計師需要為玩家考慮的東西更多、更貼切。動手實踐——設(shè)計釣魚手機游戲界面動手實踐：設(shè)計釣魚手機游戲界面源文件：光盤\源文件\第5章\釣魚手機游戲界面.psd視頻：光盤\視頻\第5章\釣魚類手機游戲界面.swf5.5.1同類元素外觀類型不一致在一款游戲UI的按鈕設(shè)計中，每個游戲界面中實現(xiàn)同一功能的按鈕應(yīng)該保持一樣的外觀或者風格。如果在一款游戲中，每個界面中實現(xiàn)類似功能的按鈕都設(shè)計為不同的風格或外觀，這樣會帶給游戲玩家非常糟糕的用戶體驗，對于一個游戲玩家來說，自然的反應(yīng)就是這些界面并不屬于同一款游戲。

5.5手機游戲UI設(shè)計常見問題在精致小巧的智能手機屏幕上進行游戲UI設(shè)計，要求UI設(shè)計師要比網(wǎng)頁界面設(shè)計師更加注重細節(jié)，因為玩家很容易看到屏幕內(nèi)的所有內(nèi)容。尤其是在游戲界面設(shè)計比較簡潔的時候，細節(jié)能決定一款游戲能否被玩家所接受。5.5.2使用過多的字體類型字體是界面設(shè)計中不可分割的一部分，在游戲界面的設(shè)計過程中，單純的使用圖形很多情況下并不能把功能描述清楚，這時候就需要使用圖標和文字相結(jié)合的方式進行表現(xiàn)。在游戲界面的設(shè)計過程中，常出現(xiàn)的一種錯誤就是在界面中使用了多種不同類型的字體。字體類型過于繁多不僅會影響游戲UI的整體風格，帶給人凌亂不堪的視覺感受，而且會降低游戲的運行性能，直接影響到該款游戲的用戶體驗。智能手機游戲的UI設(shè)計不同于網(wǎng)頁游戲的UI設(shè)計，在智能手機上游戲界面的切換細節(jié)很容易被玩家注意到。在手機游戲界面切換的過程中，如果時間太久，會導(dǎo)致游戲枯燥乏味，但是過于花哨，又會讓有感覺游戲設(shè)計的重心走偏，占用較多的系統(tǒng)資源。所以在手機游戲界面的切換處理上，應(yīng)該盡盡可能設(shè)計的簡潔、流暢，給玩家一種整體感。動手實踐——設(shè)計Q版手機游戲界面動手實踐：設(shè)計Q版手機游戲界面源文件：光盤\源文件\第5章\Q版手機游戲界面.psd視頻：光盤\視頻\第5章\Q版手機游戲界面.swf5.5.3游戲界面之間的切換處理不當手機游戲的種類題材很多，大多源于電腦游戲，也有基于智能手機本身特點開發(fā)的新游戲。手機游戲的畫面比較精致，運行速度也比較快，并且還可以接入網(wǎng)絡(luò)與朋友進行互動，獲得更好的游戲體驗。

5.6

專家支招答：用戶的使用預(yù)期不同，手機應(yīng)用程序的使用預(yù)期是快速、高效、便捷的完成某一操作，獲取自己想要的信息，所以使用手機應(yīng)用程序的路徑是直線型的，人們不希望中間會出現(xiàn)額外的信息，多余的干擾妨礙他們的操作。人們在玩游戲的時候往往是在一種輕松、休閑、無聊的情況下，使用的動機并不是直接游戲通關(guān)，而是想打發(fā)一些時間或者是想讓自己身心得到愉悅，所以手機游戲的路徑是曲線型的。在手機游戲UI設(shè)計過程中應(yīng)該考慮到用戶的使用環(huán)境、慣用操作、玩家使用的預(yù)期等，千萬不要完全照搬開發(fā)手機應(yīng)用程序的經(jīng)驗去做游戲，那樣設(shè)計出來的游戲也不會得到玩家的喜愛。5.6.1手機游戲與手機中的其他應(yīng)用有哪些不同？答：設(shè)計手機游戲UI時，從一開就應(yīng)該充分考慮多點觸摸，并且充分利用各種輸入方式以及控制系統(tǒng)，使用戶感受到絕佳的操作體驗。盡管手機上有物理按鍵，但其中只有返回鍵在游戲中有用，而且應(yīng)該只用于特定的操作，如暫停或者退出游戲。設(shè)計師需要考慮什么樣的操控機制適用于多點觸摸，不要一味模仿傳統(tǒng)的操控方式，例如拇指操作的方向桿，因為它們占據(jù)了寶貴的界面空間。中以使用手勢來作為輸入方式。5.6.2設(shè)計手機游戲UI時需要注意什么？通過觸控，我們可以在游戲里實現(xiàn)很多操作，一旦實現(xiàn)了操作目的，用戶會覺得很自然、很有成就感。擁有輕松上手的控制風格，能夠