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

0 評論 9000 瀏覽 3 收藏 7 分鐘

定位/風格

QQ空間Android版4.2和4.5已上線的玩吧游戲“瘋狂套?!?,定位是年輕、活力、有趣、輕松易玩。設(shè)計風格趨向運用多色彩、卡通、線條與立體感的設(shè)計。游戲以牧場作為設(shè)計背景,再加上西部牛仔的元素。作為一款帶有博彩性的小游戲,主要是帶給用戶輕松易玩且有緊張刺激的感覺,輕松的綠色色調(diào)會起到很好的調(diào)和作用。

玩吧入口圖標

運用游戲的主形象,配合QQ空間Android版4.2和4.5整體風格。務(wù)求既突出也不帶有過多的違和感,吸引更多的玩家去點擊試玩。?2

功能圖標

套牛游戲首頁的功能圖標包括,游戲開始圖標,試玩入口圖標,以及排行榜、游戲幣、游戲規(guī)則、積分兌換組成。設(shè)計上配合整體風格以黃色活潑的基調(diào)與木質(zhì)立體設(shè)計,務(wù)求與背景的農(nóng)場場景相互結(jié)合。?3

首頁菜單頁

QQ空間玩吧瘋狂套牛游戲有PC和手機兩個版本。設(shè)計是首先完成了手機端的界面設(shè)計。所以在接到需求的時候我們就要注意PC端與手機端的一些設(shè)計尺寸上的不同,預(yù)留足夠大的設(shè)計元素,方便后續(xù)設(shè)計的快速套用。同時也要在視覺上把關(guān)好手機和PC上多個屏幕尺寸上的顯示體驗問題。4

游戲主界面

游戲的主界面設(shè)計上要注意的問題也很多。由于PC和手機都存在多種屏幕尺寸,設(shè)計的時候要注意元素信息的大小問題。游戲主要的信息也采取了居中放置的形式,以便適應(yīng)更多的屏幕顯示尺寸上應(yīng)用。 左右方的力量條和時間條,也設(shè)定成自適應(yīng),還有背后的環(huán)境元素盡量靠上放置和簡化設(shè)計。讓出足夠的空間給中間的牛和繩子移動,使視覺更集中讓游戲的體驗更好。?5

游戲規(guī)則:

1.?每局游戲時間為60秒,玩家在限時內(nèi)通過發(fā)射繩套來套住牛頭,然后快速點擊屏幕把牛成功拉回來即可獲得積分,套不中牛頭或者牛在被拉回過程中逃走均不得分。

2.?游戲中出現(xiàn)的奶牛為低分牛,玩家套中并成功拉回將可以獲得10或20積分,奶牛較易被捕獲;公牛為高分牛,玩家套中并成功拉回將可以獲得30、40或50積分,但公牛較難被捕獲。

3.?每局限時內(nèi),玩家只要套中并成功拉回4頭及以上的牛(牛種類不限),均可額外獲得50積分。

?獲得游戲幣:

1.?玩家可以通過購買虛擬裝扮或開通黃鉆來獲得游戲幣,通過點擊游戲主頁的“獲得游戲幣”按鈕進入獲得游戲幣的頁面。

2.?游戲幣僅在活動期間有效,且不支持退款。

游戲各窗口/界面/UI設(shè)計

UI設(shè)計上統(tǒng)一運用木質(zhì)立體的視覺設(shè)計,以更加突出農(nóng)場樸實的環(huán)境氣氛,讓玩家游戲或瀏覽信息時更有代入感。 在做各種窗口、界面、浮層設(shè)計的時候要更多的考慮好交互。窗口與浮層提示的出現(xiàn)與鏈接都要考慮周全,不能有紕漏。及時的去體驗游戲,因為在電腦上做的感覺往往和手機上的體驗不一樣,轉(zhuǎn)移到手機上看,你會發(fā)現(xiàn)更多的體驗上的問題,發(fā)現(xiàn)問題后也要及時溝通更正。?6

游戲GUI應(yīng)用

QQ空間玩吧瘋狂套牛游戲完成后也及時整理了一份游戲GUI的應(yīng)用。一些游戲的圖標、信息、界面、按鈕、浮層等的相應(yīng)規(guī)范運用,可以快速有效有效的復(fù)用到其他的游戲當中,或者提供設(shè)計風格的指向,可提高工作效率。

A信息/按鈕

整理時候要注意信息字體的樣式和大小。按鈕的顏色情感導(dǎo)向,以及按鈕的正常狀態(tài)與停留狀態(tài)。還有各功能按鈕的整理規(guī)范,視覺統(tǒng)一性等。?7

B浮層/界面

在整理浮層界面應(yīng)用的時候,會發(fā)現(xiàn)的一些之前設(shè)計上的一些不統(tǒng)一的應(yīng)用或者遺漏。這時就更好的指導(dǎo)我們的設(shè)計,訂正之前的紕漏,更好的做到體驗上的統(tǒng)一。?8

小結(jié)

后續(xù)我們在其他的游戲上使用更多有趣的形式,比如扁平化設(shè)計,加入更多繽紛的色彩表現(xiàn)等,務(wù)求帶出更好的體驗。 現(xiàn)已上線QQ空間Android版4.2和4.5,歡迎體驗!(掃描下載QQ空間Android版客戶端)

erweima[1]

image1

感謝你的閱讀,本文由?騰訊ISUX?版權(quán)所有,轉(zhuǎn)載時請注明出處,違者必究,謝謝你的合作。
注明出處格式:騰訊ISUX (http://isux.tencent.com/qzone-game-cattle.html)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!