第6章

游戲界面設計SummaryOfMacaronsColorMatchingWork章前導讀02

隨著科學技術的發展和人們對精神生活的追求不斷提高，我國已進入了游戲產業的蓬勃發展時期，各種界面美觀、功能清晰的端游、頁游和手游都如雨后春筍般涌現出來。那么如何設計出優秀的游戲界面呢？本章首先介紹游戲界面設計的基礎知識和規范，通過實戰案例講解游戲界面的一般設計方法和技巧。學習目標ReviewOfWorkContent·了解游戲的基本界面·了解游戲界面的布局·了解游戲界面的風格·掌握游戲界面設計的要點·了解游戲界面設計的規范·掌握游戲界面的一般制作方法6.2界面設計規范6.3

案例實戰6.1基礎知識第6章游戲界面設計6.1游戲界面設計的基礎知識6.1.1游戲的基本界面

常見游戲的基本界面有啟動界面、主菜單界面、關卡界面、操作界面、勝利/失敗界面、商店界面和背包界面等。啟動界面：玩家啟動游戲時第一眼看到的畫面，常用于展示游戲人物或游戲場景等。主菜單界面：玩家進入游戲后看到的第一個畫面，游戲的活動、玩法、設置、公告、資源等內容集中展示于此。設計時要分清主次。關卡界面：是玩家開始游戲前展示游戲進度的界面，可以讓玩家清楚地了解當前的游戲進度。操作界面：是游戲的核心界面，玩家可以在該界面體驗游戲的樂趣。設計時應盡可能地滿足玩家的心理預期。勝利/失敗界面：勝利頁面應該能讓玩家產生愉悅感；失敗界面最好能提供幾種提升思路，幫助玩家快速成長。商店界面：主要作用是羅列商品，方便玩家挑選和購買。設計時，可根據商品特點分類展示，不同類別的商品界面，布局應當一致。背包界面：用來整合玩家道具的界面。設計時，除了要安排物品展示區域和物品介紹區域外，還應根據物品的類別在合適位置添加縱向或橫向導航欄，將物品分門別類整理清楚，以便玩家快速查看6.1.2游戲界面的布局

可將游戲界面劃分為主要視覺區域、次要視覺區域和弱視區域。主要視覺區域集中在界面中心，次要視覺區域集中在界面的左側和右側，弱視區域集中在界面的頂部和底部，如圖6-8所示。圖6-8《崩壞3》主菜單界面6.1.3游戲界面的風格寫實風格：游戲畫質細膩、精美，從人物到場景都貼近現實，能給予玩家極強的代入感，更容易讓玩家沉浸其中。卡通風格：將游戲人物和場景等內容卡通化處理，游戲中的人物多為Q版，游戲場景則可能是一幅插畫或均勻排列的幾何圖形。日韓風格：UI設計師在設計這類風格的游戲界面時，交互按鈕的配色可首選淺色，外形要盡量避免帶有尖角。歐美風格：該風格的游戲角色表情豐富，體型一般非常夸張，擁有強健的肌肉或健美的身材，游戲場景偏寫實，標題字體一般用粗體。像素風格：設計這類風格的游戲界面時，需要將圖標、血條等一并設計為像素風格，以呼應主題，但用于解釋說明的文案不可像素化。6.1.4游戲界面的設計要點1．界面風格契合游戲主題。

游戲界面的整體風格應該與游戲主題相契合。《風暴英雄》游戲界面2．突出界面主體內容。

UI設計師應明確界面內容的主次，并站在玩家的角度考慮界面內容的實用性和可操作性。《王者榮耀》結算界面3．界面效果簡潔易操作

UI設計師可通過輪廓對比、色相對比、明度對比、虛實對比、主次對比、疏密對比等手法提高界面的視覺清晰度，通過隱藏或刪除可有可無的功能，讓界面更加清爽、整潔、便于操作。《荒野亂斗》主界面

優秀的游戲界面設計會通過易理解、表意準確的按鈕將功能清晰地表達出來。4．按鈕表意明確《戰雙帕彌什》戰斗界面5．轉化需求，為界面效果加分

一般由游戲策劃統籌并給UI設計師分配任務，由于他們不參與界面的制作，其給出的需求有時會不符合界面的視覺美感。《守望先鋒》結算界面6．增強同類物品的連續性

設計一組有關聯的物品時，可在原有物品的基礎上加強質感、完善造型和豐富色彩。6.2游戲界面的設計規范游戲主要可分為手機游戲、平板游戲、網頁游戲和電腦游戲等。不同種類的游戲，其界面尺寸及單位與其對應的載體相同，而App、網頁和軟件等尺寸前面均已介紹，讀者可參考前面的內容決定游戲界面的尺寸。6.2.1尺寸規范

游戲界面中，正文可根據應用平臺（如iOS、Android、PC端等）的規定選擇對應的字體和字號，而標題可根據需要選擇特殊字體或單獨設計字體，字號可適當夸張放大。6.2.2字體運用本案例通過制作主菜單界面和關卡詳情界面，介紹PC端游戲界面的一般制作方法。作品展示6.3案例實戰—設計《吃雞小分隊》游戲界面設計思路1.分析基本結構圖。以主菜單界面為起點。2.確定風格。游戲采用卡通風格。3.確定配色。界面的主色以藍色和綠色（冷色）為主，提示功能以黃色和紅色（暖色）為主。4.確定布局。據玩家對界面中不同區域注意力的不同，可將界面劃分為主要視覺區域和次要視覺區域。設計頁首區設計內容區設計頁尾區設計關卡詳情界面本章總結1.常見游戲的基本界面有啟動界面、主菜單界面、關卡界面、操作界面、勝利/失敗界面、商店界面和背包界面等。2.游戲界面劃分為主要視覺區域、次要視覺區域和弱視區域。3.常見的游戲界面風格有寫實風格、卡通風格、日韓風格、歐美風格和像素風格等。4.界面風格契合游戲主題、突出界面主體內容、界面效果簡潔易操作、按鈕表意明確、轉化需求，為界面效果加分和增強同類物品的連續性。5.游戲界面中，正文可根據應用平臺（如iOS、Android、PC端等）的規定選擇對應的字體和字號，而標題可根據需要選擇特殊字體或單獨設計字體，字號可適當夸張放大。設計思路2.確定配色。采用比較鮮艷、具有活力的顏色，如將主色設為藍色，按鈕和圖標顏色設為黃色。3.頁面布局。主要功能按鈕都安排在頁面底部，用戶在雙手持機時可以便捷地操作；頁面頂部不易觸碰的區域安排金幣和鉆石版塊，既可以時刻提醒用戶代幣數量，又不影響操作。2131.分析基本結構圖本章實訓——設計《酷玩小萌獸》游戲頁面