本篇文章聚焦于城市環(huán)游基礎(chǔ)玩法設(shè)定上的一些過程和思考，希望能對其他類似游戲設(shè)計的初期階段帶來一定幫助，enjoy~

01 前言

現(xiàn)代生活，乘車是大部分用戶都規(guī)避不了的日常行為，在乘車過程中，移動設(shè)備是用戶消耗碎片時間最重要的工具之一。

據(jù)數(shù)據(jù)統(tǒng)計：社交/聊天（39%）；音樂/視頻（27%）；新聞（22%）；游戲（10%）是其中使用時長占比最高的4類移動端app，而這4類APP在市場上都已經(jīng)有非常成熟的產(chǎn)品和忠實用戶。

這些產(chǎn)品大多優(yōu)先考慮的是大而全的應(yīng)用場景，很少有基于一些細(xì)分領(lǐng)域，例如：以乘車期間的時間消費為基礎(chǔ)進行設(shè)計，因此如何利用這一細(xì)分場景來作為新項目的突破點，是我們團隊需要研究的課題。

我們首先考慮從游戲入手，因為資源有限，過于臃腫的產(chǎn)品不僅會消耗大量設(shè)計和開發(fā)資源，而且還很難拉開和競品之間的差異，因此我們研究了用戶整個乘車過程的行為動線，發(fā)現(xiàn)2個特點：

1. 用戶在上下車都會放下手機打斷當(dāng)前的行為，
2. 乘車過程中載具會有不可預(yù)期的晃動，這會導(dǎo)致用戶視線和操作都無法保持長時間聚焦。

因此基于這2點，我們在選擇游戲類型優(yōu)先放棄了操作類，而且依據(jù)對現(xiàn)有的一些操作類小游戲的調(diào)查，他們的生命周期都非常短暫。所以我們需要一款可以以基礎(chǔ)玩法快速上線的小游戲用來驗證效果，并且在后期有豐富的可擴展空間。經(jīng)過不斷篩選，最終我們把目光聚焦在收集這一游戲類型上。

同時作為一款乘車碼出品的第一款小游戲，我們在基礎(chǔ)玩法和題材上也期望能跟出行相關(guān)聯(lián)，打造出乘車碼的良好口碑。城市；國家；景點；旅游這些關(guān)鍵詞是我們最先想到的。

綜合以上，我們最終確定了一款以旅游為主線，在各個城市收集城市特點的卡片（景點等）為完成目標(biāo)的小游戲。并且在這基礎(chǔ)上，后續(xù)的道具，社交，商業(yè)化等可擴展性都有很大的想象空間。

02?地圖構(gòu)建—效率與設(shè)計的平衡

我們最先確定的上線地點是深圳，因此地圖的設(shè)計也是以深圳為基礎(chǔ)，在和產(chǎn)品深入討論后，我們確定了基礎(chǔ)的玩法邏輯：玩家通過骰子方式移動前進，到達設(shè)定的深圳25個著名景點（比如海岸城，濱海大廈）收集卡片，而搖骰子所需的次數(shù)則是玩家通過乘車，分享等幾個業(yè)務(wù)目標(biāo)來設(shè)定，同時，我們在路線上會先放置最基礎(chǔ)的前進后退道具，來提升游戲的趣味性。

匯總這些信息之后，我們最終確定2.5D地圖作為整個玩法的承載是最適合的，正好在之前也有過一些類似的運營項目經(jīng)驗，可以作為參考。

下面是整個產(chǎn)品的大致玩法邏輯：

但是，產(chǎn)品很快又提出一個新的挑戰(zhàn)，他們期望后續(xù)能以較快的速度完成地圖的搭建，進而滿足其他城市的上線速度，而且現(xiàn)在還沒法確定游戲的道具，景點準(zhǔn)確位置，這給我們基礎(chǔ)地圖的設(shè)計產(chǎn)生了不小的難度。

之前的設(shè)計形式在擴展和易于配置這兩點上有著明顯缺陷，我們必須要設(shè)計出一個既能滿足讓整體游戲世界保持生動有趣，又能方便配置的地圖模型，并且能將道具和景點樣式模塊化來進行靈活配置。

這時候我想到了策略類游戲的地圖和建筑的處理方式，這里以皇室戰(zhàn)爭舉例：皇室戰(zhàn)爭的地圖是以N個方格組成的，里面的兵種和建筑則分別以1×1，2×2格等這類棋盤規(guī)則來放置的，假如我們地圖也設(shè)定成一個橫向以一定格數(shù)組成（5格），縱向可無限延生（看產(chǎn)品訴求確定長度），普通格子為1×1，建筑格子為2×2這樣有一定規(guī)范的視覺元素進行放置，這樣既能滿足產(chǎn)品的靈活配置的訴求，而且規(guī)范化的景點和道具不僅方便配置，后續(xù)其他設(shè)計師進行輔助繪制也有一個參考標(biāo)準(zhǔn)，同時也讓配置化和視覺表現(xiàn)這兩個有些相悖的方向取得一個不錯的平衡。

而一款能讓用戶有代入感的好游戲，一個生動的世界觀是基礎(chǔ)，在這其中元素必須是基本符合邏輯的，而非寫實類風(fēng)格的游戲，我們還可以基于現(xiàn)實增加更多趣味性和互動。

每個游戲愛好者都期望能打造出像3A大作那樣栩栩如生的世界，但是人力和時間都不允許，因此我們在有限的資源下確定了幾個必須要素，前進的工具-載具；景點-簡化版元素模型；背景-深圳特點背景圖；機率因子-道具（后續(xù)不斷增加）；骰子，當(dāng)然，其他擴展玩法也都在計劃中。

背景：對整個世界氛圍渲染起到非常重要的作用，既然是打造的深圳地圖，深圳最標(biāo)志的現(xiàn)代化元素就是林立的高樓，同時為了保證游戲主體內(nèi)容的突出，我們遵循了“二八原則”，嚴(yán)格控制兩邊視覺的比例，同時平衡設(shè)計成本以及延展性，最終我們設(shè)計了3屏長的可無限平鋪的背景來滿足產(chǎn)品任意長度的地圖需求。

景點：是玩家獲得卡片的關(guān)鍵位置，因此在視覺上需要進一步強化，我們稍稍犧牲了配置的靈活性，在格子上給與了2×2的位置來提升視覺呈現(xiàn)上的繪制空間，同時基于每個景點的特點，我們保留了相對比較有記憶點的元素后進一步簡化，來確保在地圖上各個元素的“視覺疏密”的一致性。而景點名稱，我們則通過路牌來和地圖的視覺進行完美銜接。

下圖為部分深圳景點圖片：

最終實現(xiàn)后我們發(fā)現(xiàn)第一版景點繪制標(biāo)準(zhǔn)呈現(xiàn)出的一些問題，最初我們期望45度角度的構(gòu)圖差異能夠幫助景點在地圖內(nèi)更凸顯，但是整體地圖拼合之后我們覺得這對視覺整體效果起到了反向作用更大。所以在全國版本，我們在這方面進行了視覺降噪，統(tǒng)一了景點和背景的設(shè)計角度，同時這還意外的降低了不少景點的繪制難度。

同時，玩家在整個地圖上的行走動線也需要在前期中考慮到，大格子的擺放位置都有一定的約束，這樣才能確保移動過程的無縫銜接。

載具和道具：的設(shè)計我們也經(jīng)過了深思熟慮，為了體現(xiàn)出行的特性，我們并沒有直接通過移動玩家頭像icon來達到移動目的，而是設(shè)計了相對應(yīng)的基礎(chǔ)載具—地鐵來作為移動功能的承載，而且在后續(xù)玩法上，載具的加入無論在后續(xù)玩法上還是商業(yè)化都提供了豐富的想象空間。道具的選擇上我們也本著最簡單易懂且符合用戶理解預(yù)期的原則，給前進和后退分別設(shè)定了漢堡和香蕉的概念。

03 動效—故事串聯(lián)的關(guān)鍵要素

動效在游戲中是一個繞不開的話題，他不僅能作為UI輔助來告訴玩家哪些是關(guān)鍵元素，還能讓整個環(huán)境生動起來，所以動畫思考的過程，是需要和整個世界觀的設(shè)計結(jié)合在一起考慮的。

我們在確定基礎(chǔ)玩法流程后，就在思考以一個什么樣的動作把玩家集卡的過程，以及和道具互動的串聯(lián)起來。我們想到大家旅游最標(biāo)志性的一個行為——拍照。

因此我們把獲得卡片的動作設(shè)計成玩家到達景點>拍照（動畫過度）>得到卡片的過程，而道具的設(shè)計也是同理，因為整體移動基于載具來設(shè)計，所以后退我們采用了設(shè)計了救護車，和香蕉的概念相對應(yīng)，而前進我們期望用戶能獲得比較強的成就感，所以選用了夸張手法的載具—火箭來和前進的動作銜接起來。

在靜態(tài)元素上的動畫我們也做了一些循環(huán)動作的處理，避免在非游戲過程中整個世界過于死板，例如：載具在未行進過程中保留了擠壓變形的動畫，道具上我們做了非同步的上下懸浮效果，而每個景點上我們至少都做了一個動效，并組件化一些通用的動效，例如：鳥，云，氣球，來方便快速應(yīng)用到其他的景點上，節(jié)約設(shè)計成本。

04?提示和教育—情感體驗，輕量的陪伴角色

新手教育是任何一個新產(chǎn)品都繞不開的話題，我們最常見的方式就是直接用黑色蒙層加文案的方式來引導(dǎo)，但是我們發(fā)現(xiàn)很多用戶對于這類缺少樂趣被動學(xué)習(xí)的引導(dǎo)方式比較抵觸，大多都會選擇快速跳過引導(dǎo)流程直接進入游戲，這樣一些關(guān)鍵信息很容易被忽略。

因此我們也收集了不少好的游戲的新手教育，例如植物大戰(zhàn)僵尸的“鄰居”，皇室戰(zhàn)爭的“國王”等，發(fā)現(xiàn)在游戲中融入一個陪伴角色來進行教育和提示能讓玩家的抵觸感有比較好的轉(zhuǎn)變。所以我們也設(shè)計一個輕量的陪伴角色，來和玩家一起參與到游戲中，弱化生硬的學(xué)習(xí)過程，提升了情感上的體驗。

05?色彩定義—基于乘車碼的演變

色彩的設(shè)定，我們也會參考現(xiàn)有流行的一些游戲風(fēng)格，但是有一點是明確的，整個游戲作為乘車碼的一個關(guān)聯(lián)產(chǎn)品，在視覺上我們期望能有一些延續(xù)來強化兩者的關(guān)聯(lián)，所以我們基于乘車碼的綠色，衍生出一些相近的色彩進行延展。并加入現(xiàn)在比較流行的漸變色來提升整個視覺上的品質(zhì)感，和場景中其他元素的設(shè)計風(fēng)格相呼應(yīng)。

06?商業(yè)化-設(shè)計先行，留好坑位

游戲的商業(yè)化是一個遲早要面對的課題，這部分如果不在前期留下足夠的擴展空間，后續(xù)強行植入就會導(dǎo)致整個游戲代入感被大大破壞。因此我們在前期設(shè)計地圖場景等元素上也有一定的準(zhǔn)備，場景的廣告牌，道具和載具的設(shè)計和功能，例如給麥當(dāng)勞設(shè)計一個專屬薯條道具，前進步數(shù)更多，大部分情況都能比較和諧的進行融入

07 后續(xù)…

目前小游戲已經(jīng)上線，并在靜默運營中，全國版本也在近期上線第一期地圖，本篇文章聚焦于城市環(huán)游基礎(chǔ)玩法設(shè)定上的一些過程和思考，后續(xù)各種互動和玩法也在同步計劃中，并會定期整理各階段的思考，希望本篇總結(jié)能對其他類似游戲設(shè)計的初期階段帶來一定幫助 。

作者：larphaqian，公眾號：騰訊FiTdesign（ID：FiTdesign2017）

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@ 騰訊FITdesign，作者@ larphaqian

題圖來自Unsplash，基于CC0協(xié)議