19 个杰出品牌风格指南示例
已发表: 2020-07-16网络创建者和企业主都知道巩固他们的品牌形象是多么重要,最终目标是建立一个与网站访问者和客户都产生共鸣的形象。 品牌指南当然是获得一致、强大品牌的门票,没有比设计专家自己制作的令人惊叹的品牌风格指南更能寻找灵感的地方了。
什么是品牌风格指南?
品牌风格指南是一系列指南,阐明了品牌标识和设计系统的元素,例如徽标、调色板、版式和图像。
品牌风格指南的作用是作为设计师、作家和内容创作者的参考,了解如何在他们创建的设计资产和内容中代表品牌。 虽然不同品牌在制作风格指南方面有独特而个性化的方式,但他们的目标是一致的:确保品牌一致性并阐明他们的立场。
在这篇文章中,我们将探讨跨多个学科的品牌风格指南的七个主要示例,所有这些都激励我们作为网络创建者在设计网站、视觉资产和品牌内容时提高我们自己的品牌形象。大的。
风格指南模板
需要一个起点? 我们的风格指南模板将让您立即开始使用; 它包括如何使用的示例:
- 标志
- 字体
- 颜色
- 纽扣
- 图标
1.天巡
Skyscanner 的品牌风格指南引起了我们的注意,原因有很多。 首先,当一个品牌以品牌透明度打开论坛时,它总是很吸引人,正如 Skyscanner 所做的那样,在他们的风格指南主页的英雄文本中陈述他们品牌重塑过程背后的想法和主题,其中写着“全新的外观和更大胆的前景”。
标志设计的层次
从我们的角度来看,我们最喜欢 Skyscanner 品牌风格指南的一件事是他们通过指定品牌资产背后的思考过程来说明品牌个性的方式。 例如,展示他们标志设计的形成以及它如何组合四个插图,每个插图都象征着不同的品牌价值,以及他们如何将这四个图形变成一个有凝聚力的插图。
Skyscanner 所描述的这个标志设计过程实际上可以被视为一个案例研究,集思广益和多轮迭代的结果构成了从头开始设计品牌标志的过程。
标志设计的最佳实践是绘制各种图像的草图,以说明和象征您的品牌所代表的内容,并最终产生结合这些不同想法的最终标志。 如果仔细观察,您会发现“乐观”和“想法”图像中的半圆与向下的“目的地”箭头的派生词组合在一起。 鉴于 Skyscanner 新符号的圆形特性,“可持续发展”地球也被纳入其最终符号中。
带字符的调色板
Skyscanner 编译调色板的方式真正独特之处在于它们采用了非典型的路线。 Skyscanner 没有显示每种颜色的色样及其各自的 HEX 和 RGB 值,而是显示每种颜色的名称以及该颜色作为品牌代表什么的简短描述或定义。
通过这样做,Skyscanner 的调色板不仅仅是代表其品牌视觉识别的技术指标; 它更进了一步,并分享了他们的每种颜色选择如何与他们的品牌标识和个性相关联。
我们还注意到,每个色样实际上代表了一个人们可以前往的国家(最好使用 Skyscanner 来规划他们的行程),并且天蓝的主要品牌颜色包含了无国界的环球旅行的概念。
2. 火狐浏览器
在其众多优势中,Firefox 的样式指南给我们留下了特别深刻的印象,那就是它如何有效地传达 Firefox 的品牌个性。 从本质上讲,Firefox 在其风格指南中的品牌个性的这种视觉表现是指南内容描述和可视化的声音、语气和品牌标识的生动证明。 我们认为这种相关性在几个品牌元素中很普遍,例如调色板、声音和语气、视觉效果等。
品牌个性:大胆美丽
Firefox 大声而清晰地阐明了他们的品牌个性特征,并大胆自信地将自己视为一个品牌。 他们固执己见,他们知道这一点,并为他们的开放、激进和对他们的善良充满信心。
但不仅仅是他们使用的单词或他们使用的大字体来做出这些大胆的陈述。 Firefox 使用的品牌颜色不言自明。 它们类似的深紫色、深粉色、亮橙色和亮红色调色板是 Firefox 在其个性部分拼出的单词的视觉表达。
这就是色彩心理学发挥作用的地方。 就他们自己而言,红色是大胆和引人注目的,橙色代表创造力和冒险,紫色是皇家和奢侈,粉红色是爱和俏皮。 这些颜色选择绝对与 Firefox 用来描述其品牌个性的描述词相匹配。
声音和语气:透明度是关键
Firefox 的声音和语气只是他们品牌个性的延伸,如果你仔细想想,这也适用于人类个性。 因为作为个体,我们的声音和语气是我们存在个性的口头表达。
他们还选择了例子来阐述自己说话的语气就像是相对于它是什么并不像一个超级创意的方式。 总的来说,有趣的是,他们将风格指南的品牌声音部分作为一种方式来限定他们之前在指南中反映的品牌个性。
3.费雪
费雪的传奇品牌当然需要重新思考他们的品牌战略和风格指南,因为……在品牌风格指南存在之前。 追溯到 1930 年,Fisher-Price 的使命宣言一直是创造“能够激发想象力,创造出新的、令人惊讶和有趣的东西”的玩具。
在过去的 90 年里,费雪不得不根据快速变化的市场趋势和受众兴趣反复重建和重新调整他们的品牌战略。 但不知何故,他们设法保持对原始品牌价值的忠诚,尽管几代孩子与他们的父母或看护人之间存在明显差异,他们为他们购买珍贵的玩具。
品牌声音:“让我们成为孩子”
费雪牌通过文字和图形传达他们的品牌价值,这些文字和图形唤起了我们内心的孩子,明亮、愉悦的品牌色彩和俏皮、无忧无虑的用词选择。 很明显,他们的品牌以及他们的品牌声音都植根于玩耍的价值和作为孩子一生一次的适时体验。
我们看到红色图形和蓝色图形之间存在绝对差异。 他们用来分享他们的内容的陈述性和描述性句子,“我们不会超过五天”和“我们要回到童年”,在他们作为品牌和我们之间建立了个人联系那些体验那个品牌的人。
蓝色图形全是关于想象力和耸人听闻的体验,它们邀请我们释放我们的创造力并飞速发展:例如,“Bang Boom Bzz”和“Cloud-Jumping”与希望将自己包围在一个世界中的孩子们产生共鸣他们创造了一个充满无限乐趣和欢笑的自制环境。
排版:永不停止播放
我们很少遇到一种排版选择,无论是否是定制品牌字体,都有由 Fisher-Price 创建的两种变体:常规版本和“弹性”版本。 费雪创造了他们自己的字体,他们命名为“Let's Be Glyphs”,坚持他们的特色语言“Let's Be Kids”,一种包容性的表达方式“来玩吧”。
该品牌选择创造一种“有弹性”的字体变体,证明了他们在如何与儿童交流方面的创造力,因此,难怪他们 90 年来一直是世界上最受欢迎和最成功的玩具制造商之一。
4. 位智
正如我们之前提到的,在产品的品牌塑造和社区建设方面,品牌透明度确实是一种美德。 选择对您的品牌决策和设计思维保持透明可以建立用户信任和品牌信心,并与现有和潜在用户建立积极的关系。 我们特别感谢 Waze 与我们分享他们品牌重塑过程的方式,因为我们 Elementor 很快就会开始全面的公司品牌重塑。 敬请关注。
品牌重塑:“逐块”
在他们的品牌指南中,Waze 分步分享了他们的品牌重塑过程,在那里他们详细说明了他们如何“刷新他们的品牌标识”成为一种新现象:
“一个通用系统,增强了平台的协作精神,并提供了更好的路上体验。 该标识更新了标志性的 Wazer 符号,引入了一组新的“情绪”,帮助用户在应用程序中更真实地表达自己,并简化了平台标志性的插图使用。 该系统引入了一种名为“Block by Block”的多彩视觉语言,其灵感来自城市网格、道路和街道的模块化设计。”
考虑到作为产品,Waze 是一个众包社区,司机可以在其中帮助司机在世界各地找到自己的路,因此他们的品牌语言和集体设计元素以导航为主题,建筑结构以独特的块为中心,这是完全合理的。喜欢(或者你也可以称之为基于网格的)设计。
肖像:再见公寓,你好填充轮廓
虽然我们确实喜欢这两种图标样式,这意味着 Waze 以前使用的平面图标,以及他们新的填充轮廓图标,但他们认为填充轮廓样式更符合他们的新品牌标识。
从用户体验的角度来看,使用填充轮廓图标代替填充图标实际上已被证明对任务性能产生积极影响。 有了轮廓图标,当它们被轮廓化而不是填充时,用户更容易识别和选择图标。
从品牌推广的角度来看,Waze 分享说:“现在所有这些都具有黑色笔触的简单转变使它们更具凝聚力,并且它们现在看起来更好地与 Wazer 图标集成在一起。”
5.WeWork
WeWork 作为“产品”的本质是在公司为其用户构建的物理空间内进行的物理聚会和社交互动。 在这方面,他们的品牌,无论是他们的风格、品牌价值还是他们的设计语言,都是一套强大的、有凝聚力的原则,可以应用于建筑、社区精神,当然还有视觉设计。原则。
如果您去过世界各地的一个或多个 WeWork 办公地点,即使它们在全球的办公地点数量高达 848 个,但每个 WeWork 使用的室内设计风格实际上都非常统一,都遵循相似的布局和设计风格.
与您通常的品牌(可能是包装消费品或 Waze 等数字品牌)不同,WeWork 已经掌握了成为强大、非常一致的品牌的需求。 这绝非易事,因为他们的品牌需要涵盖很多领域:艺术和文字、营销材料、数字资产、建筑和室内设计、品牌价值和个性等等。
设计系统:一致性是关键
在我们看来,任何品牌在创建自己的设计系统时都能找到的价值是无可争议的。 像 WeWork 这样的公司将创建自己的设计语言视为他们成功的强大动力,这是完全有道理的。
在视觉设计方面,WeWorks 品牌资产和设计元素也遵循了这种平衡结构和灵活性的原则。 虽然他们的主要品牌颜色是黑色和白色,但当您滚动浏览他们的风格指南时,您几乎会遇到彩虹中的所有颜色。
他们的视觉资产,无论是数字、纸张等,都遵循精心结构的布局,该布局规定了列宽、边距和信息架构。 他们将他们的布局指南称为“Snap-to-Fit”,以“灵活高效地重组布局和层次结构”为特征。 WeWork 代表了支持和授权内容、成员和社区蓬勃发展的框架、基础和基础。”
品牌价值:全世界的人
请记住,WeWork 办公地点遍布世界各地,填满其联合办公空间的人都说不同的语言和方言。 尽管如此,它们的位置彼此非常一致,尽管它们位于不同的城市、国家和大陆,理论上会发现识别彼此的共同点并使用共同语言是一项挑战。
打造一个品牌之间存在的钢丝绳,无论是物理还是视觉,所有文化和各行各业的人们都被吸引,比我们想象的更细更窄。 尽管如此,WeWork 识别并体现了与广泛的人类产生共鸣的价值观,而这些价值观只会日益扩大。 正是在塑造明确定义的品牌价值方面的投资,才能让像这样的国际公司无国界地蓬勃发展。
6. 铜
Copper 作为一个品牌的独特之处在于它迎合了高度定义的目标受众:正在学习做出财务决策的青少年。 Copper 的产品是一款移动应用程序和借记卡,可以让青少年从其他人那里收钱,无论是家人还是他们为之工作的人,还可以将钱转给朋友等。他们的价值主张是奠定“金融之路”。自由植根于扎实的教育。”
目标受众:找到正确的心态
Copper 的使命宣言是在需要知识和经验来做出负责任的财务决策的青少年和成年人之间架起一座桥梁。 因此,理解他们的品牌标识(在这种情况下,由他们的品牌名称和标志表示)是多种概念的视觉融合是非常合乎逻辑的:传统的铜便士硬币,亚伯拉罕林肯的历史,青少年将在他们的美国历史课上学到的东西,变成了一个现代、乐观的插图,周围是明亮的紫色和一个友好的头像。
正如我们所见,该品牌的目标是帮助青少年从他们所学的内容(在课堂上,或通过诸如 Copper 应用程序之类的非正式教育工具)进行过渡,并在此时此地以一种适合他们生活方式的环境和风格。
以亚伯拉罕·林肯(Abraham Lincoln)这样的历史人物为例,他的照片被打入了美国的每一分钱,并将硬币上的人改造成时尚的现代头像,是与 Copper 狭隘定义的目标受众建立联系的一种直接方式。 这向我们表明,虽然较小的目标受众可能确实具有挑战性,但由于您正在缩小潜在客户群,当您拥有能够真正引起该受众共鸣的精确方法时,您一定会处于良好状态。
插图:最大参与度
Copper 所说的“Abe 插图”是我们认为可以最大限度发挥品牌形象和插图潜力的一种方式。 超越他们对亚伯拉罕林肯照片的图形改编,Copper 创建了八个额外的化身,代表林肯进行各种活动。
这扩展了 Copper 的品牌标识,使他们的参与更进一步,并将亚伯拉罕林肯图像集成到应用程序内的不同流程和用户旅程中。 成熟的、成人般的财务管理技能与引人入胜的年轻化身之间的相似之处恰恰代表了应用程序用户的体验:在一个有教育意义的积极框架中从青年过渡到成年。
7. 优步
世界著名的打车品牌优步找到了多种方式来设置他们的风格指南,尤其是他们的品牌故事,使其与众不同。 例如,在他们称为“系统元素”的部分中,他们将大量讨论用于间距和布局规范,以及摄影构图。 总的来说,优步深入探讨了他们在创建和使用视觉资产时所创建和遵循的设计原则。
品牌声明:我们的宗旨
品牌声明是一份书面的使命声明,说明您的公司是为了创造和实现什么而建立的,您的愿景是什么,以及您打算解决哪些挑战。 在阅读您的品牌声明时,人们会了解是什么让您与众不同,以及您的个性将如何影响您为他们创造的体验。
您可以以与营销产品相同的方式来思考品牌声明。 我们的意思是,正如产品的网站包含一个简短的标题(通常在其主页的英雄部分中是一个 h1),说明其产品的价值主张和附加值,同样的方法可以应用于制作您的品牌声明.
从本质上讲,您将您的品牌描述为产品本身。
价值主张:我们的北极星
如果比较 Uber 主页和 Uber 品牌故事主页上的两个 h1 标题,这两个句子都分别从品牌角度和服务(产品)体验角度说明了用户将体验到的附加价值。 这正是我们作为为网络创建者和设计师建立的品牌所相信的在品牌风格指南中传达的信息。
归根结底,您的价值主张是您的北极星,您品牌的每个组成部分和您的心态都以它为指导。 对于作为产品的品牌以及作为产品的风格指南来说,都是如此。
在传达您的价值主张时,您希望用户根据您的执行情况了解您的品牌目标是什么。 在制作您的风格指南(传达您是谁的主要媒介)时,您希望用户内化您的身份以及您希望如何被感知。
8.Instagram
作为科技界的偶像,Instagram 的品牌风格指南堪称完美。 通过使用字形,Instagram 能够通过其简约的单色标志来传达一个大胆而激动人心的故事。
自 2010 年 Instagram 推出以来,他们做了大量工作,使他们的创意形象适应不断变化的全球受众。 现在,作为全球排名前五的社交媒体之一,Instagram 已经成功地传达了一致的语气,专注于让其用户能够继续通过自己的个人镜头捕捉和分享世界上的精彩瞬间。
9. Spotify
Spotify 是音乐流媒体的领先平台之一,一直保持着简洁的美感。 自 2006 年成立以来,在其迅速崛起的整个过程中,Spotify 大量使用各种绿色色调来传达音乐流媒体行业中地位和优越性的内涵。
10. 网飞
Netflix 一直利用其徽标作为在视频流媒体行业中建立主导地位的一种方式。 作为一个在 2010 年代推出 Blockbuster 之类的品牌,并确立了自己在视频流领域的主导地位的品牌,Netflix 已成为一个标志性的家喻户晓的名字,与谷歌和苹果等公司不相上下。
当谈到使用红色等大胆的原色和全大写标志时,Netflix 一直在努力打造一个以无与伦比的价值和无与伦比的服务而闻名的品牌。
11. 苹果
Apple 的品牌风格指南完全是对我们都归因于这个历史悠久且需求量很大的消费电子品牌的内涵的延伸。 从最初的 iPod 到最新的 iPhone,Apple 已经成功地创造了可能是有史以来最受欢迎的单色标志。
作为世界上最知名的品牌之一,Apple 几十年来一直保持其标志性的品牌风格,这在其品牌风格指南中体现得淋漓尽致。 他们标志性的苹果标志一直是该品牌的闪亮灯塔,该品牌提供了一些世界上最受欢迎的产品。
12. 中
Medium 标志和名称是其整体品牌标识的重要表达,经过精心设计和构建,以实现视觉和谐。 Medium 最初是作为一个虚拟出版平台创建的,其使命是让读者能够找到未被发现的声音并分享他们关于任何主题的写作。
他们的品牌风格指南真实地反映了他们如何看待媒体,以及他们在提供一个提供表达自由的平台方面所扮演的角色。 他们的风格指南当然反映了这一点,并展示了一种清晰、干净和简单的格式,几乎似乎是在向印刷文本的起源致敬。
13. 爱彼迎
作为一个品牌,无论他们身在何处,都能为世界提供舒适和宾至如归的感觉, Airbnb凭借创新的住宿模式已成为旅行界的颠覆者。
对于这样的商业模式,您会期望他们对颜色、质地和设计的使用相匹配,而这正是我们所看到的。 Airbnb 使用了广泛的设计元素来表达他们独特的声音,这在他们的风格指南中显然很普遍。
14. 松弛
Slack 旨在成为您需要的唯一商业网络和参与应用程序,通过其品牌风格指南以清晰的方式将其独特的声音定义为终极商业工具。
凭借流畅的曲线和频繁使用鲜艳的色彩,他们为这个通常是单色乏味的行业带来了兴奋。
15. 纽约交通局
可能是历史上最有影响力和被低估的风格指南之一,最早可以追溯到 1950 年代初期,纽约交通管理局创造了一个标志性的杰作,为纽约的主要部分提供了指南,嗯……纽约。
如果您正在寻找可以带您回到纽约的更怀旧的指南,“Fuhgettaboutit”,因为就是这样! 作为描述纽约标志性地铁标志设计和建造的手册,这些标志性的纽约地铁标志今天仍然可以看到和使用,这个风格指南首先提供了一个美丽的,更重要的是,一个无价的设计历史。
16. Zendesk
Zendesk 是一家以提供一流的客户支持软件为基础的公司,它对一些人所说的沉闷的行业进行了有趣的调整。 他们的品牌标识是真正独特的,是公司的一个元素,在他们的品牌风格指南中得到了真正的表达和表达。
通过 Zendesk 使用的形状(他们称之为“Relationshapes”)可以看出一个明显的例子。 每个“Relationshape”由两个简单的形状组成,用于反映平台的不同功能或特性。
Zendesk 声称让每个标记由两个简单的形状组成代表“两个人。 他们可以一起做任何事情:交谈、走路、战斗、同意、惹恼、支持、爱,而且每一种关系都和每一种产品一样独特。”
17. Skype
Skype 是一种电信应用程序,专注于为用户提供计算机、平板电脑、移动设备等之间的视频、聊天和语音通话。 它提供了一种意想不到但令人耳目一新的方式来传达其品牌。
作为漫画格式的来回对话,Skype 使用其增强沟通的核心服务,作为其品牌指南整体风格的起点。
18. 挡泥板
与其客户一样大胆而富有表现力,Fender 在过去 75 多年里为世界提供最高品质的音乐产品的悠久历史,以其富有表现力和引人注目的品牌风格指南而栩栩如生。
他们富有表现力的标志,也被称为“意大利面条标志”,是他们的标志性签名,并在音乐行业留下了印记。 他们使用鲜红色和白色有助于代表其品牌大胆而强大的品质。
19.ESPN
作为行业的主食,ESPN 在所有体育运动的普及和采用方面发挥了重要作用。 他们的指南本质上简单明了,向他们丰富的历史以及对全球体育、新闻、印刷和广播界的贡献致敬。
他们的品牌风格指南有助于提供品牌的视觉表现,并在历史内容和如何正确利用品牌的规则之间进行分解; 所有这些都以某种建筑蓝图主题进行了概述。
向我们展示你是谁
现在您已经深入了解了最高标准的品牌风格指南的外观和内容,现在是开始通过创建自己的风格指南来巩固您的品牌标识的好时机。 一旦您的网站具有在整个网站上保持一致的有凝聚力的视觉标识,您作为品牌的存在就会产生更强大的共鸣。
一旦你完成了你的风格指南的编写,我们很想看看你想出了什么。