2017-4-3 周周
編者按：一個(gè)完整 的LOGO 的設(shè)計(jì)流程是怎樣的？今天騰訊ISUX 的Amy 用「游戲應(yīng)用中心」的案例，帶你學(xué)習(xí)這個(gè)過(guò)程。
游戲應(yīng)用中心是QQ空間用戶(hù)專(zhuān)屬的游戲平臺(tái)，、最火、最好玩的游戲一網(wǎng)打盡：角色扮演、模擬經(jīng)營(yíng)、射擊、棋牌、街機(jī)、賽車(chē)等各類(lèi)游戲應(yīng)有盡有。這里網(wǎng)羅了全平臺(tái)最全、最給力的游戲禮包，更有積分兌換頻道、各類(lèi)精彩活動(dòng)為玩家提供豐富給力的獎(jiǎng)品。
游戲應(yīng)用中心是QQ空間下基于網(wǎng)頁(yè)的游戲平臺(tái)。原名“應(yīng)用中心”，不僅有游戲還有其他應(yīng)用，所以舊Logo有“APP”字樣。隨著app的份額減少弱化，應(yīng)用中心決定把重心放在游戲的部分，因此需要重新設(shè)計(jì)品牌標(biāo)志。
同時(shí)，為了讓Logo跟SNG的品牌系統(tǒng)保持一致。舊標(biāo)志產(chǎn)生于SNG品牌系統(tǒng)建立之前，所以有些偏離了系統(tǒng)。
△ 原Logo
3-1. 創(chuàng)意提煉
游戲應(yīng)用中心的新品牌標(biāo)志需要更有游戲感，創(chuàng)意過(guò)程中對(duì)游戲元素進(jìn)行了不同的嘗試，尤其是在游戲手柄的方向上不斷的演練和簡(jiǎn)化。在色彩方面，選用鮮亮的顏色組合來(lái)制造令人振奮的氛圍。
3-2. 設(shè)計(jì)提案
最終從草圖演練中篩選出最合適的設(shè)計(jì)并細(xì)化，文字標(biāo)志則使用SNG Font來(lái)維持一致的SNG品牌系統(tǒng)。然后把方案放在游戲應(yīng)用中心網(wǎng)頁(yè)和移動(dòng)端的真實(shí)場(chǎng)景中，使方案更清晰、更易于決策。
3-3. 最終細(xì)化
經(jīng)過(guò)幾輪商議，我們選用了飽滿(mǎn)的B方案圖形，提煉了A方案的色彩組合。B方案具有直觀游戲元素，而A方案的色彩則更易于讓用戶(hù)聯(lián)想到QQ空間品牌。對(duì)色彩做細(xì)微差異的調(diào)整后，輸出了最終的完整標(biāo)志。
△ 最終Logo
最終標(biāo)志確定后，我們梳理了游戲應(yīng)用中心的品牌系統(tǒng)，包括各種應(yīng)用系統(tǒng)。
4-1. 標(biāo)志
4-2. 品牌色
4-3. 品牌應(yīng)用系統(tǒng)
為了讓標(biāo)志在各種尺寸和環(huán)境下顯示清晰，我們對(duì)不同尺寸的標(biāo)志進(jìn)行精細(xì)到像素的調(diào)整。
為了讓大家更方便和正確地使用游戲應(yīng)用中心的品牌形象識(shí)別系統(tǒng)，我們制定了方便快速使用 Logo 的簡(jiǎn)單規(guī)范，和官方全面的品牌書(shū)。
6-1. 簡(jiǎn)單規(guī)范
6-2. 品牌書(shū)
藍(lán)藍(lán)設(shè)計(jì)( www.chinatradebeam.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chinatradebeam.com