首页 / 行业资讯 / 探究 Atlassian 品牌形象升级过程

探究 Atlassian 品牌形象升级过程

2022.06.15

20179月,著名协作平台 Atlassian 进行了品牌形象升级。他们设计团队的设计师 LeahLinPinsak 回顾了这项工作。让我们关注她的写作,看看她和她的团队在升级时发生了什么?

项目介绍和潜在挑战

重新设计品牌不是为了画一些猫和狗的图片。事实上,这是非常复杂的。你将面对不同的观点和情绪,你需要无缝的协作来实现它。这就是为什么我们必须确保它是值得做的,并且时机正确。

我们都承认,虽然当前的图像系统已经存在了很长时间,但它并没有跟上公司的发展。我们的产品和业务都发生了巨大的变化。例如,我们最近修改了产品的设计、配色方案和插图风格。此外,公司的产品线也在不断扩大。Trellostatuspage  stripe 在过去的一年中加入了我们。

然而,我们的品牌形象系统并没有随着业务的发展而发展。不同的产品有不同的标志风格。我们有三种具有相同徽标的产品。徽标中使用的字体(Klavika 字体的自定义版本)在使用较小尺寸时会遇到可读性问题,因此无法显示我们想要表达的信息级别。随着时间的推移,这些品牌元素越来越不像“一家人”。此外,我们的许多标志的内涵并不匹配。例如,最初的 Atlassian logo(用户亲切地称之为 “Charlie”)意味着 Atlas 独自撑起了天空,因为我们过去专注于服务和支持。

最后,这个项目不仅仅是做几个徽标。相反,有必要为 14 个不同风格的徽标创建一个灵活持久的图像系统,这些徽标以非常不和谐的方式组合在一起。此外,我们还应该提升主品牌的价值,使其能够发挥比以前更大的作用。

项目成员:我自己、徽标设计师 Angy、品牌设计师 Sara、规划师 Megha 和字体设计师 James。我们是一个小而坚强的团队。  

我们从观察每个产品的本质和特点开始。在画草图之前,头脑风暴可以极大地帮助我们更全面地思考产品。换言之,我们考虑了以下内容:

操作:用户在产品中可以实现的操作

价值:成功使用产品可能带来的价值

隐喻:产品中的所有符号代表什么

内容:产品中处理的所有内容类型

为了帮助我们进一步缩小每个徽标的含义范围,我们使用抽象光谱。JIRA 软件可以用一些具体的东西(如产品核心元素-票证)或箭头等抽象的东西(如向上、前进、进步等的含义)

专注于简单而具体的描述(如 Jira product 的“票证”或 confluence 的“页面”)将我们引向了第一条死胡同。这些简单的描述过于具象和有限,尤其是对于含义丰富的产品。

我们还发现,当我们试图对产品实施这一“具体”规则时,我们仍然需要使用无形和隐喻的概念来解释产品的细微差别。我们的产品名称从抽象的(如 Jira)到具体的(如 statuspagebitbucket),这使我们无法对每个徽标使用纯粹的“具体”规则

过于关注如何使徽标看起来像一个系列(通过统一概念)导致我们进入第二个死胡同。我们发现,对统一概念的痴迷使我们没有意识到每个符号应该代表什么。示例如下:

因此,让我们从头开始,重新关注每个产品的单个“概念”。这意味着要回到起始阶段。虽然听起来令人沮丧,但这是我们在整个项目中做出的最重要的决定。我们将每个标志分别视为 14 个不同的品牌,在确定基调之前,我们不会考虑风格的选择。JIRA 软件过程的示例如下所示。(注:ADG =atlas design guidelines,定义了产品和业务实施的原则)

结果是,当我们尝试混合隐喻时,我们发现设计系统(ADG)实际上非常强大,并且产生了一个有趣和共同的想法来连接这些品牌。你可以看到最初的图像系统

我们知道,对图像系统和之前做出的各种假设进行压力测试非常有帮助,即使结果与我们的估计相差甚远。利用 optical workshop 的服务,我们进行了一些初步测试,以收集用户对新 LOGO 的第一手反馈。在这个过程中,我们可以看到是否有负面反馈,或者标识的含义是否得到了很好的传达。

Atlassian logo 本身一直是一个大 IP,经常被用户用在 t 恤、标牌、混淆文档中。我们重新设计的替代标志需要在一个合适的场景足够灵活。

与此同时,我们需要这个 Atlassian 符号易于记忆,并代表一个巨大的产品库。既然我们打算不采用形象化的图集含义,那就应该足够抽象,一个单词缩写,一个非首发选项。)

最后,我们希望标志不仅仅是一个造型,而是充满表现力,并且通俗易懂,让我们感受到其中的内涵、生命和空间。

在品牌形象系统中添加字体部分。

我们知道,使用好的字体可以使整个品牌形象系统的信息层次清晰流畅。在过去的几年里,我们一起使用 Klavika 和 Circular Pro,以保持品牌在其他特殊场景如程序、材料、标记等方面的一致性。

Circular Pro 给人一种友好中立的印象,被我们用了很多年。但当我们展望未来,我们会担心非衬线艺术字体可能会过时,即使近期没有迹象。

最近,产品设计团队为产品选择了一种新的字体。基于此,我们需要从市场的角度考虑印刷对粗体字的需求。

根据这个项目的传统,我们首先做了大量的研究,并决定使用一种独特的自定义字体。我们选择 Charlie Sans 作为新的字体,它可以反映品牌个性的友好,乐观和古怪。同时以 logo 中 “A” 的细微弧线向之前的 logo “Charlie” 致敬。我们的品牌形象体系至此浮出水面。

在这个项目的开始,我们花了比平时更长的时间来解决这个问题。但是这些努力得到了回报。在最后的评审中,我们能够在一堆候选标志中选择一个新的 Atlassian 标志。

虽然所有的入围作品看起来略有不同,但都很简洁,具有逻辑性和审美性的统一,分开来看各有优势。

我们一路昂首阔步,竞争对手在后面虎视眈眈。这意味着我们需要立足当下,考虑未来,选择一条适合公司的道路。神奇的事情发生了,其他与项目相关的角色(包括我们的两位联席 CEO)一致决定了与 Atlassian 的 logo 相同的人选。有人说看到两个人举手,有人说看到一条通往山顶的路,还有人说看到两艘比赛帆船。我们相信新的 Atlassian 标志平衡了专业性和可理解性。它既坚固又灵活。最重要的是,它延续了我们品牌的优势,开启了 Atlassian 的新篇章。

Atlassian 标志,每个产品标志和新的字体一起形成一个统一的品牌。他们保持同步,并作为一个更好的平台来支持我们的团队工作。

我为我们的工作感到骄傲。是时候公开了!

文章来源:微信公众号 非科班设计。原文地址:Medium ;作者信息:Leah Lin Pincsak

原文链接:https://medium.com/designing-atlassian/behind-the-scenes-of-the-atlassian-rebrand-f6ba1592377e


立即登陆 Atlassian 中国官网

手机扫码{{currentOpt}}

点击切换登录
手机号码
验证码
打开微信扫一扫
使用二维码{{currentOpt}},更安全

扫码分享给好友

立即注册 Atlassian 中国官网

* 姓名
* 公司名称
* 职位
* 企业邮箱
* 手机号码
* 短信验证码
* 公司规模
在线咨询 联系我们

在线咨询

您好,欢迎使用 Atlassian 售前咨询,请选择所需咨询的问题类型: