分类： logo神器

LOGO与品牌之间隔了多远的距离？今天带你揭开谜底！作者Jack Morgan主导了Google旗下教育机构Squared 的品牌设计全过程，从创意风暴到品牌定型，完整呈现了一个有格调品牌的重设计过程，关于这篇品牌设计的文章，诠释了一个品牌从无到有的过程，作者JackMorgan将其设计理念倾注在文中，对设计师来说这是一篇不可错过的好文章。设计师展现LOGO设计样稿时，如果用类似方法过稿率肯定棒！学起来！
注：本文提到的Squared并非指2011年谷歌关闭的搜索服务。现Squared是一个全球性的教育机构，官网为www.wearesquared.com。
Google Squared是2012年最初由Google伦敦推出的一个教育项目。这个项目主要为广告及其他创意领域的人员服务，鼓励人们以理论为基础在实践中学习；让参与到这个项目中的人们理解技术是如何改变社会的，并且可以将他们的行业习惯做出一些改变。
能够邂逅Squared对我来说是一件非常幸运的事情，当我第一次进入Squared时，就对这个团队的远见卓识和处事方式有强烈的认同感。然而，我深深地觉得Squared迫切需要一个好的品牌形象来展示他们积极进取的工作态度和开拓创新的教学方法。我也尝试为他们重新设计一个标志。

2013年7月份的时候，我为Squared设计的新图标有了大致轮廓。在整整两周的时间里，我做了以下这个概念设计方案。其间我努力让新的品牌显得更有张力，能够表现Squared团队雄心抱负和创新思维。

这个方案在Twitter上被广泛转载，许多人（当中也有很多是设计师）发表了不同的看法。具体内容被整理发布在Smashing Magazine网站上： Jackwmorgan
2013年8月在我发布这个概念设计后不久，Google伦敦的Squared团队就主动约我并邀请我为Squared进行品牌重塑，这次是来真的了。
下面是一些关于我们这次重塑Squared的简短过程。
过程

无论做任何事情，找准方向才是最关键的。为了圆满完成Squared的重塑任务，我必须全身心融入到Squared团队中去，不放过这里的一本书，一张纸，还要全方位地了解Squared的市场状况。
在此期间，我还参与了他们的网上小组讨论，研究Squared一些大事记的照片并参观了他们在伦敦的一个原始工作室。通过这些事情，我真真切切地了解了Squared的学习生活。
学员对Squared的看法

Squared不仅仅是一个教育机构，它更是一个大网络。这里学生和其他人正在做的事情是塑造一个有着无限前景的行业的未来。
Squared今后10年的命运可以说就在这些人手中，他们对Squared今后的发展道路是否有正确的认识至关重要。从这些学生的反馈中，可见Squared在发展中也不断在发展改变。而从下面这些形容Squared的词汇，也可以看出这种变化。

Squared的这种追求进步的态度应该渗透到我们的整个设计中，并成为新的品牌精神基石。当我将新的标志的第一份草图展示给团队时。我在PPT中写道“  为未来而设计 ”。因为我自己也不确定：”Squared以后的发展也许会远远超过现在？如果将来Squared成为Google面向全世界的全球教育平台，拥有最强的师资力量，最尖端的技术和最新的支付手段。到那时我们又会是什么样子的呢？”
新的Squared的品牌由下面这几个部分组成。
logo
Sqared最初的黑色标志是在产品的实验室阶段设计出来的。现在Squared已经走向成熟，标志上就没必要出现机构的名称了。

新logo很好的继承了Google的设计理念：简单，抽象，多彩缤纷并带有极客风。
设计灵感

Google的标志是极简主义的代表。既有趣又让人印象深刻。

Google产品Logo遵循统一的样式（不包括Icon在内）：每一个创新产品都配上简约的标志，使人一眼就认出是Google家出来的。我们的Squared既然出自Google，当然也要符合Google的风格，但也不能丢掉自己的个性，从而让人感到别扭。
Logo的设计过程

在重塑的概念设计阶段我尝试了很多不同的抽象设计，包括“[ ]”方括号还有一些其他类似的风格，后来我想起了一个月前我在Twitter上看到的一张照片，就是下面这张。

Squared学员在一起拍照时经常会做出这些手势，就像我们拍照之前伸出的剪刀手一样。我是在2012年设计完成前看到这张照片的，它也成了Squared文化的一个部分。

将这个手势和Squared经典方括号形状结合起来，就创造了一个完美的新标志，我们称它为——a frame。
The frame

让人过目不忘
人的大脑总是会首先接收图像信息。不断地将标志曝光给公众会让品牌更容易让人记住，苹果、耐克这些国际品牌就是这样做的。这也就是为什么道路标志不用写就知道什么意思，因为这些标志到处都有，人们要一遍又一遍地把看到它。
接下来就是颜色，蓝，红，黄和绿这些都是Google的标志性颜色。你一定已经看了不下千次了，而且每次打开Google主页还是要不停地看。

在新的Squared Logo上做的所有努力都是为了一个简单的目标：创造一个简单，好记，面向全球的Squared标志，有一天可以成为标杆。

多样化应用
为了让标志随处可见，“Frame”必须要有广泛的应用性。通过和团队的同力合作设计，“Frame”已经成为一个可以应用在任何场合的标志。

不限平台
虽然Squared是Google的一个项目，但Squared团队的教学是不限平台的，他们不会因为 Google的原因而鼓励使用Google的产品，相反，为了提高学生的学习体验，Squared愿与任何人合作。

Google的一个员工在讨论Squared的未来发展目标时，将其描述为“安卓教育平台”，可以说Squared是：生于Google，服务大众。因此，将Squared从Google传统的logo样式中分离出来，并作为独立品牌运作是非常重要的。也就是说Squared虽然是Google的项目但不能完全依附于Google。

这样的logo保留了Google字体的一些风格但又不完全一样，既继承了Google的基因，又完美的在视觉上保持平衡和独立性。
我最初的一个想法是用一个粗体的方框，然后将“SQUARED”包含在其中。

这样看以来似乎更有力量，但让人有一种自大的感觉，塑形也不是很好。所以我们就选择更轻盈，更有平衡感的版本，字体选用的是Google自家的“Open Sans”。
最终效果

标语
现在要用一个清晰有力的标语来代表我们的新品牌。Squared以前的标语让人感觉很别扭，用作标语太长，用作宣传语又太短。
在Squared我们谈论了很多关于“数字革命”的话题，而且我们已经进入了这个领域，位于伦敦巴比肯的Google艺术展览馆甚至以此为命名——再一次验证了改变是Squared一个永恒的话题。我们的新品牌形象要符合数字革命的发展趋势。如今全社会已经有了一个共识：那就是数字革命已经发生了，我们必须跟上它步伐并充分发挥它的作用。

这就是我们设计的Squared的新标语，传递出一个品牌的自信。在这里我用到了一种新的东西，我称它为“The Google accent”。
The Google accent
看看Google的这些核心产品——从还在实验室阶段的Google笔记本到Google的营销登陆界面，都是清一色的蓝，红，黄，绿这四种颜色。
我一直以来都非常喜欢这样的风格。粗犷，有力量又多姿多彩，完全有别于简约却单调的风格。这样的风格很好的和Google主页保持一致。

除了将Google的经典颜色运用到“frame”中之外，借助Google accent来强调我们想要传递的信息，也可以很好地将Google的基因融入Squared这个品牌当中。
有了这样一个易辨识的标志，Squared成了教育界一股新生力量。
Welcome to the revolution

和我们的Logo一样，新的标语设计也符合通用性和全球性的要求。

为了将标语融入生活场景中，我们设计一个概念广告推广，将它新标语运用到一些最近反映数字革命图片中。

我们是Squared
新的标志和标语相结合可以应用到无数的广告执行当中。全球推广就是一个很好的例子，试着想象你是一个比你自身大的多的实物的一部分。

辨识系统
Google的设计理念贯穿Squared的整个辨识系统的设计，使新品牌更具统一性和真实性。
颜色

为达到这个目标，我们限制自己只能使用Google的核心颜色，这样很好的帮助我们的设计风格可以始终与Google保证一致。
字体

无论是电脑上在，还是印刷品上，我们都将Open Sans 作为新品牌的唯一字体。
图标

第一次推出标识时，我们用的是一组开放的图标。当2014年Google I/O发布MaterialDesign时，我们也马上换上了这套新的图标。
标识指南

为了将以上这些设计整合在一起，我们专门设计了一本简单的品牌指南。这本小册子包含了我们的设计标准，哪些你可以用哪些你不能用。遵循这本指南可以让Squared的品牌在全世界范围内保持一致性。
其他
极致简约是Squared的一个重要特性。无关紧要的东西都要被剔除或删减，确保所有信息简明扼要，一目了然，让人感觉舒适。

新Logo和基本色也同样用在材料文件上，使其保持一致性。







邀请
2013年当我完成Squared的概念设计时曾说过“被邀请加入Squared应该要让人有一种隆重感，就好像被一所梦寐以求的大学录取又或是一个门槛很高的俱乐部让你加入了。”
Squared的邀请方式可以是电子邮件或者邮寄。现实中学员在加入Squared之前会通过他们的公司先收到一份确认邮件。这样的话，我们就要避免使用冷冰冰、空泛的字眼，才能将报名表顺利地递给他们
注册期间通常是学员和Squared的第一次接触，也就是在这时候，我们可以了解我们的学员。创造友好的氛围，让他们感觉自己是受欢迎的，这点非常重要。

网站建设
和Squared的早期标志一样，Squared在线远程学习网站在整个项目建设之初就已经开始构思了，而现在它需要一番大重建了。
Squared的课程申请量是非常惊人的，考虑到这一点，我们的新网站既要在视觉上和Squared Logo保持一致性，又要尽可能的降低课程的申请难度。

新的网站上充分使用了Google的标准和样式，在视觉风格上也和Google的登陆页面保持一致。这样做的目的是简化站内容，建立一个快速、流畅、干净的客户端。


新的登陆页面甚至加入的Google的视频群聊功能，学员几乎每天都可以在线使用它交流学习，一起完成课程。

将网站移植到移动设备上时，我们删减了很多内容，只保留一些主要的信息和申请入口，这样的网站访问速度更快，界面也会让人感到轻松。
广告宣传
Squared 大胆和直接的风格使其本身就能很好的进行广告宣传，向人们展示一个真实的Squared：职业学习领域的新力量。




全球推广
第一次和Squared团队见面时，他们还是只有一个3个人组成的团队，但就是这3个充满激情，干劲十足的人所做的事，还有他们所激励的人（也包括我）为一个了不起的事业的建立铺平了道路.

自从2014年8月完成品牌重塑以来，Squared已经扩张到了新加坡，纽约，香港和德国。在全球化的道路上，Squared培育了成千上万的学生，并且将以此为基础朝着更具国际化的教育机构前进。
在此我想向Squared团队致谢：谢谢你们让我有机会成为这伟大事业的一部分，真的非常幸运可以加入你们，对我来说这是一次很棒的经历。我真是迫不及待想看看你们即将构建的未来了。
谢谢阅读。
作者：JackMorgan

自从IOS 7发布后，不知道同学们发现了木有，很多APP（QQ、微信、微博等）都跟着换上了空心图标，但空心图标会不会给用户带来认知疲劳，一直木有定论，现在有同学特意编写了一个APP，做了1260个图标识别测试，得出了精准的结论，结论是啥，大家一起来看看这篇博文，说不定在logo设计中，你也会疑问到底是设计一款实心logo还是一款空心logo？
去年夏天，设计师Aubrey Johnson在Medium 上发表了一篇批判ios7的文章。Jonhson指出苹果的新空心图标比实心图标在视觉上更加复杂，给用户带来认知疲劳，这样会让用户对这样的界面产生视觉疲劳而厌倦使用。这篇文章很快就被广泛的分享、讨论，一些设计师认为这是明智的建议，但也有一些评判它夸大了事实，太过于简单并且缺乏有效的证据
以下在ios7 选项卡上面的实心和空心图标为例子。被选中的图标用了实心图标。没有被选中的图标用了空心图标。

作为一个在Viget 中从事人机和用户体验的实习生，我看到了一个有趣的机会来用于证实和测试 Johson的阐述。为了找到空心图标是否为用户带来更多认知负担这个问题的答案，我开发了一个用来度量用户对不同视觉风格图标选择的速度和准确性的 Web app。从研究一千多个测试参与者的资料中，我发现空心图标不一定比实心图标的少用。然而结果还是有些复杂。
图标
首先，这个讨论是聚焦在一个特定类型的图标：众所周知的选项卡或 简易导航的扁平化单色图标，你通常会在手机 app屏幕底部看到一行四五个这种图标，因为底部栏的图标一般作为导航应用程序的部分，用加亮的方式指出哪个部分是当前活跃的在某种程度上来说是很重要的。随着ios7的推出，苹果开始用两种互补的图标风格来展示这些状态：一个实心的图标用来展示活跃或被选中的状态而空心图标来展示不活跃或没有被选中的状态。据我所知，苹果是目前唯一用着两种风格的基本图标的软件开发者。

被用来测试的20 个图标是从ios，安卓和 Windows Phone网上可用的图标集中借过来用的。
Speech Bubble图标是直接从 Johnson的文章中借过来的。
测试
在Viget 中Nate Hunzaker 的技术指导下，我编写了一个 app来进行测试。你自己进行测试会比我讲解更容易理解，我尽量简单的描述下。
我承认实心和空心风格之间的区别的定义是不明确和松散的。一个图标可以同时有实心和空心两种风格。为此，我挑选了一个系列图标来进行研究，研究显示实心和空心版本之间存在相当明确的区别。每一个图标也代表了一个具体的对象并且使用文字标签，这样可以避免参加测试的人有过于大量的认知负担，他们只需要用它的图标去匹配名字。

结果
超过10 天对数据的收集，完成了 1260个图标识别测试，超过 25000个图标识别实验，年龄偏向 18-40的苹果用户。这说明选择的时间几乎就只有三秒，标准偏差为 1.5秒。
平均20个图标，空心图标的选择比实心图标慢 0.1秒，这似乎支持了 Johnson对空心图标比实心图标需要更多的认知负担。
我至今还没有提过，其实我的研究中图标风格还包含另外一种审美：图标颜色。每一个实验实际上是图标用四种不同类型的颜色风格组合体现：

1. 实心黑在白底上
2. 空心黑在白底上
3. 实心白在黑底上
4. 空心白在黑底上

在实验中用来四种颜色合并（黑色圆圈在本文中用于演示。由于实验，白在黑上的图标在一个连续的黑背景上显示）
把数据分成四个小组（我将它称之为双向方差分析统计技术）对图标选择速度进行更深入分析。用这个技术我发现更多微妙的结果：白在黑上的图标比其他三种颜色风格合并的慢了大概 1.7秒。换句话说，对黑在白上的图标。是否图标用实心或空心对选择速度没有显著的影响。
同样的，对于实心图标，是否用黑在白上颜色没有影响。然而，当一个空心风格结合白在黑上颜色方案，选择的次数会多一些。

每一种颜色风格的选择次数的平均值的不同。只有空心白在黑底上的图标显示出差异（眼睛图标代表 20种图标的平均值）。
这只有相当小的影响，但是从超过 1000个用户的数据中显示着确实存在。一个合理的猜测就是：如果我们认为黑色图标是一种默认的审美，加上层次化风格在使用上就有一种被激活的感觉。这看起来相当直观。
但有还有一些对这个结论表示不服的。为了从数据中得到更多细节，我自己对每 20个图标进行风格和颜色影响进行研究。我发现其中的矛盾是与上面结果展示的不一样的。几乎一半的图标（ 9个）显示图标的风格一点都没有影响，意味着实心和空心图标是和空心图标识别是一样快。在其他十一个图标中确实显示出风格的影响，实际上三个空心图标表现得更好。事实上， Speech Bubble图标从整体和平均上显示一个完全相反的影响：实心黑色版本比其他所有版本的选择慢。但你考虑大部分我们碰到 speech bubble图标是要么用白色要么用轮廓风格（或者都是）展示时这很容易解释的。一个实心的 black speech图标没有帮助快速识别的典型特征。
值得一提的是，图标的样式和颜色对参与者的正确选择提示图标的能力没有太大的影响，除了一个图标——锁，当锁用黑间白展示可能会稍微有点识别不出来。我不确定为什么会这样，但是锁的图标在多个数据指标上都有异常，它是最容易被认错的图标和选择最慢的图标。

约翰逊的警告在用户界面中不应该使用空心图标并没有真实用户支持的证据。首先，一个图标的风格并不孤立存在，它与颜色的搭配也有关系。在任何情况下，小的差异并不会影响识别速度又或者是造成视觉疲劳。多数设计师可能会根据空心/实心的理论设计图标，但是设计出来的图标在视觉上是一种复杂的运动，不适合简单的二元规则。
事实上，仔细看看苹果人机界面指南：https://developer.apple.com，里面有实心/空心图标的设计建议，当然也有一些图标不适用这些建议，同学们可以学习一下。
——————————————————-

今年9月，土耳其总统雷杰普·塔伊普·埃尔多安宣布推出以“发掘潜在的土耳其”为主题的国家形象标志设计，欲求促进和支持土耳其的出口和投资业务。土耳其是一个横跨欧亚两洲的国家，其地理位置和地缘政治战略意义极为重要，是连接欧亚的十字路口。新形象由著名设计工作室Saffron负责设计。新形象以土耳其的英文名称Turkey和不同的图案符号组成。整体采用白色、绿松色、金色和蓝色色调，以代表土耳其的传统和文化。
土耳其新国家形象标志以土耳其的英文logo名称Turkey和不同的图案符号组成。整体采用白色、绿松色、金色和蓝色色调，不同颜色色调的搭配彰显土耳其独特的传统与文化，同时组成字母的图案符号带有浓郁土耳其色彩，下面我们就一起看看，这枚土耳其的国家形象logo：

今天给大家转载一篇腾讯GDC（腾讯互动娱乐业务系统QQ游戏产品部）团队的一篇博文，作者通过GDC团队logo的设计过程，向我们介绍一种比较实用的设计思路，Logo设计需要一个简单的开始。作者通过层层深入的方法，一步一步的向我们介绍科技类logo设计的过程，希望通过这篇文章引导，你对标志设计有新的认识以及新的收获！
所有的LOGO设计师都会经历一个过程。它是“幼稚的”、“可笑的”，我们并不爱公开地展示它们。或许最后并没有给我们带来任何灵感。但是它们将必不可少地存在着，在我们思维层的任何地方，都会潜意识地让我们思考。
03年我在一家广州平面设计公司实习，我有一个1对1的导师，2个月的LOGO设计工作让我得到了一堆草图，却没有一个成品，枯燥的工作让我离开了，走的时候带走了一个方法，却让我至今沿用。
用最简单的方法，让一切井然有序；那么，你需要一个简单的开始。
团队中文：QQ游戏设计中心
英文：QQGame Design Center
英文缩写：GDC [草稿中有部分GOD的字母，是在未确定GDC之前的假设。]

听上去或许会有些幼稚，但它的确是个适用、高效的好方法。
1）你可以选择你最喜欢的工具，ps,ai,cd,
2）不断变换你的字体，你可以多准备一些英文字库，
3）将你觉得有趣的字体整理下来，将它们排列整齐，
4）用节点编辑或者图层编辑做一些调整，让这些字母变得更有趣，
5）直到你的思维完全打开或者你已经找到了答案，那么我们可以开始做正事了。

这是一个简单的字体，做过一些微变形手术，例如我们把D字母的下半部开口，用以呼应G字开口。D和G是一个镜像处理，字母C是G字母删减得来。
就这样结束，似乎太平淡了，它看上去只有一个没有修饰过的模子，我们必须要给它注入全新的生命力。
我们做一些简单的异位手法：

看上去，更有趣了，那么我们再努力一下，植入一个idea。

我们叠入了一个渐变色的底色用以更好地阐述我们的设计：

G字母橙色小方块用于填补旁边透明小方块，用以确定VI色，橙色。“缺角的填补”一个非常不错的idea，填字或者填色游戏是儿时的记忆，将游戏的玩法和记忆元素带入设计中，正是LOGO的生命力。
当然，在这个过程中，你会碰到一些有趣的草稿，很好，我们可以尝试着去摆弄它，会得到一些奇怪的想法，千万别放弃它们。

这是一个六芒星的设想，用不同的间隔线可以得到不同的图形，可以让“GAME”的“G”字产生不同的变化。我们不用着急地为它们上色，除非你的颜色仅仅是用来区分它们的关系。

我们尝试着用图层的变化关系来寻找思路。这张图上的“G”字，我们可以看作是1步、2步、3步。可以看出是一张纯色的透明到渐变色的效果，再到多渐变色图层叠加而产生的效果。因为我想看到比第2个G字更浓烈的对比会是什么样子。
很好，第3步就是我想要的，我们开始赋予它生命。

我们保持了G字母的原型，通过渐变的光产生折叠的效果，让它看上去更像一只鸟，通过折纸的艺术来体现团队的技巧和精神。
同样的设计思路，还有很多的设计，例如给自己blog设计的LOGO。也是应用了字母微整形的手法。

前些天完善了一下GDC的团队LOGO，加入了我们的slogan，这是一件非常有趣的事情，大笔一挥，一气呵成。

一些手写的草稿。

LOGO设计就说到这里，一句话：“用最简单的方法，让一切井然有序；那么，你需要一个简单的开始。”
 
 
 
 

123标志的设计师t团队每个月都会创作上千款不同风格的LOGO设计。 虽然这当中只有一小部分被我们的客户采纳，但每一款设计都凝聚了设计师的聪明才智和辛勤汗水，因此我们每月都会举办月度优秀LOGO评选活动，将每月优秀的LOGO作品展示给大家，希望大家一同评选123标志月度最佳LOGO作品。
您可以在9月最佳标志设计投票页面给您最喜欢的标志设计作品投票，得票最多的作品将成为我们的月冠军，并为LOGO的创作者带来一笔不错的奖金。评选活动将在PC版和手机版同时举行，在PC版投票您必须以123标志会员登陆的方式参与投票，手机版您可以直接通过游客的身份参与投票，每个用户有三次投票机会，您可以投给自己喜欢的Logo作品，最终PC版和手机版累计票数最高的作品将成为月度冠军。
下面我们将9月份参与活动的LOGO作品简单做一下的介绍，希望通过我们的介绍，您能够理解到设计师LOGO作品的内涵以及设计新意。参与此次月度标志评选活动的LOGO来自8位设计师的12款LOGO作品，
1号作品：Oasis （餐饮类logo设计）
Oasis是一家饮品店的名称，主要经营鲜榨果汁、咖啡及各式冷热饮品。雇主希望在设计中体现“绿洲”的形象，因此设计师在LOGO设计中加入了湖水、树木的元素，同时将Oasis的中字母O演化为橙子的形象，整体设计体现出清新、新鲜、美味、活力的感觉。