[轉(zhuǎn)】微信小游戲設(shè)計指南

概要

小游戲,是傳統(tǒng)游戲的一種新的表現(xiàn)形式困乒,它可以是故事寂屏,是價值觀,是開發(fā)者和玩家一起進(jìn)行創(chuàng)造的載體娜搂∏基于小游戲輕便快捷、便與傳播的特點(diǎn)百宇,我們擬定了小游戲界面設(shè)計指南和建議考廉,旨在幫助小游戲開發(fā)者創(chuàng)造更優(yōu)秀的游戲產(chǎn)品,同時給玩家更好的游戲體驗(yàn)携御。

流程清晰

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

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


界面設(shè)計合理

在進(jìn)行游戲界面設(shè)計時壶熏,頁面結(jié)構(gòu)和界面布局的好壞將會直接影響玩家的操作體驗(yàn)。我們基于小游戲用戶數(shù)據(jù)進(jìn)行了分析浦译,大部分用戶屏幕分辨率比例為 16:9棒假,綜合屏幕分辨率占有率和設(shè)計稿通用性的考慮,我們建議開發(fā)者選擇 4.7 寸屏幕的 750x1334 作為設(shè)計稿基準(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è)計和布局時籽前,應(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 展示效果的同時,也兼顧到玩家的體驗(yàn)蓖宦。相關(guān)廣告規(guī)范的細(xì)節(jié)請參看《小游戲廣告應(yīng)用規(guī)范及違規(guī)處罰》齐婴,兼容適配相關(guān)請參看《小游戲 Banner 廣告流量量主指引》

主次分明

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

開始頁

開始頁作為玩家打開的第一個頁面,能否留住玩家顯得尤為重要主慰。明確玩家的首要目標(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)容元素

每個界面承載的元素不宜過多蜈块,以免過于雜亂干擾玩家的選擇,應(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ī)范》媳谁。


個性鮮明

風(fēng)格一致

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

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

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末学歧,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子各吨,更是在濱河造成了極大的恐慌枝笨,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件揭蜒,死亡現(xiàn)場離奇詭異横浑,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)屉更,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門徙融,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人瑰谜,你說我怎么就攤上這事欺冀∈骷ǎ” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵隐轩,是天一觀的道長饺饭。 經(jīng)常有香客問我,道長职车,這世上最難降的妖魔是什么瘫俊? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮悴灵,結(jié)果婚禮上扛芽,老公的妹妹穿的比我還像新娘。我一直安慰自己积瞒,他們只是感情好胸哥,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著赡鲜,像睡著了一般空厌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上银酬,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天嘲更,我揣著相機(jī)與錄音,去河邊找鬼揩瞪。 笑死赋朦,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的李破。 我是一名探鬼主播宠哄,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼嗤攻!你這毒婦竟也來了毛嫉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤妇菱,失蹤者是張志新(化名)和其女友劉穎承粤,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闯团,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡辛臊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了房交。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片彻舰。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出刃唤,到底是詐尸還是另有隱情口猜,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布透揣,位于F島的核電站济炎,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏辐真。R本人自食惡果不足惜须尚,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望侍咱。 院中可真熱鬧耐床,春花似錦、人聲如沸楔脯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽昧廷。三九已至堪嫂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間木柬,已是汗流浹背皆串。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留眉枕,地道東北人恶复。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像速挑,于是被迫代替她去往敵國和親谤牡。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容