概要

小游戲，是傳統(tǒng)游戲的一種新的表現(xiàn)形式，它可以是故事，是價(jià)值觀，是開發(fā)者和玩家一起進(jìn)行創(chuàng)造的載體?；谛∮螒蜉p便快捷、便與傳播的特點(diǎn)，我們擬定了小游戲界面設(shè)計(jì)指南和建議，旨在幫助小游戲開發(fā)者創(chuàng)造更優(yōu)秀的游戲產(chǎn)品，同時(shí)給玩家更好的游戲體驗(yàn)。

流程清晰

整個(gè)小游戲應(yīng)有清晰的流程，方便玩家在各個(gè)頁面之間自如切換，不受干擾或阻礙。頁面之間的邏輯關(guān)系應(yīng)該簡單明了，確保玩家在游戲內(nèi)不會迷路或感到無助。

下圖的是在玩一個(gè)小游戲時(shí)，玩家比較常見的操作流程，開發(fā)者可結(jié)合自身游戲的特點(diǎn)設(shè)計(jì)頁面間的跳轉(zhuǎn)邏輯，這些頁面包括但不限于：開始頁、游戲主界面、結(jié)算頁、排行榜頁、分享卡片等。

界面設(shè)計(jì)合理

在進(jìn)行游戲界面設(shè)計(jì)時(shí)，頁面結(jié)構(gòu)和界面布局的好壞將會直接影響玩家的操作體驗(yàn)。我們基于小游戲用戶數(shù)據(jù)進(jìn)行了分析，大部分用戶屏幕分辨率比例為 16:9，綜合屏幕分辨率占有率和設(shè)計(jì)稿通用性的考慮，我們建議開發(fā)者選擇 4.7 寸屏幕的 750x1334 作為設(shè)計(jì)稿基準(zhǔn)值。

設(shè)備兼容性

游戲開發(fā)者應(yīng)關(guān)注不同設(shè)備、不同操作系統(tǒng)的使用場景，采取兼容適配方案來保障玩家獲得最佳體驗(yàn)。使用 750×1334 的基準(zhǔn)值，并以此對其他設(shè)備尺寸進(jìn)行兼容，對于特殊屏幕設(shè)備，如：全面屏、劉海屏、異形屏，可專門提供獨(dú)立的兼容方案進(jìn)行優(yōu)化。

易操作

手機(jī)操作中絕大部分交互場景是由拇指完成的，開發(fā)者在界面設(shè)計(jì)和布局時(shí)，應(yīng)優(yōu)先考慮易操作性，讓界面操作更人性化。

功能熱區(qū)

結(jié)合拇指熱區(qū)，我們可以將游戲界面劃分為不同的功能區(qū)：主要功能區(qū)、次級功能區(qū)、輔助展示區(qū)、廣告區(qū)等，開發(fā)者可根據(jù)不同組件的權(quán)重進(jìn)行合理布局。

廣告內(nèi)容

常見的廣告內(nèi)容可放置于界面底部，開發(fā)者應(yīng)選擇合適的縮放比例，保障廣告 Banner 展示效果的同時(shí)，也兼顧到玩家的體驗(yàn)。相關(guān)廣告規(guī)范的細(xì)節(jié)請參看《小游戲廣告應(yīng)用規(guī)范及違規(guī)處罰》，兼容適配相關(guān)請參看《小游戲 Banner 廣告流量量主指引》

主次分明

每個(gè)頁面都應(yīng)明確其目標(biāo)，展示重點(diǎn)內(nèi)容，減少無關(guān)的設(shè)計(jì)元素對玩家目標(biāo)的干擾。我們以開始頁和結(jié)算頁為例：

開始頁

開始頁作為玩家打開的第一個(gè)頁面，能否留住玩家顯得尤為重要。明確玩家的首要目標(biāo)是快速了解并進(jìn)行游戲，建議使用直觀明了的呈現(xiàn)形式。另外，對于有一定上手門檻的游戲玩法，可以提供適當(dāng)?shù)男率忠龑?dǎo)內(nèi)容。

結(jié)算頁

結(jié)算頁負(fù)責(zé)承上啟下，對上局游戲進(jìn)行總結(jié)，展示相關(guān)結(jié)果內(nèi)容，然后再引導(dǎo)玩家進(jìn)行后續(xù)操作，如：“再玩一局”、“排行榜”等。

排行榜頁

排行榜頁旨在幫助玩家快速了解自己與其他玩家的排名情況。開發(fā)者應(yīng)描述清楚排行榜的性質(zhì)和維度，例如：好友排行榜、世界排行榜、周排行榜、特殊玩法排行榜等。對于玩家自己的分?jǐn)?shù)建議單獨(dú)展示，方便其查看。排行榜條目數(shù)量應(yīng)有所控制，不建議使用分頁等方式加載全部內(nèi)容，以免影響閱讀體驗(yàn)。

謹(jǐn)慎選擇內(nèi)容元素

每個(gè)界面承載的元素不宜過多，以免過于雜亂干擾玩家的選擇，應(yīng)有所取舍。

按鈕元素

游戲中的按鈕元素最為常見，如：按鈕、圖標(biāo)、掛件等。應(yīng)避免全部平鋪展示，可根據(jù)玩家的特點(diǎn)做差異化的展示，有選擇性的進(jìn)行隱藏，層層遞進(jìn)。

分享卡片

開發(fā)者應(yīng)正確使用分享卡片的能力，分享圖片和文案應(yīng)服務(wù)于游戲內(nèi)容本身，幫助用戶理解跳轉(zhuǎn)后的情景，切勿做誘導(dǎo)分享之用，更多細(xì)節(jié)請參看《小游戲發(fā)布內(nèi)容規(guī)范》。

個(gè)性鮮明

風(fēng)格一致

除了以上各項(xiàng)原則，開發(fā)者設(shè)計(jì)游戲時(shí)應(yīng)保持整體風(fēng)格一致，如：元素尺寸、配色方案、UI 樣式、交互體驗(yàn)等，逐漸形成一套自己特有的設(shè)計(jì)理念，應(yīng)用于各個(gè)頁面，給玩家?guī)砀殉两挠螒蝮w驗(yàn)。

創(chuàng)意設(shè)計(jì)

每個(gè)小游戲都應(yīng)有自己的品牌。我們建議開發(fā)者結(jié)合自身小游戲的特點(diǎn)，從核心玩法、美術(shù)表現(xiàn)、劇情設(shè)定、音樂音效和整體完成度等方面進(jìn)行創(chuàng)意性設(shè)計(jì)，給玩家創(chuàng)造更多的記憶點(diǎn)和傳播欲。對于創(chuàng)意小游戲，官方也給予了四項(xiàng)鼓勵(lì)措施，詳見《微信小游戲創(chuàng)意鼓勵(lì)計(jì)劃》。