WeGame 作為 PC 游戲發行平臺,自品牌創立以來就一直致力于做連接開發者和游戲玩家的橋梁,隨著業務的不斷發展和優化訴求的持續積累,在今年我們迎來了品牌的全面升級。設計團隊主導了 WeGame 2.0 的整體設計工作,今天便和各位分享一下背后的所思所想以及相關設計成果。
迄今為止,WeGame 已經陪伴玩家走過四個年頭,作為一個逐漸步入成熟期的產品,卻沒有經歷較大的版本升級,而隨著業務的不斷發展,我們清晰的意識到, WeGame 需要調整升級再前行。而觸發改版的具體動因,可分為以下兩點:
1. 自我審視,調整方向再前行
WeGame1.0 定位以“發現更大的游戲世界”,著力于向外挖掘游戲內容,而今看已逐漸偏離實際,對于產品現狀的自我審視,調整方向再前行,才能更好的提升品牌價值。
2. 產品老化帶來體驗問題,需自下而上的革新
產品持續迭代 4 年多,其間客戶端存在著不少遺留的體驗問題,如電腦資源的高占用、軟件使用卡頓、啟動游戲太慢等性能問題,正持續影響著平臺口碑。因此自下而上的革新,提升平臺體驗勢在必行。
基于以上思考,在今年初,由產品側發起制定了 WeGame2.0 的升級策略,主要體現為兩點,一是向開發者推出一系列更友好的扶持策略,以刺激內容增長;二是持續的優化平臺性能,往更輕更快更好玩的方向發展。而產品訴求是希望品牌能夠傳遞出更友好更親和的感覺,不走高冷范。
WeGame 的核心價值在于連接開發者與游戲玩家,在品牌升級之路上也將秉承初心,因此,品牌的新定位為:與游戲人同行,表達了平臺希望與玩家、開發者和行業攜手并進,共同探索游戲世界的目標。具體會落實到以下三點;
綜上所述,我們將 WeGame2.0 的設計目標,定為以下三點:首先是配合產品戰略升級,刷新品牌調性;然后在繼承核心品牌基因的基礎上,植入新調性以刷新品牌設定;以及探索更多維度更多形式,不斷的深化品牌應用,拓寬品牌邊界。
而在設計執行上會具體的分為品牌調性、品牌設定和品牌應用三大實施步驟。
1. 建立品牌屋
通過建立品牌屋整合和梳理相關信息,包括“品牌是什么”,“品牌要做什么”,我們對 WeGame2.0 的升級工作也有了一個較為清晰明確的方向,就是要讓品牌傳遞出更年輕、更具親和力的感覺, 擺脫產品“疲態”,重新注入“活力”。
2. 確立 WEGAME 2.0 品牌調性
3. 關鍵詞:活力、趣味、多元
關鍵詞活力、趣味、多元,是 WeGame2.0 的高度提煉和解讀。活力,表明我們會帶著更年輕化的表達,以傳遞正向的游戲能量;趣味,表達的是要去探索更多形式,做到更有趣更好玩;多元,是不斷的拓寬品牌邊界,創造出更多可能性。
4. 圍繞關鍵詞,建立情緒板
以上參考圖來源于網絡
品牌調性確立后,接下來的工作重心圍繞如何繼承核心品牌要素以刷新品牌設定,使其煥發新面貌,覆蓋的維度也能更廣更全面。品牌設定主要由品牌識別系統、品牌形象、視覺風格三大內容構成。
1. 品牌識別系統
標志圖形
- LOGO 的設計由來
WeGame Logo 的設計是由“W”和“G”組成的一個裂開的蛋型,自創立之初就表達著“孵化,新生,破殼而出”的概念和寓意,在此次升級中我們希望將這份初心延續下來。
- 新 LOGO 的改版過程
在保留原 Logo“蛋形“和“W 形”的基礎上,我們對圖形細節進行了不同程度的調整,然后向內外部用戶發放問卷以調研 Logo 的偏好度。結果顯示,大家普遍更傾向于選擇變化度較小的圓角化圖形和漸變的配色風格,而我們也根據這個結果進行再優化和細節打磨。
舊—新:新版Logo在充分繼承品牌基因的情況下,將圖形變得更圓角化更柔和,線條走向也調整的更為勻稱。
Logo 的定稿效果
Logo 的動畫演繹
輔助圖形
輔助圖形是除 Logo 外最為重要的品牌符號,目前主要有三類元素組成,從 LOGO 圖形延伸出的“W"型和圓直角的基礎型,還有結合新品牌調性加入了更多活力的視覺表達元素等。
W 形:首先是從 Logo 延展出來的 W 型符號,是作為最重要的圖形元素。
圓直角:基于 LOGO 圓角化延伸,打造出來的圓直角的一個基礎型。
活力—視覺表達式 :是對活力的具象化和視覺化,包括對“動”的表達,和對“態”的表達元素。
視覺表達式圖示
色彩系統
- 品牌主色調:活力漸變橙
通過在舊版 Logo 上提取原色,來進行色調調和并拓展閾值,得出了全新的活力漸變橙,這個更具年輕化和動感的品牌主色調。
除此以外還加入了更多的輔助配色,以形成一個閉環式的全彩色環。
文字系統
規范基礎字體的運用:基于 Logo 圓角化的特征,尋找了一些合適的品牌基礎字體。
建立字符變形規則:對于特殊字體的設計,我們建立了一套字符變形規則:就是圓直角的基礎型加上品牌識別元素,再加上活動的識別元素。
活動 LOGO 展示:目前這個規則被應用到了四大品牌活動的 Logo 上,我們希望在這些 Logo 上能夠呈現出既統一,又具備著強識別特征的效果。
平面構成
基于以上內容,從點線面出發來組建了各類平面構成元素,以補充平面圖案素材。
WeGame2.0 品牌書
在完成了以上視覺符號的刷新工作之后,我們建立了一個系統的品牌視覺指南,以便指導后續的應用,這里是品牌書的部分頁面展示。
2. 品牌形象
品牌形象的建設是品牌設定中最為重要的組成部分,作為一個人格化的符號,IP 形象往往能夠攜帶更多的品牌信息,更直接有效的傳遞給用戶。
蛋蛋君設定:
WeGame 平臺的核心形象蛋蛋君,是一個探索游戲能量的機器人伙伴,它是從 Logo 圖形延展而來,帶著“W 形”面罩和“圓形” 等明顯的符號化特征。在品牌升級中我們將會保持蛋蛋君的基礎型不變,去賦予更多的形式和變化。
更多配色、更多材質、更多形式、更多小伙伴
“游戲人”設定
包括蛋蛋君在內,這三個形象代表著游戲行業中的每個身份,我們想要以人格化的形象來提高親和力,在后續的品牌場景中可以起到一個輔助作用。
玩家設定:青春活力的年輕小伙,服裝設定為反戴鴨舌帽,身穿大帽 T。
開發者設定:嚴謹而友好的開發小哥,在造型上搭配了黑框眼鏡,格子衫等元素。
3. 視覺風格
WEGAME1.0 風格:
WeGame1.0 時期我們從 0 到 1 建立起來“硬核、酷炫”的品牌風格,而后因運營需要體現熱鬧的活動氛圍感,轉而探索更為活潑的視覺風格,逐漸的兩者間風格開始存在著偏差。那么,酷炫的品牌風格與活潑的運營風格是否能夠做到更好的融合呢?帶著這個問題,結合 WeGame2.0 產品戰略調整,品牌需體現更具年輕化和親和力的感覺,去思考新風格應該怎么變?
新風格定位:
我們最首要思考的是風格定位,希望是介于硬核感和親和力之間,為 WeGame2.0 尋找定義一種新風格,既要擺脫高冷感,又要避免低齡的感覺。
流行趨勢分析:
然后我們也針對當下流行的風格趨勢進行了研究分析,提取出其中的共性特征,主要是高概括的圖形元素和高飽和、高對比的配色風格。
以上圖片參考來自于網絡
設計靈感:
對玩家來說,游戲中常常出現的對抗元素 ,像“勝利與失敗”,“友軍與敵軍”等高對比而又具備強視覺沖擊力的元素,往往會成為他們最為熟知且最為關注的焦點。而抓住玩家的視線焦點,正是游戲平臺所需要的。
以上圖片參考來自于網絡
定義全新風格:對撞視覺
經過以上思考,最終我們定義了一種全新的風格:對撞視覺,作為平臺的主視覺風格。具體表現為顏色和元素間的對撞,主要是由圓潤的主元素加上尖銳的輔助圖形,以及加入高對比的配色形式所組成的視覺風格,這種視覺風格是很開放的,變化的形式也可以多種多樣,也比較符合 WeGame2.0 趣味多元的感覺。
品牌主視覺 :“與游戲人同行”的具象化表達
設計構思:品牌主視覺主要采用了“W 形”的整體構圖框架,以及多個游戲人角色一起同行、方向一致的表達元素來組成畫面,以對 “與游戲人同行”的概念進行具象化的表達。
對撞視覺的概念圖展示
WeGame 新官網首頁:
其他功能頁面:客戶端下載頁、翼計劃頁、先鋒測試頁等功能頁面的集合
WEGAME2.0 客戶端:“輕、快”
圍繞新品牌定位“與游戲人同行”,希望給用戶帶來更為年輕化的體驗,WeGame 客戶端搭建了一套“輕快、輕盈”的視覺語言,以契合軟件性能的大幅提升;在主要業務場景中,運用了大面積的磨砂玻璃效果和豐富的主題化配色,以提升整體的品質感和商品的多樣性。
圖:客戶端主要界面一覽
廣告模板設計:
結合 2.0 輔助圖形和配色風格進行組合設計,輸出了多種品牌化的廣告模板,以便后續在項目中更靈活的使用。
運營活動設計:
在日常的運營活動設計中,也會在新品牌風格的基礎上來進行設計。
線下應用場景:WEGAME 開發者大會
在今年 7 月底所舉行的 WEGAME 開發者大會這個線下活動里,官宣了 WEGAME2.0 即將跟大家見面的消息,因此以品牌主視覺延展做了整套視覺包裝。
禮品包裝設計
品牌傳播活動—游戲之夜S4試玩發布會
活動介紹:
游戲之夜是 WeGame 專屬的游戲發布會,發布會通過舉辦各種活動來集中造勢為新游戲做推廣。在今年我們一共舉辦了兩屆游戲之夜,其中下半年的游戲之夜 S4 為試玩游戲發布會,在此為了配合品牌升級的宣傳工作,活動整體的視覺包裝以突出 WeGame2.0 為主,延續“與游戲人同行”的全新品牌概念和全新品牌主色調。
宣傳視頻構思:
其中發布會宣傳視頻的構思也會主要圍繞著“與游戲人同行”來進行故事演繹,主題為“游戲人,一起玩!”,畫面中蛋蛋君揮手召集開發者和游戲玩家,一起跑向電腦玩游戲,似乎有好玩的事兒即將發生,強調“一起”和“同行”的概念。
發布會先導視頻:
轉場頁模版設計:以一種平面排版結合 3D 動畫的形式,表現蛋蛋君帶著另外兩個小伙伴逐個登場亮相的感覺。
游戲介紹頁模版設計:延續活力和動感兼具的視覺語言
活動主站 KV:表現“游戲人,一起玩”的主題概念
宣發海報集合:
游戲聯合海報:
除常規的宣傳物料以外,本次活動還嘗試加入了游戲聯合海報的形式,為每款參與試玩的游戲制作專屬的宣傳海報 ,提供給在各社交媒體中進行宣傳,借助不同的傳播渠道為活動提升曝光度。
統一的海報框架,專屬的游戲元素
游戲海報集合:
這里是所有試玩游戲的海報集合,為了配合各個游戲風格海報的主色調上也會有所調整。
以上是我們在 WeGame2.0 視覺升級中對品牌探索的一些階段性成果,而這僅僅是開啟了品牌的一個新篇章,品牌建設是一個長期的過程,后續我們將持續打造高識別、高傳播的品牌符號,建立和不斷的豐富品牌資產,拓展更多品牌應用場景,以設計賦能和助力業務持續發展。
優設推薦關注“騰訊設計”官方公眾號,第一時間獲取騰訊的設計方法論
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 3 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓