7分钟阅读时间 (1388个单词)

为Joomla 4打造的新视觉语言

A new visual language for Joomla 4

2017年在罗马举行的Joomla世界大会是一个讨论项目未来的好时机,惊喜的是……它将大部分会有一个大的"Joomla 4"标志。在会议的背景下,我被邀请参加市场营销冲刺,与负责Joomla 4市场营销活动的领导和成员进行了整整一天会议。我们一起头脑风暴,讨论想法,审查预测,调整期望,以更好地适应实际目标。

 

据Sandra Decoux,市场营销和传播部门协调员表示:"Joomla 4将是为构建网站和Web应用程序的人们迈出的巨大一步";Sandra接着说:"我们想要确保新旧用户都能感受到并理解我们正在推出一些重大的东西"。

从我们的错误中学习

我仍然记得我在2014年的第一次"Joomla版本"发布。当时我是Joomla品牌经理,我们即将发布的版本是Joomla 3.3。

由于某种我现在已经不记得的原因,我们放弃了之前在3.2之前所做的一切。我们在会议期间产生了许多想法,其中一些真的很棒(嘿,如果你想知道的话,我们社区里有一些很棒的人才!)。最终的宣传活动从蜜蜂的生活中汲取了灵感。所以,小蜜蜂是我们的不知疲倦的志愿者,而熙熙攘攘的蜂巢则是我们宝贵产品的容器,即Joomla CMS。每个六边形将填充每个版本的要点,从那时起,六边形就成为了3.x活动的新的象征。

Joomla4 Joomla33banner

我觉得这是一个很好的想法,而且我认为它仍然是。然而,正如任何基于志愿者的项目一样,3.3活动中的许多人都在发布后不久就离开了,而新志愿者对我们的营销决策背后的原因几乎一无所知。

没有真正记录下来。Joomla 3.x的宣传活动继续使用六边形进行,但真正的想法在翻译中丢失,这一点从缺乏一致性和连续性中可以证明。

我们绝对不希望在Joomla 4中发生这种情况。因此,我们决定新的活动将

  1. 具有强烈的视觉语言,不一定基于图像。
  2. 有规则,以便它可以持续用于Joomla 4.0及其后续版本(4.1、4.2等)。
  3. 与一般的Joomla品牌相关联,但具有新的外观。

视觉语言

过去,我们使用了图片和图标的组合,其中大部分来自库存资源。对于这个新版本,我们希望使用专门为Joomla创作的插画。使用插画有许多好处

  • 它们能够将复杂的概念解释成易于理解和清晰的信息片段。
  • 它们不需要翻译,在我们的这样一个国际社区中,这是一个很大的加分项。
  • 这是一种友好、多彩且易于识别的语言,可以代表我们的品牌,而不会听起来过于“企业化”。

但是,当然,如果没有一些规则,插画可能会很容易变成大麻烦!

规则 #1:色彩调色板

过去,为了保证我们的品牌具有辨识度,我们认为使用所有四种主要颜色是良好的做法。不幸的是,经过多年的实践,我逐渐认识到一些色彩组合实际上会导致设计选择非常糟糕。

Joomla4 BrandColours

为了维持Joomla 4及其所有后续版本的持续增长,我们需要一个可以在所有我们的沟通材料(线上线下)中持续使用的色彩方案,并且不会留下解释的空间,从而不会损害我们品牌及其产品的表现。

因此,我们专注于两种色彩方案:主色和基础色,每种都有不同的色调支持。主色调色板:它包括最能代表主题/版本的色彩。主色调色板包含较暗和较亮的色调,以增加强调和在不同元素之间创建对比。

Joomla4 PrimaryColourScheme

基础色调色板:补充主色的调色板,用于基本的UI元素(背景、文本等)。 

  • 它支持并完善了主色调色板。
  • 它还有助于在元素之间创建视觉层次(例如,活动按钮与禁用按钮)。
  • 这个方案不会根据版本而改变。

Joomla4 BasicColourScheme

我们设想,每个Joomla 4.x版本将使用一种主题颜色(主色),这样在转移到下一个版本时,切换颜色就会变得容易。

Joomla4 IllustrationsColourChange

下面的具体图表已经包含了10种不同的颜色,这意味着你将一直可以使用到Joomla 4.10的发布!

Joomla4 PrimaryColourSchemeChart

所以,让我们假设我们正处于Joomla 4.4的发布阶段。

我们需要做的是

  1. 选择主色。
  2. 创建其色调。
  3. 将它们(主色+色调)与我们的基础色调色板配对。

现在您需要将这个特定的调色板应用到所有您的沟通中。游戏结束!

规则 #2:插画风格

一旦确定了色彩调色板,为Joomla创建独特的插画风格是另一个令人兴奋的实验,Liliana和我都很感兴趣。

我们共同努力创造了一种简单且充满美丽和有意义图标的语言,然后可以将它们放在一起来构建Joomla世界。
我们仍在开发更多,但这里有一个小样。

Joomla4 IllustrationStyle

在创建图标时,了解用于描边的颜色和用于阴影的颜色非常重要。
这个小色彩调色板确实在很大程度上帮助定义了这些细节。虽然主色将用于定义图标的描边,但相同颜色的不同色调有助于创建平面阴影(所以请不要使用渐变)并增加插图深度。

Joomla4 IconStyle

 

规则#3:创建Joomla世界

大多数用户使用Joomla能够实现的是“构建”并持续其业务的增长。这一陈述的证明是展览,这是前开源维护会会长Sarah Watz在过去一年中领导的。

我们非常自豪于我们的CMS功能和我们的充满活力的社区,但每次我们推广我们的产品时,似乎我们总是忘记回答一个反复出现的问题:为什么Joomla适合我的业务增长?

因此,我们一致认为,虽然Joomla 4及其后续版本的功能很重要,但我们的营销活动需要集中在使用Joomla的一般好处上。

是时候开始构建了!

在撰写本文时,我们已确定使用Joomla的六大优势,并在六个小世界中展示了它们。

Joomla4 Benefits

上述插图是由基本元素(图标)组成的,这些元素曾经被组合在一起,以传达一个结构化和复杂的信息。

这些元素被组合起来,以确定一个特定的信息,它吸引着我们的主要受众:中小企业决策者(CEO、市场营销领导者、销售经理等)、技术人员(开发者、程序员、集成商等)、创意人员(创意机构、设计师、学生等)。

这些插图全部是关于<强>传达Joomla的丰富功能和功能。

构建这些世界可能会有些挑战,但我们将尽力制定一些规则。
一切仍在开发中,但有两大重要概念需要牢记。

  1. 在考虑信息的同时结合图标,并且如果我们想要分享的方式适合目标受众。
  2. 在添加图标/元素时,请注意不要过度使用。它应该看起来简单,只使用少数插图。
  3. 和谐与平衡是美丽和可持续生态系统的关键。

Joomla4 BuildIllustration

 

记录正确!

Joomla 4的视觉语言仍然是一个伟大的“正在进行的工作”,并证明这是一个真正的考验。事实上,我们从未以这种结构化的方式思考过我们的活动,直到今天。

我们的CMS需要一个坚实而有效的沟通语言。
因此,我们设想本图所示插图系统将随着我们的发布而发展,同时遵循特定指南。
作为设计团队的一员,我们的工作是确保我们能够保护我们信息的连贯性。相信我们,这是一个真正的挑战。

我们仍在工作并测试插图,寻找限制并填补差距。
我们鼓励您在这个阶段分享您的想法和反馈。这将极大地帮助我们发现我们没有考虑到的漏洞。

在Joomla社区杂志上发表的一些文章代表了作者对特定主题的个人观点或经验,可能并不与Joomla项目官方立场一致。

0
执行您的网站基本SEO审计 - Par...
Joomla 4访谈系列:Allon Moritz,新媒体...
 

评论

已经注册? 在此登录
尚无评论。成为第一个评论的人

通过接受,您将访问由 https://magazine.joomla.net.cn/ 之外的第三方提供的服务