QQ 陽(yáng)光牧場(chǎng)，作為騰訊首款3D社區(qū)游戲，如今總算守得云開(kāi)見(jiàn)月明，在 Android 平臺(tái)發(fā)布后，即將登陸 iOS 平臺(tái)。? 在這歡樂(lè)的時(shí)刻，要特別感謝一下參與項(xiàng)目的 CDC 無(wú)線組同學(xué)們。

陽(yáng)光牧場(chǎng)想要傳達(dá)的感受，單純而直白：陽(yáng)光，清新與快樂(lè)。

一份久違的寧?kù)o，清爽與快樂(lè)，也是忙碌在都市生活中一點(diǎn)小小的慰籍。

這是一塊讓玩家暫時(shí)遠(yuǎn)離喧囂的凈土。 這里有可愛(ài)的動(dòng)物和宜人的曠野，這里飄溢著清新的阿爾卑斯田園氣息。??不使用繁復(fù)奢華的畫(huà)風(fēng)，不使用密膩逼真的造型。樸實(shí)而簡(jiǎn)單，就像清晨的陽(yáng)光一樣煦， 讓人見(jiàn)之掛起一絲清爽的笑。這就是 QQ 陽(yáng)光牧場(chǎng)想要傳達(dá)的感受。

Smurfs，Trade Nations，Zombie Farm，這些大獲成功的牧場(chǎng)游戲都透露著一個(gè)核心：?游戲的核心，不僅是留于表面的特效Show，也不只是單純的數(shù)字堆積帶來(lái)的快感。一個(gè)好的游戲，必然會(huì)在某種程度上與用戶內(nèi)心的某處產(chǎn)生共鳴。陽(yáng)光般的快樂(lè)，就是陽(yáng)光牧場(chǎng)試圖激起的共鳴。

QQ 陽(yáng)光牧場(chǎng)的畫(huà)風(fēng)采用極簡(jiǎn)路線。

將現(xiàn)實(shí)中的景物，動(dòng)物抽象畫(huà)，保持少量細(xì)節(jié)，籍此稀釋界面元素的細(xì)節(jié)密度，可以使界面更加透氣，達(dá)成清爽，一目了然的目的。同時(shí)，布偶化，火柴盒化的動(dòng)物與場(chǎng)景也增加了游戲“萌”的元素。

牧場(chǎng)的畫(huà)風(fēng)更多借鑒了小品類 2D 游戲輕快簡(jiǎn)潔的畫(huà)風(fēng)。 在這樣的游戲中，簡(jiǎn)單并略帶幽默感的走形，能給人帶來(lái)更獨(dú)特的體驗(yàn)。? 平實(shí)簡(jiǎn)潔的畫(huà)風(fēng)也大大降低引擎在各平臺(tái)上表現(xiàn)力的壓力，同時(shí)也保證了產(chǎn)品實(shí)現(xiàn)效果與設(shè)定稿的高相似度。

陽(yáng)光牧場(chǎng)的配色特點(diǎn)很明顯。場(chǎng)景界面中，環(huán)境色明亮而鮮艷，使整個(gè)場(chǎng)景顯現(xiàn)出陽(yáng)光充足燦爛的特征，建筑物上則出現(xiàn)純度，明度較低的色彩，凸顯重量感和近距離感。? UI界面中背景部分純度偏低，而信息載體的顏色鮮艷奪目，凸顯了信息物體的重要性。? 整個(gè)界面出現(xiàn)了大量的補(bǔ)色及接近補(bǔ)色的配色，跳躍的色彩感彌補(bǔ)了模型細(xì)節(jié)的補(bǔ)足，也帶來(lái)了新鮮的視覺(jué)體驗(yàn)。

牧場(chǎng)游戲的信息量較多，結(jié)構(gòu)相對(duì)復(fù)雜。

交互設(shè)計(jì)階段，我們嘗試了多套交互框架，并把原型導(dǎo)入手機(jī)，模擬真實(shí)的使用環(huán)境，測(cè)試操作流程的通暢性、界面布局的合理性。測(cè)試過(guò)程中，產(chǎn)品、視覺(jué)、開(kāi)發(fā)都參與進(jìn)來(lái)，全方位評(píng)估設(shè)計(jì)，敏捷調(diào)整。

上圖中左側(cè)是最初接手項(xiàng)目時(shí)由CP完成的 個(gè)人信息界面，右側(cè)則是改版后的個(gè)人信息?？梢钥吹结槍?duì)小屏移動(dòng)設(shè)備的特點(diǎn)，界面做了全屏，以及信息整合的處理。一方面直白的展現(xiàn)了對(duì)用戶最有效的信息，一方面也簡(jiǎn)化了操作。

為了讓內(nèi)容的展示和主風(fēng)格一樣輕快簡(jiǎn)潔，在設(shè)計(jì)時(shí)，需要讓重點(diǎn)更突出，次要的信息可放在更深一級(jí)頁(yè)面展示。改版的喂食界面中，飼料選擇就被安排到了三級(jí)頁(yè)面，同時(shí)增加了重要的一鍵加滿操作。

QQ農(nóng)場(chǎng)屬于浸入式游戲，即在全屏模式下能使玩家沉浸在游戲營(yíng)造的氣氛中。因此在設(shè)計(jì)時(shí)界面與游戲場(chǎng)景的糅合非常重要。

游戲不同于工具類軟件，界面本身不單純作為操作控件的載體，同時(shí)也作為場(chǎng)景的一個(gè)部分存在。讓界面和場(chǎng)景融合在一起的最好的方法，就是從場(chǎng)景里取來(lái)材料搭建起界面了。

動(dòng)物才是這個(gè)游戲的“陽(yáng)光”所在。? 作為一個(gè)牧場(chǎng)游戲，場(chǎng)景只是一種裝飾；而最重要的，是玩家每天照料的動(dòng)物們。它們才是陽(yáng)光牧場(chǎng)核心理念，快樂(lè)的載體。因此，如何去設(shè)定動(dòng)物比起場(chǎng)景或 3D 特效更加重要。

在牧場(chǎng)項(xiàng)目的動(dòng)物設(shè)計(jì)上，一方面對(duì)真實(shí)動(dòng)物的體貌做抽象處理，另一方面則是把握“神情”，即這些動(dòng)物為人鎖熟知的性情特征（如綿羊的天然呆），而后者相對(duì)體貌更為重要。

在實(shí)現(xiàn)的過(guò)程中，有時(shí)會(huì)出現(xiàn)一些在設(shè)計(jì)初期未能預(yù)料到的狀況。如何針對(duì)這些問(wèn)題做出調(diào)整，甚至利用之達(dá)成一些特殊的亮點(diǎn)，iPad 版牧場(chǎng)倉(cāng)庫(kù)界面中的微創(chuàng)新點(diǎn)是一個(gè)不錯(cuò)的例子。

倉(cāng)庫(kù)里冒老鼠引發(fā)的打地鼠游戲：將這樣的問(wèn)題加如牧場(chǎng)內(nèi)，解決了iPad版本倉(cāng)庫(kù)界面實(shí)現(xiàn)時(shí)空間過(guò)多的尷尬，同時(shí)可愛(ài)的貓咪和打地鼠游戲也成為了 iPad 版本中一個(gè)獨(dú)特的萌點(diǎn)。

QQ 陽(yáng)光牧場(chǎng)，在 Android 平臺(tái)發(fā)布后，一舉獲得四星的好評(píng)，在同類產(chǎn)品中也相當(dāng)?shù)某晒?，在?yáng)光牧場(chǎng)的論壇中，視覺(jué)和交互的設(shè)計(jì)部分受到了玩家的一致認(rèn)可，可算是我們最受鼓舞的成果了?，F(xiàn)在，陽(yáng)光牧場(chǎng)3D 即將正式在 iOS 平臺(tái)發(fā)布，也期待它能再創(chuàng)佳績(jī)。? 再次感謝所有參與項(xiàng)目的同學(xué)們所付出的辛勤努力。

來(lái)源：http://cdc.tencent.com/?p=3952