活動背景

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

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

交互設(shè)計

△ 515活動頁面邏輯

515 活動頁面邏輯如上圖，共 14 個主要頁面。

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

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

創(chuàng)新點

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

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

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

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

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

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

△ 515 道具頁面與客戶端卡牌頁面

視覺設(shè)計

1. 風(fēng)格

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

△ 影視海報氛圍參考

2. 形象

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

△ 從左至右分別為：時空游俠、賞金先知、典藏館長、斷更獸

3. 配色

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

4. 元素

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

5. 任務(wù)地圖

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

△ 515 任務(wù)地圖

6. 活動道具

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

△ 515 活動道具

7. 推廣素材

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

△ 部分活動閃屏

總結(jié)

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

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

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