在ACG 圈有着這樣一種賽事：沒有硝煙戰火，沒有（廣義上的）明星參與，沒有盛大線下比拼，卻能引發廣大粉絲瘋狂參與，甚至爆肝應援──這就是「萌戰」，屬于二次元粉絲和人氣動漫角色的評選大戰。此類活動鼻祖是「日萌」，起源于日本最大的論壇 2ch。從 02 年開始流傳至今，由網站居民自發舉行，選出年度二次元er最愛的人氣角色。因賽制問題和不接受非本國人員投票等原因慢慢失去關注，而後「世萌」、「燃戰」以及國内的「B萌」「部落萌」等等同類活動也逐漸興起，備受二次元er關注。波洞作為國内萌新的二次元平台，舉辦此類活動尚屬首次，各方面存在不少壓力和難度，這裡我們就視覺設計層面，聊一聊用愛發電的經驗。

目标

波洞作為首次舉辦此類活動，産品目标是為了提高社區活躍度，刺激用戶參與社區行為，同時也能提高人氣角色原作品閱讀量，也為今後同類活動做好準備。

設計上，我們更多想把「波洞星戰」進行品牌化，融合波洞品牌和 IP，打造成系列品牌，抓住年輕用戶的喜好，引起跨圈層用戶關注和讨論。

項目難點

項目開始之初就遇到諸多困難，比如時間特别緊張，設計周期隻有 2 周時間，包括了 7 個賽段頁面和各類宣發物料設計工作量較大等，在人力資源有限的情況下需要快速産出視覺設計；設計物料需要權衡二次元飯圈的用戶心理，防止出現粉絲罵戰和輿論問題，如角色站位問題等等，設計需要有一定話題度的同時，需要保持中立客觀的态度。

概念推導

這裡我們對「二次元人氣角色評選」這個命題展開了一系列腦暴，其中選取最有趣的切入點：「二次元的偶像比賽」。近年來 produce101 系綜藝大爆，這類由粉絲深度參與，通過投票支持，甚至左右最終出道愛豆的養成系比賽深受年輕粉絲追捧。二次元角色與三次元偶像這兩者之間存在相似性，粉絲年齡層的重合度較高。于是我們大膽的去想象，可以打造專屬于二次元的偶像比賽氛圍。

視覺風格的推導

我們找出衆多二次元「萌戰」的視覺風格進行對比，發現差異化較小，主視覺的感受都聚焦在「動漫感」的呈現，這并不能完全诠釋受到粉絲追捧的「偶像感」。由此我們思考，如果視覺風格上包裝成一個具備出圈資質的二次元活動，将會給我們帶來更多的可能性。

既然是屬于二次元的偶像比賽，其視覺風格必定要符合當下的年輕人審美标準，我們找出國内愛豆養成節目鼻祖──韓版PRODUCE101。作為 101 系列節目的先行者，整體的品牌包裝設計簡潔有力，顔色傾向清爽飽滿，對基礎幾何圖形的使用和品牌化延展有大量的幫助。

國内的同類型節目：我鵝的創造101、明日之子，以及友商出品的偶練等等，也都延續扁平幾何化風格，且配色大膽，大量的使用高飽和撞色；點綴圖形以三角、方塊、圓形、菱形等大道至簡的基礎幾何圖形為主。這和我們波洞「紅藍」品牌色，圓形的品牌符号，及年輕化的品牌調性接近，于是将「扁平」「高飽和撞色」「幾何圖形輔助」等關鍵詞作為主視覺的關鍵詞。

設計執行

設計之初為了讓活動品牌化，将原活動名稱進行了包裝。

• 主活動名稱：波洞星戰
• 副标題：國漫人氣角色評選

1. 配色風格——警告！炸眼球的顔色

顔色上将波洞原品牌色進行了提煉和升級，衍生出本次活動專屬的顔色體系，為了增強視覺沖擊力和品牌延續。

2. LOGO設計——給你我的小心心

字體

基于字形結構較為幾何感和年輕感的「造字工房尚黑」進行二次設計，對于鋒利硬朗的原字體進行了徹底的「圓化」。為什麼是圓？因為波洞 logo 及擴展圖形均取自圓形，與波洞的品牌設計語言一脈相承。

容器

身為投票活動，勢必需要大量的容器承載被投票角色。于是在容器的設計上選擇左上、右下為圓角的方形，做為基礎容器圖形，在保持圓形的設計語言的同時，也能夠最大限度地為角色提供展示面積，從而方便用戶快速查找和投票應援。

LOGO

基于主視覺方向以及字體、容器，遵循幾何圖形輔助原則，以方框為基礎進行變化，使 logo 字體更有辨識度。另外，「手指比心」做為近幾年明星愛豆最愛用的手勢，也将其加入本次的應援活動設計中，在 logo 以及投票表現上露出。

3. 主KV方案——火速應援！我的二次元愛豆！

由于主要的落地場景是波洞 APP 首頁 TAB，構圖上讓活動主 LOGO 占據主要的視覺中心，KV 的臨場感和情感化的任務交給了品牌形象。

作為主辦方，考慮的是如何讓用戶更多的感受到活動氛圍，積極參與進來。比如：讓 IP 形象化身為粉絲為愛豆應援，以此拉近了我們和用戶之間的距離，增強用戶的代入感。

方案1

前期進行了兩個方向的設計思考：

• 人氣二次元角色化身波洞限定偶像團體C位出道，面對鏡頭擺出POSE瘋狂吸粉。
• 波洞看闆娘為愛豆們應援打call。

最後考慮到動漫角色的選擇及站位關系等風險，最終選擇 B 方案，并基于構圖和表現力進行優化。

方案2

将 IP 形象進行了動作設計，加入應援棒以及主 LOGO 的「手指比心」元素，增強角色的細節，傳達賽音和可賽的人物性格及動态張力。同時也結合 LOGO，設定構圖方向，呼應波洞品牌視覺語言。

主kv成稿

搭建這樣一個場景：一個擺滿角色頭像的照片牆上開了一個圓形蟲洞入口，跳出應援少女和波洞君；我們想通過人物和場景的互動去強化視覺層次，讓用戶感受到熱烈的比賽氛圍；人物表情和肢體動作富有張力，給用戶傳達活動的青春氣質，讓用戶有種收到二次元邀請的即視感。

為了進一步強化 kv 效果，将 kv 做成動态，并增加一段微動畫開場，增強沖擊力：

△ 點擊查看開場動畫

動态的制作以飄動動畫為主，使用 AE 制作，但是考慮到設計周期較為緊張，所以我們采用了高效的 AUTOSWAY 腳本實現，節約了 80% 的調試時間，這裡就不展開腳本技術讨論了。

4. 落地場景——H5/移動端

遵循主 kv 的調性，頁面設計上以紅藍為主，内容模塊搭建主要以卡片形式為主，卡片的設計以主 logo 定義的基礎圖形作為外框，容器 pattern 的設計延續紅藍主色調和蟲洞星系符号，不斷地強化活動的品牌感和一緻性。

主頁面

角色投票

點贊動效

作為應援比賽，用戶最重要最高頻的操作路徑是投票體驗，所以我們在保證性能的基礎上，埋上動效小彩蛋：沿用手指比心的星戰符号動作，将用戶投單票和全票的行為表現進行區分，單票冒一顆心，多票冒出全部小心心。把用戶給愛豆打 call 的心意具象化，提升投票的快感。

其他頁面

5. 宣發資源物料設計

整體活動涉及不同角色的應援方和宣發合作方較多，如何保持整體活動品牌的一緻性，是設計啟動之初就考慮的問題。沿着前期定調的設計思路和設計規範，我們在項目最初制訂好設計語言和規則，并以設計元件的方式給到合作方設計規範，從源頭将整體活動調性進行把控。

波洞閃屏

宣傳物料

項目總結

曆時半個月的設計任務告一段落，而我們視覺攻堅小團隊在這次項目中收獲良多。設計側意識到團隊協作的重要，與産品、重構、開發、運營同學的配合緊密，以建立更好的配合機制為目标一起努力。設計堅實自己的專業，挖掘更多波洞的品牌調性，在未來探索更多的創新玩法，沉澱經驗，提升能力，一起為了建立更好的波洞星球而發力

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!