来自Adobe团队的logo设计经验
2016-08-21 22:23
369 查看
这是一篇来自Adobe 体验设计团队的设计经验分享。关于logo设计,看看站在金字塔尖的人是怎么说的。
过去十几年,我们的团队被称为“Adobe体验设计”(Adobe Experience Design)。尽管热爱极了我们最初的状态,但是工业标准不断在提高,我们也必须与时俱进,是时候要改变了。在与相关利益者沟通后,我们决定将团队重塑为 Adobe Design。我们坚信,这个新名字会与观众产生更多的共鸣,也给我们未来共事的伙伴展示更好的面貌。
![](http://pan.xici.com/group5/M02/6E/26/rBABqVe5te6EISFUAAAAAKfOgXo204.png/1010)
Adobe Design 是一个由160多位成员组成的国际化的团队,设计师、工程师、研究员、项目经理、编辑与制作集结于此。我们为各种各样的设备创建复杂而智能的应用程序,我们的专业范围涵盖了交互设计、VI研究、信息架构和编程。
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5tg2EfJmbAAAAAHhR4ck315.png/1010)
改变的首要任务是打破新旧标识之间的平衡。旧版标识中有很多我们的热爱的元素,也是我们不忍抛弃的,我们想要将它们体现到新的标识中。最初的草图就要达到这个目的。
![](http://pan.xici.com/group4/M01/6E/29/rBABple5tjuES0AWAAAAANU5Z1w189.png/1010)
产生这个想法之后,我们很快意识到要想重塑,需要清空一切,从白纸开始。同时,用“D”取代“A”作为标识的基础元素。那么如何使字母形式的logo呈现更好的视觉效果?我们作了很多尝试,最终确定出三种草图效果,下面是关于这几种草图和研究的建议:
![](http://pan.xici.com/group5/M02/6E/21/rBABqFe5tmqEQU59AAAAAMyU3q0850.png/1010)
![](http://pan.xici.com/group4/M01/6E/29/rBABple5tqSEN2SUAAAAAF3PN7Q529.png/1010)
![](http://pan.xici.com/group5/M01/6E/26/rBABqVe5ts6EaAIfAAAAAJHv1o4187.png/1010)
最后我们选定了第二种思路,并不断去做完善。选择第二种方案的原因,第一是它的创意中包含了“像素”这个概念,同时整体架构是一个“D”。一旦我们确定了一种方向,我们就着手一系列的研究,为的是让整体和局面达到最完美的比例。
![](http://pan.xici.com/group5/M01/6E/26/rBABqVe5tu2EDqKXAAAAAHEnzJQ434.png/1010)
最终确定的logo如下图,将字母骨架“D”的起笔中间截取一个像素大小的方块,向右移动一个像素,它呈现的是一 个简洁的视觉效果,又兼具优雅的风格。这小小的举动赋予了logo诸多寓意,通过“像素”表达视觉涵义,并代表了我们的设计团队不断致力于创造、创新视觉 体验的追求。
![](http://pan.xici.com/group4/M01/6E/00/rBABp1e5txKELzTaAAAAAPC0sGM752.png/1010)
确立了新logo之后的工作就是创建VI系统。我们将logo解构出两个核心元素:方形像素和圆。以这两个形状为单位,我们推导出一系列我们的视觉语言模块构建。
为推广我们的新logo,还需要很多的宣传海报。在第一批海报中,我们继续使用“设计移动一小步”的创意,每张海报都局限在单一的物品和渐变色上,色板和渐变色的使用也来自老版系统。
![](http://pan.xici.com/group4/M02/6E/00/rBABp1e5t1GEUcsrAAAAADmfD2A730.png/1010)
随着设计的推进,我们尝试脱离电脑,用剪刀切开 logo,然后手动排列切割开的元素,在纸上重新排版。我们一直在探索新的创作理念。
![](http://pan.xici.com/group4/M02/6E/29/rBABple5t4eEXFYRAAAAAKprkbc902.png/1010)
第二批海报开始运用坐标和位移,同时我们也在思考如何使新 logo 的不同元素可以互相衬托。
![](http://pan.xici.com/group5/M01/6E/26/rBABqVe5t7KEKlskAAAAACgmMpg974.png/1010)
用户水杯/乙烯基模切贴纸
![](http://pan.xici.com/group4/M02/6E/00/rBABp1e5t9SEdIbjAAAAAFBjSyk991.png/1010)
铭牌
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5uBaEQRfXAAAAAOXmtEA065.png/1010)
笔记本/铅笔
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5uCyEFzd6AAAAAJOJxoI093.png/1010)
手机壁纸
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5uEeEBcc_AAAAALfEBsc359.png/1010)
电脑桌面壁纸
![](http://pan.xici.com/group5/M02/6E/27/rBABqVe5uG-EUB-xAAAAAGB4ViI942.png/1010)
文章来自:设计达人
我们为什么需要改变
过去十几年,我们的团队被称为“Adobe体验设计”(Adobe Experience Design)。尽管热爱极了我们最初的状态,但是工业标准不断在提高,我们也必须与时俱进,是时候要改变了。在与相关利益者沟通后,我们决定将团队重塑为 Adobe Design。我们坚信,这个新名字会与观众产生更多的共鸣,也给我们未来共事的伙伴展示更好的面貌。![](http://pan.xici.com/group5/M02/6E/26/rBABqVe5te6EISFUAAAAAKfOgXo204.png/1010)
Adobe Design 是一个由160多位成员组成的国际化的团队,设计师、工程师、研究员、项目经理、编辑与制作集结于此。我们为各种各样的设备创建复杂而智能的应用程序,我们的专业范围涵盖了交互设计、VI研究、信息架构和编程。
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5tg2EfJmbAAAAAHhR4ck315.png/1010)
我们要改变什么
改变的首要任务是打破新旧标识之间的平衡。旧版标识中有很多我们的热爱的元素,也是我们不忍抛弃的,我们想要将它们体现到新的标识中。最初的草图就要达到这个目的。![](http://pan.xici.com/group4/M01/6E/29/rBABple5tjuES0AWAAAAANU5Z1w189.png/1010)
草图与构思
产生这个想法之后,我们很快意识到要想重塑,需要清空一切,从白纸开始。同时,用“D”取代“A”作为标识的基础元素。那么如何使字母形式的logo呈现更好的视觉效果?我们作了很多尝试,最终确定出三种草图效果,下面是关于这几种草图和研究的建议:
概念1: 负空间的使用
![](http://pan.xici.com/group5/M02/6E/21/rBABqFe5tmqEQU59AAAAAMyU3q0850.png/1010)
概念2: 动态骨架
![](http://pan.xici.com/group4/M01/6E/29/rBABple5tqSEN2SUAAAAAF3PN7Q529.png/1010)
概念3:切割
![](http://pan.xici.com/group5/M01/6E/26/rBABqVe5ts6EaAIfAAAAAJHv1o4187.png/1010)
选择一种思路,不断提炼
最后我们选定了第二种思路,并不断去做完善。选择第二种方案的原因,第一是它的创意中包含了“像素”这个概念,同时整体架构是一个“D”。一旦我们确定了一种方向,我们就着手一系列的研究,为的是让整体和局面达到最完美的比例。![](http://pan.xici.com/group5/M01/6E/26/rBABqVe5tu2EDqKXAAAAAHEnzJQ434.png/1010)
最终方案
最终确定的logo如下图,将字母骨架“D”的起笔中间截取一个像素大小的方块,向右移动一个像素,它呈现的是一 个简洁的视觉效果,又兼具优雅的风格。这小小的举动赋予了logo诸多寓意,通过“像素”表达视觉涵义,并代表了我们的设计团队不断致力于创造、创新视觉 体验的追求。![](http://pan.xici.com/group4/M01/6E/00/rBABp1e5txKELzTaAAAAAPC0sGM752.png/1010)
建立品牌系统
确立了新logo之后的工作就是创建VI系统。我们将logo解构出两个核心元素:方形像素和圆。以这两个形状为单位,我们推导出一系列我们的视觉语言模块构建。
海报
为推广我们的新logo,还需要很多的宣传海报。在第一批海报中,我们继续使用“设计移动一小步”的创意,每张海报都局限在单一的物品和渐变色上,色板和渐变色的使用也来自老版系统。![](http://pan.xici.com/group4/M02/6E/00/rBABp1e5t1GEUcsrAAAAADmfD2A730.png/1010)
随着设计的推进,我们尝试脱离电脑,用剪刀切开 logo,然后手动排列切割开的元素,在纸上重新排版。我们一直在探索新的创作理念。
![](http://pan.xici.com/group4/M02/6E/29/rBABple5t4eEXFYRAAAAAKprkbc902.png/1010)
第二批海报开始运用坐标和位移,同时我们也在思考如何使新 logo 的不同元素可以互相衬托。
![](http://pan.xici.com/group5/M01/6E/26/rBABqVe5t7KEKlskAAAAACgmMpg974.png/1010)
品牌应用
用户水杯/乙烯基模切贴纸![](http://pan.xici.com/group4/M02/6E/00/rBABp1e5t9SEdIbjAAAAAFBjSyk991.png/1010)
铭牌
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5uBaEQRfXAAAAAOXmtEA065.png/1010)
笔记本/铅笔
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5uCyEFzd6AAAAAJOJxoI093.png/1010)
手机壁纸
![](http://pan.xici.com/group5/M03/6E/21/rBABqFe5uEeEBcc_AAAAALfEBsc359.png/1010)
电脑桌面壁纸
![](http://pan.xici.com/group5/M02/6E/27/rBABqVe5uG-EUB-xAAAAAGB4ViI942.png/1010)
文章来自:设计达人
相关文章推荐
- 来自雅虎性能团队的web架构设计经验分享
- 来自雅虎性能团队的web架构设计经验分享
- 来自雅虎性能团队的web架构设计经验分享
- WEB设计经验 -来自microsoft.com设计主管
- WEB设计经验—来自Microsoft设计主管
- 游戏后台设计考虑点(来自工作实践中的一些经验)
- 大规模开发团队如何实现DevOps转型? 来自微软全球开发平台工程团队的实践经验
- WEB设计经验-来自microsoft.com设计主管
- 经验分享:从最简单开始设计一个LOGO
- 经验分享:QQ欢乐系列游戏LOGO设计小结
- WEB设计经验—来自Microsoft设计主管
- WINCE应用层设计经验总结-关于程序启动LOGO显示问题
- 终于将GroundHog团队Logo设计完毕
- 来自 Dropbox 的可扩展性设计经验
- WEB设计经验-来自microsoft设计
- WEB设计经验—来自Microsoft设计主管
- Windows Live! 平台团队:大规模服务设计部署经验
- 详询+Q274648096/HOTPOWER中国十佳优秀UI设计团队,提供游戏UI 游戏ICON 游戏LOGO顶级设计服
- 来自microsoft.com设计主管的WEB设计经验
- 数据库设计优化(来自十年经验架构师的课堂)