如何設(shè)計(jì)QQ空間玩吧套牛游戲

定位/風(fēng)格
QQ空間Android版4.2和4.5已上線的玩吧游戲“瘋狂套?!?,定位是年輕、活力、有趣、輕松易玩。設(shè)計(jì)風(fēng)格趨向運(yùn)用多色彩、卡通、線條與立體感的設(shè)計(jì)。游戲以牧場(chǎng)作為設(shè)計(jì)背景,再加上西部牛仔的元素。作為一款帶有博彩性的小游戲,主要是帶給用戶輕松易玩且有緊張刺激的感覺,輕松的綠色色調(diào)會(huì)起到很好的調(diào)和作用。
玩吧入口圖標(biāo)
運(yùn)用游戲的主形象,配合QQ空間Android版4.2和4.5整體風(fēng)格。務(wù)求既突出也不帶有過多的違和感,吸引更多的玩家去點(diǎn)擊試玩。?
功能圖標(biāo)
套牛游戲首頁(yè)的功能圖標(biāo)包括,游戲開始圖標(biāo),試玩入口圖標(biāo),以及排行榜、游戲幣、游戲規(guī)則、積分兌換組成。設(shè)計(jì)上配合整體風(fēng)格以黃色活潑的基調(diào)與木質(zhì)立體設(shè)計(jì),務(wù)求與背景的農(nóng)場(chǎng)場(chǎng)景相互結(jié)合。?
首頁(yè)菜單頁(yè)
QQ空間玩吧瘋狂套牛游戲有PC和手機(jī)兩個(gè)版本。設(shè)計(jì)是首先完成了手機(jī)端的界面設(shè)計(jì)。所以在接到需求的時(shí)候我們就要注意PC端與手機(jī)端的一些設(shè)計(jì)尺寸上的不同,預(yù)留足夠大的設(shè)計(jì)元素,方便后續(xù)設(shè)計(jì)的快速套用。同時(shí)也要在視覺上把關(guān)好手機(jī)和PC上多個(gè)屏幕尺寸上的顯示體驗(yàn)問題。
游戲主界面
游戲的主界面設(shè)計(jì)上要注意的問題也很多。由于PC和手機(jī)都存在多種屏幕尺寸,設(shè)計(jì)的時(shí)候要注意元素信息的大小問題。游戲主要的信息也采取了居中放置的形式,以便適應(yīng)更多的屏幕顯示尺寸上應(yīng)用。 左右方的力量條和時(shí)間條,也設(shè)定成自適應(yīng),還有背后的環(huán)境元素盡量靠上放置和簡(jiǎn)化設(shè)計(jì)。讓出足夠的空間給中間的牛和繩子移動(dòng),使視覺更集中讓游戲的體驗(yàn)更好。?
游戲規(guī)則:
1.?每局游戲時(shí)間為60秒,玩家在限時(shí)內(nèi)通過發(fā)射繩套來套住牛頭,然后快速點(diǎn)擊屏幕把牛成功拉回來即可獲得積分,套不中牛頭或者牛在被拉回過程中逃走均不得分。
2.?游戲中出現(xiàn)的奶牛為低分牛,玩家套中并成功拉回將可以獲得10或20積分,奶牛較易被捕獲;公牛為高分牛,玩家套中并成功拉回將可以獲得30、40或50積分,但公牛較難被捕獲。
3.?每局限時(shí)內(nèi),玩家只要套中并成功拉回4頭及以上的牛(牛種類不限),均可額外獲得50積分。
?獲得游戲幣:
1.?玩家可以通過購(gòu)買虛擬裝扮或開通黃鉆來獲得游戲幣,通過點(diǎn)擊游戲主頁(yè)的“獲得游戲幣”按鈕進(jìn)入獲得游戲幣的頁(yè)面。
2.?游戲幣僅在活動(dòng)期間有效,且不支持退款。
游戲各窗口/界面/UI設(shè)計(jì)
UI設(shè)計(jì)上統(tǒng)一運(yùn)用木質(zhì)立體的視覺設(shè)計(jì),以更加突出農(nóng)場(chǎng)樸實(shí)的環(huán)境氣氛,讓玩家游戲或?yàn)g覽信息時(shí)更有代入感。 在做各種窗口、界面、浮層設(shè)計(jì)的時(shí)候要更多的考慮好交互。窗口與浮層提示的出現(xiàn)與鏈接都要考慮周全,不能有紕漏。及時(shí)的去體驗(yàn)游戲,因?yàn)樵陔娔X上做的感覺往往和手機(jī)上的體驗(yàn)不一樣,轉(zhuǎn)移到手機(jī)上看,你會(huì)發(fā)現(xiàn)更多的體驗(yàn)上的問題,發(fā)現(xiàn)問題后也要及時(shí)溝通更正。?
游戲GUI應(yīng)用
QQ空間玩吧瘋狂套牛游戲完成后也及時(shí)整理了一份游戲GUI的應(yīng)用。一些游戲的圖標(biāo)、信息、界面、按鈕、浮層等的相應(yīng)規(guī)范運(yùn)用,可以快速有效有效的復(fù)用到其他的游戲當(dāng)中,或者提供設(shè)計(jì)風(fēng)格的指向,可提高工作效率。
A信息/按鈕
整理時(shí)候要注意信息字體的樣式和大小。按鈕的顏色情感導(dǎo)向,以及按鈕的正常狀態(tài)與停留狀態(tài)。還有各功能按鈕的整理規(guī)范,視覺統(tǒng)一性等。?
B浮層/界面
在整理浮層界面應(yīng)用的時(shí)候,會(huì)發(fā)現(xiàn)的一些之前設(shè)計(jì)上的一些不統(tǒng)一的應(yīng)用或者遺漏。這時(shí)就更好的指導(dǎo)我們的設(shè)計(jì),訂正之前的紕漏,更好的做到體驗(yàn)上的統(tǒng)一。?
小結(jié)
后續(xù)我們?cè)谄渌挠螒蛏鲜褂酶嘤腥さ男问?,比如扁平化設(shè)計(jì),加入更多繽紛的色彩表現(xiàn)等,務(wù)求帶出更好的體驗(yàn)。 現(xiàn)已上線QQ空間Android版4.2和4.5,歡迎體驗(yàn)?。⊕呙柘螺dQQ空間Android版客戶端)
感謝你的閱讀,本文由?騰訊ISUX?版權(quán)所有,轉(zhuǎn)載時(shí)請(qǐng)注明出處,違者必究,謝謝你的合作。
注明出處格式:騰訊ISUX (http://isux.tencent.com/qzone-game-cattle.html)
- 目前還沒評(píng)論,等你發(fā)揮!