活動(dòng)背景

515 周年慶是起點(diǎn)每年例行的大型運(yùn)營(yíng)活動(dòng)。今年采用了游戲形式的活動(dòng)玩法，通過(guò)職業(yè)角色形象、任務(wù)策劃、排行榜等不同維度來(lái)加強(qiáng)作者與讀者的互動(dòng)、作品與用戶的聯(lián)系，打造了全新的「515催更者聯(lián)盟」活動(dòng)。

活動(dòng)的故事背景為用戶可選擇成為賞金先知、時(shí)空游俠或典藏館長(zhǎng)三個(gè)神圣職業(yè)，通過(guò)不斷歷練自身戰(zhàn)力值，聯(lián)合對(duì)抗起點(diǎn)大陸中異軍突起的斷更獸，保護(hù)作家寫作環(huán)境與網(wǎng)絡(luò)文學(xué)世界的和平，并可獲得豐富的獎(jiǎng)勵(lì)。

交互設(shè)計(jì)

△ 515活動(dòng)頁(yè)面邏輯

515 活動(dòng)頁(yè)面邏輯如上圖，共 14 個(gè)主要頁(yè)面。

經(jīng)過(guò)多次活動(dòng)的沉淀，此次活動(dòng)主 Tab 精簡(jiǎn)為三個(gè)，分別為一個(gè)入口聚合頁(yè)及二個(gè)不同維度的榜單頁(yè)：

• 「我的主頁(yè)」聚合了職業(yè)形象、每日任務(wù)、我的道具卡牌、boss 決戰(zhàn)入口的主頁(yè)面；
• 「戰(zhàn)隊(duì)擂臺(tái)」作品戰(zhàn)隊(duì)的戰(zhàn)力值三榜單；
• 「職業(yè)爭(zhēng)霸」全站冠軍及三個(gè)職業(yè)排行榜。

創(chuàng)新點(diǎn)

1. 每日任務(wù)變身劇情番外+世界地圖

今年的每日任務(wù)不同于以往的任務(wù)列表，而是借鑒了游戲大地圖的形式，在一張大地圖（約豎屏三屏）上涵蓋 15 個(gè)與作品對(duì)應(yīng)的地點(diǎn)與 3 個(gè)原創(chuàng)地點(diǎn)，每個(gè)地點(diǎn)對(duì)應(yīng)一個(gè)每日任務(wù)。

同時(shí)每個(gè)任務(wù)都配有向用戶征集的與該地點(diǎn)相關(guān)作品所匹配的同人番外（共使用 270 篇），增強(qiáng)做任務(wù)的趣味性及內(nèi)容聯(lián)動(dòng)。

△ 515 每日任務(wù)頁(yè)面

2. 活動(dòng)道具結(jié)合客戶端卡牌功能與線下周邊

515 活動(dòng)中共可獲得 18 種作品專屬道具（或道具碎片），用戶除了可以在活動(dòng)內(nèi)「我的道具卡牌」頁(yè)面瀏覽自己獲得的道具及碎片，還可以在起點(diǎn)讀書(shū)端內(nèi)「我的卡牌」頁(yè)面查看 515 活動(dòng)專屬道具卡牌。同時(shí)，18 個(gè)道具還會(huì)制作成實(shí)物徽章獎(jiǎng)勵(lì)給部分用戶。

△ 515 道具頁(yè)面與客戶端卡牌頁(yè)面

視覺(jué)設(shè)計(jì)

1. 風(fēng)格

今年的 515 整體風(fēng)格，根據(jù)設(shè)定，采用了貼合故事背景的東方修仙風(fēng)格。在頁(yè)面中主要體現(xiàn)為顏色、元素的使用。

△ 影視海報(bào)氛圍參考

2. 形象

三個(gè)職業(yè)形象的設(shè)定充分均衡了用戶考量，分別代表了獨(dú)立聰慧的女性形象、學(xué)富五車的經(jīng)典閱讀形象、象征財(cái)富與地位的高貴形象。Boss 設(shè)定為「斷更獸」，蹭了平臺(tái)作家端更梗的熱點(diǎn)，也讓用戶更能感同身受。形象立繪根據(jù)畫(huà)風(fēng)與設(shè)定需求，邀請(qǐng)了畫(huà)師@-君翎-合作繪制。

△ 從左至右分別為：時(shí)空游俠、賞金先知、典藏館長(zhǎng)、斷更獸

3. 配色

515 頁(yè)面的主色使用了整體飽和度偏低的深藍(lán)色，輔以金色襯托氛圍，深紅色增加部分模塊的榮譽(yù)感。同時(shí)，在常規(guī)頁(yè)面與 BOSS 決戰(zhàn)頁(yè)有整體色調(diào)從藍(lán)金到紅黑的轉(zhuǎn)換（圖1圖2），突出與 BOSS 殊死一戰(zhàn)的緊迫感。廣告素材也調(diào)整了紅藍(lán)色的比例（圖3），使廣告素材帶有更多起點(diǎn)的品牌特征（紅色）。

4. 元素

基于修仙的故事背景設(shè)定，祥云成為了貫穿整個(gè) 515 的大小細(xì)節(jié)的核心元素，從 LOGO 到頁(yè)面在各個(gè)細(xì)節(jié)處都使用了不同形式的祥云圖案裝飾來(lái)統(tǒng)一整體。

5. 任務(wù)地圖

每日劇情任務(wù)的大地圖也是本次活動(dòng)中工作量比較大的一部分：由原畫(huà)同學(xué)繪制 18 個(gè)原創(chuàng)地點(diǎn)建筑，再由設(shè)計(jì)師拼接制作成一整張大地圖，并且還需要考慮地點(diǎn)類型、排布、任務(wù)狀態(tài)等等因素。

△ 515 任務(wù)地圖

6. 活動(dòng)道具

關(guān)于此次活動(dòng)中的道具，在策劃初期就確定了要做成實(shí)體周邊的想法，所以在道具 icon 制作時(shí)也多了更多需要考量的因素，盡量平衡與原著的還原度、精致程度與實(shí)體化的可行性。

△ 515 活動(dòng)道具

7. 推廣素材

在與產(chǎn)品確認(rèn)宣傳周期及側(cè)重點(diǎn)后，我們針對(duì)不同時(shí)間點(diǎn)也制作了不同的推廣素材。提供了多套動(dòng)態(tài)閃屏，且執(zhí)行了ABTEST 方案，以此來(lái)驗(yàn)證更精細(xì)的推廣素材對(duì)活動(dòng)的影響。

△ 部分活動(dòng)閃屏

總結(jié)

今年的 515 活動(dòng)在整體設(shè)計(jì)上與去年采用了完全不同的風(fēng)格，并針對(duì)角色形象、任務(wù)地圖、決戰(zhàn)頁(yè)面等都做了升級(jí)優(yōu)化，打造了一個(gè)不同氛圍的 515。

此次 515 的設(shè)計(jì)過(guò)程中，會(huì)加入更多合作的部分：與外部畫(huà)師的合作、多名設(shè)計(jì)師參與設(shè)計(jì)不同部分、原畫(huà)的相關(guān)支持、線下周邊供應(yīng)商的同步進(jìn)行……給設(shè)計(jì)部?jī)?nèi)部帶來(lái)了更大的影響，也保證了這樣一個(gè)大體量活動(dòng)在緊張的設(shè)計(jì)排期內(nèi)能夠準(zhǔn)時(shí)保質(zhì)交付。

歡迎關(guān)注作者的微信公眾號(hào)：「閱文體驗(yàn)設(shè)計(jì)YUX」