本文主要是關(guān)于起點讀書 515 周年活動設(shè)計的一個總結(jié)，相信會對你有幫助，一起來看看~

活動背景

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

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

交互設(shè)計

515活動頁面邏輯

515 活動頁面邏輯如上圖，共 14 個主要頁面。經(jīng)過多次活動的沉淀，此次活動主 Tab 精簡為三個，分別為一個入口聚合頁及二個不同維度的榜單頁：

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

創(chuàng)新點

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

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

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

515 每日任務(wù)頁面

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

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

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

視覺設(shè)計

1. 風格

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

影視海報氛圍參考

2. 形象

三個職業(yè)形象的設(shè)定充分均衡了用戶考量，分別代表了獨立聰慧的女性形象、學富五車的經(jīng)典閱讀形象、象征財富與地位的高貴形象。Boss 設(shè)定為「斷更獸」，蹭了平臺作家端更梗的熱點，也讓用戶更能感同身受。形象立繪根據(jù)畫風與設(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ù)的大地圖也是本次活動中工作量比較大的一部分：由原畫同學繪制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è)計上與去年采用了完全不同的風格，并針對角色形象、任務(wù)地圖、決戰(zhàn)頁面等都做了升級優(yōu)化，打造了一個不同氛圍的 515 。

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

最后，感謝每一位在 515 活動中合作或參與的同學，相信未來每一年的 515 都會產(chǎn)生各具亮點的優(yōu)秀設(shè)計。

作者：鐘瑋濤，微信公眾號：閱文體驗設(shè)計YUX ( id: YUX_design)

來源：https://mp.weixin.qq.com/s/hZgRB8EXAtxoC26r_P7JSQ

本文由 @閱文體驗設(shè)計YUX 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖作者提供