高手这么做LOGO!腾讯「游戏应用中心」品牌重设计过程全揭秘 - 优设-UISDC

高手这么做LOGO!腾讯「游戏应用中心」品牌重设计过程全揭秘

2017/01/21 11143评论区

tencent-game-center-logo-design-1

编者按:一个完整 的LOGO 的设计流程是怎样的?今天腾讯ISUX 的Amy 用「游戏应用中心」的案例,带你学习这个过程。

1. 品牌概述

游戏应用中心是QQ空间用户专属的游戏平台,最新、最火、最好玩的游戏一网打尽:角色扮演、模拟经营、射击、棋牌、街机、赛车等各类游戏应有尽有。这里网罗了全平台最全、最给力的游戏礼包,更有积分兑换频道、各类精彩活动为玩家提供丰富给力的奖品。

2. 品牌更新目标

游戏应用中心是QQ空间下基于网页的游戏平台。原名“应用中心”,不仅有游戏还有其他应用,所以旧Logo有“APP”字样。随着app的份额减少弱化,应用中心决定把重心放在游戏的部分,因此需要重新设计品牌标志。

同时,为了让Logo跟SNG的品牌系统保持一致。旧标志产生于SNG品牌系统建立之前,所以有些偏离了系统。

uisdc-game-20170120-1

△ 原Logo

3. 品牌更新过程

3-1. 创意提炼 

游戏应用中心的新品牌标志需要更有游戏感,创意过程中对游戏元素进行了不同的尝试,尤其是在游戏手柄的方向上不断的演练和简化。在色彩方面,选用鲜亮的颜色组合来制造令人振奋的氛围。

uisdc-game-20170120-2

3-2. 设计提案 

最终从草图演练中筛选出最合适的设计并细化,文字标志则使用SNG Font来维持一致的SNG品牌系统。然后把方案放在游戏应用中心网页和移动端的真实场景中,使方案更清晰、更易于决策。

uisdc-game-20170120-3

3-3. 最终细化 

经过几轮商议,我们选用了饱满的B方案图形,提炼了A方案的色彩组合。B方案具有直观游戏元素,而A方案的色彩则更易于让用户联想到QQ空间品牌。对色彩做细微差异的调整后,输出了最终的完整标志。

uisdc-game-20170120-4

△ 最终Logo

4. 全新的品牌形象识别系统

最终标志确定后,我们梳理了游戏应用中心的品牌系统,包括各种应用系统。

4-1. 标志

uisdc-game-20170120-5

4-2. 品牌色

uisdc-game-20170120-6

4-3. 品牌应用系统  

uisdc-game-20170120-7

5. 标志像素优化

为了让标志在各种尺寸和环境下显示清晰,我们对不同尺寸的标志进行精细到像素的调整。

uisdc-game-20170120-8

6. 规范

为了让大家更方便和正确地使用游戏应用中心的品牌形象识别系统,我们制定了方便快速使用 Logo 的简单规范,和官方全面的品牌书。

6-1. 简单规范  

uisdc-game-20170120-9

6-2. 品牌书 

uisdc-game-20170120-10

「人气过亿的QQ 都是怎么设计的?」

  1. 夜间模式丨《超过8亿人使用的QQ,总结了夜间模式设计的通用方法》
  2. QQ 表情丨《揭秘QQ 新版表情背后的设计故事》
  3. QQ 会员丨《通过优化,我们将QQ会员付费用户数提高了5倍!》

原文地址:腾讯ISUX

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/tencent-game-center-logo-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里