改版实战!Adobe 体验设计团队的LOGO 重设计经验分享

2016/08/15 18250

adobe-logo-redesign-method-1

编者按:Adobe 的设计团队也来分享设计经验咯!前两天他们的官方团队在Behance 上放出了一组最新的LOGO形象,包括一篇改版过程中的经验分享,现在译文出来了,一起来看看这群顶尖的设计专家是如何在经典的LOGO标识上做出创新的。

大公司的LOGO改版经验:

  1. 《揭秘LOGO设计流程!超详细的腾讯云LOGO 改版记录全过程》
  2. 《深度揭秘!聊聊INSTAGRAM 到底为什么要改图标》
  3. 《LOGO改版实战!聊聊MEDIUM 2.0新LOGO背后的设计故事》

我们为什么需要改变

过去十几年,我们的团队被称为“Adobe体验设计”(Adobe Experience Design)。尽管热爱极了我们最初的状态,但是工业标准不断在提高,我们也必须与时俱进,是时候要改变了。在与相关利益者沟通后,我们决定将团队重塑为 Adobe Design。我们坚信,这个新名字会与观众产生更多的共鸣,也给我们未来共事的伙伴展示更好的面貌。

ad20160815

Adobe Design 是一个由160多位成员组成的国际化的团队,设计师、工程师、研究员、项目经理、编辑与制作集结于此。我们为各种各样的设备创建复杂而智能的应用程序,我们的专业范围涵盖了交互设计、VI研究、信息架构和编程。

xh201608152

我们要改变什么

改变的首要任务是打破新旧标识之间的平衡。旧版标识中有很多我们的热爱的元素,也是我们不忍抛弃的,我们想要将它们体现到新的标识中。最初的草图就要达到这个目的。

xh201608155

草图与构思

产生这个想法之后,我们很快意识到要想重塑,需要清空一切,从白纸开始。同时,用“D”取代“A”作为标识的基础元素。那么如何使字母形式的Logo 呈现更好的视觉效果?我们作了很多尝试,最终确定出三种草图效果,下面是关于这几种草图和研究的建议:

概念1: 负空间的使用

xh201608156

概念2: 动态骨架

xh201608153

概念3:切割

xh201608157

选择一种思路,不断提炼

最后我们选定了第二种思路,并不断去做完善。选择第二种方案的原因,第一是它的创意中包含了“像素”这个概念,同时整体架构是一个“D”。一旦我们确定了一种方向,我们就着手一系列的研究,为的是让整体和局面达到最完美的比例。

xh201608158

最终方案

最终确定的Logo 如下图,将字母骨架“D”的起笔中间截取一个像素大小的方块,向右移动一个像素,它呈现的是一个简洁的视觉效果,又兼具优雅的风格。这小小的举动赋予了Logo 诸多寓意,通过“像素”表达视觉涵义,并代表了我们的设计团队不断致力于创造、创新视觉 体验的追求。

xh201608159

xh2016081510

建立品牌系统

确立了新Logo 之后的工作就是创建VI系统。我们将Logo 解构出两个核心元素:方形像素和圆。以这两个形状为单位,我们推导出一系列我们的视觉语言模块构建。

xh2016081511

海报

为推广我们的新Logo ,还需要很多的宣传海报。在第一批海报中,我们继续使用“设计移动一小步”的创意,每张海报都局限在单一的物品和渐变色上,色板和渐变色的使用也来自老版系统。

xh2016081512

随着设计的推进,我们尝试脱离电脑,用剪刀切开 Logo ,然后手动排列切割开的元素,在纸上重新排版。我们一直在探索新的创作理念。

xh201608154

第二批海报开始运用坐标和位移,同时我们也在思考如何使新 Logo 的不同元素可以互相衬托。

xh2016081513

品牌应用

用户水杯/乙烯基模切贴纸

xh2016081514

铭牌

xh2016081515

笔记本/铅笔

xh2016081516

手机壁纸

xh2016081517

电脑桌面壁纸

xh2016081518

xh2016081519

Adobe 品牌设计团队:

Anny ChenShawn CherisSonja HernandezSam Wick

特别感谢:

Talin WadsworthEmma Zhang

「最精彩的音乐软件设计实战经验分享」

网易云音乐WP端改版实录!
《化繁为简!网易云音乐WP1.0设计项目实战》

iPad的项目实战!干货更多!
《项目实战!网易云音乐iPad V1.0设计总结》

见证奇迹!QQ音乐的字体设计项目!
《字体设计实战!QQ音乐巅峰榜诞生记》

原文地址:Behance
译文地址:shejidaren

yestone-uisdc-2

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

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

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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