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 创建专属插画风格是另一个令人兴奋的实验,我和李利安娜都接受了这个实验。

我们共同努力创建了一种简单、美丽且富有意义的图标语言,这些图标可以一起构建 Joomla 的世界。
我们仍在开发更多图标,但这里有一个小小的预览。

Joomla4 IllustrationStyle

在创建图标时,了解哪种颜色将用于轮廓,哪种颜色将用于阴影是很重要的。
这个小色彩调色板确实在很大程度上帮助定义这些细节。主色将用于定义图标的轮廓,而同一颜色的不同色调有助于创建平铺阴影(请不要使用渐变)并增加图画的深度。

Joomla4 IconStyle

 

规则 #3:创建 Joomla 世界

大多数用户使用Joomla能实现的是“构建”并维持其业务的增长。这一说法的证明是该展览,这是前开源事务主席Sarah Watz在过去一年中领导的。

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

因此,我们一致认为,尽管Joomla 4和即将推出的版本的功能很重要,但我们的营销活动需要侧重于使用Joomla的一般好处。

是时候开始构建了!

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

Joomla4 Benefits

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

这些元素被组合在一起,以确定一个特定的信息,该信息能够吸引我们的关键受众:中小企业(首席执行官、营销领导者、销售经理等)、技术人员(开发者、程序员、集成商等)、创意人士(创意机构、设计师、学生等)。

这些插图都是关于传达Joomla丰富的功能和功能。

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

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

Joomla4 BuildIllustration

 

澄清事实!

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

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

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

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

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

评论

已经注册? 登录这里
尚无评论。成为第一个发表评论的人

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