还记得上个月的挑战，提出我们自己的 Joomla 网站的设计方案吗？这个挑战的想法源于市场团队将更和谐的视觉和感觉带给 Joomla 网站的愿望。并且为了将我们带入这个十年，因为核心网站都是在 2010 年代制作的，以及协调品牌的不同外观和感觉。

让我们深入看看谁有发言权，以及他们的贡献是什么。

为了明确，目前我们谈论的不是与 Joomla 产品一起提供的模板，即内容管理系统（CMS），而是构成 Joomla 社区网站的所有 Joomla 网站，所以这篇文章中提到的那些启动了这一切的网站。

Joomla 5 即将到来；是时候为我们所有网站换一个新面貌了？加入挑战，发表你的意见。

https://magazine.joomla.net.cn/all-issues/may-2023/joomla-5-is-coming-join-the-challenge

在这篇文章中，我回顾了 Joomla 所有的不同风格以及各个不同区域的不同着陆页是如何演变的。

时尚会改变，技术也是如此。过去十年有意义的东西现在可能不那么相关了。

我们在文章中推广了挑战，并在几个 Joomla 用户组（JUGs）和荷兰 Joomla 日上进行了推广，我在那里发表了演讲。

除了它们在挑战专用 Mattermost 板上的顺序之外，没有特定的顺序：Joomla 5 挑战。如果你是 Mattermost 上的 Joomla 社区成员，你应该能够看到它。

(你想加入 Mattermost 上的 Joomla 社区吗？请遵循此帖中的说明

https://magazine.joomla.net.cn/all-issues/november-2022/getting-the-most-out-of-mattermost)

所以。从这里开始

布莱恩·蒂曼斯

回想我之前所做的演讲，Brian 提出了一个很有帮助的观点：大多数人会在移动设备以及各种设备上查看，因此他非常强调在设计 Joomla 的时候，我们需要把所有用户的可访问性放在首位。

Elisa Foltyn

我能说什么呢？

这并不是 Elisa 第一次为 Joomla 提供设计，我真心希望这不会是最后一次，因为这个新鲜而充满活力的设计。Elisa 将其构建成一个网站来展示，您可以看看：[链接](http://joomlaorg.designedwithlove.de/) [链接](http://joomlaorg.designedwithlove.de/)

她还写了一篇很好的介绍，介绍了她所做的工作

“我想与你们分享 Joomla.org 网站的预草案。”

请注意，这只是一个初步草案，包括文本和图像在内的内容并非最终版本。草案着重介绍 Joomla 作为一款强大、灵活且屡获殊荣的内容管理系统。

我想强调 Joomla 的关键特性，如可访问性、多语言支持、网络服务、工作流程系统、智能搜索、用户管理、自定义字段和 SEO 选项。每个特性都有一个“了解更多”的链接，可以提供更详细的信息。此外，还有一个按钮，可以链接到一个包含所有特性的子页面。也许我们可以通过标签来筛选所有特性。

“为什么选择 Joomla？”部分应展示 Joomla 的独特卖点，如屡获殊荣的平台、成本效益、数据主权、安全性、灵活性和支持全球社区。为了更容易做出决定，客户评价部分展示了两种目标群体：网站所有者和网络开发者赞扬 Joomla 的性能、易用性和灵活性。在这里，我们应该展示真实的人，并请求他们允许发布意见。

“如何开始使用 Joomla”和“如何扩展 Joomla”部分提供了如何开始使用 Joomla 以及扩展其核心功能的概述。草案包括一个常见问题解答部分，用于回答关于 Joomla 的常见问题。

在页面末尾，有一个“下载最新版本”按钮，可以轻松访问最新的 Joomla 发布版。在视觉方面，草案目前包括菜单项和图像的占位符。在设计阶段，这些应该被实际图像和相关的菜单项所替换。

对我来说，这是一个胜利，其中的许多元素将用于最终版本。

有趣的是，Elisa 使用 Yootheme Pro 进行设计，并表示她没有问题将其用于最终版本。随着刚刚推出的新可访问性改进，我倾向于同意这一点，因为这将使维护和更新网站比手工制作一切更容易，将帮助项目所需的技术水平降低，这样更多的人可以加入并帮忙。为什么不展示我们最大的第三方扩展之一呢？

我希望在我们的网站上有一个页面来突出我们用于网站的三方扩展，这样其他人就可以知道可以实现什么以及如何实现。

Robin Clapp

Robin 建立了一个信息丰富且友好的设计。

采用我们在原始文章中概述的设计元素，这展示了网站如何进行品牌化。我特别喜欢颜色的使用，这非常符合 Joomla 的颜色，如果你知道我们的标志颜色，可以立即识别出这是 Joomla。

Josean Telleria

Josean 再次采用了强烈的色彩方案和醒目的图标来引导用户浏览网站。

他继续使用营销中建议的“安全、快速、可访问、可扩展、属于你”的信息，其中“属于你”使我们与一些云 CMS 解决方案区分开来。

Louise Hawkins

Louise 在营销中开始了设计，并提供了她工作的见解。

设计说明：

所附设计融入了一些经过验证的设计实践，这些实践已被证明可以提高转化率。

黄金分割比 - 在这里，我使用了黄金分割比来最佳定位主要元素。您可以看到我覆盖在网站顶部部分的黄金分割比螺旋。黄金分割比有助于元素之间的定位和大小，使其更加美观。我还将黄金分割比应用于标题的缩放。这是通过将正文内容的字体大小乘以1.618来实现的。 https://www.adobe.com/uk/creativecloud/design/discover/golden-ratio.html 

情感化图像 - 人们处理图像的速度比文本快，此外，人们处理信息的方式不同，有些人使用中心处理路径，有些人使用边缘处理路径，这被称为加工可能性模型。这是一个说服模型，绝对令人着迷！(如果您想了解更多关于ELM的信息，请参阅此文章) 而且有一张面向文本的人物图像甚至更有力量。

https://www.interaction-design.org/literature/article/elaboration-likelihood-model-theory-using-elm-to-get-inside-the-user-s-mind 

引起共鸣的信息 - 英雄图像文本在黄金分割比上进行了适当缩放，这里的信息应该与观众产生共鸣。

主要导航中的CTA - 落地页的最佳实践包括在导航中包含主要CTA。

信任符号 - 这些符号应尽可能放置得高，观众会无意识地记住这些信息。

空白空间 - 使用空白空间有效地将观众的注意力集中在您的信息上，这是一种经过验证的技术。

边距 - 页面的两侧边距使用户专注于页面的中心以及好处。

同样重要的是！

提交的设计是为落地页设计的，旨在说服用户Joomla 5是他们的正确产品。它必须完全以用户为中心，因此我们应该把它看作是某个可能对Joomla不太熟悉的人。他们期望看到什么，什么能帮助他们做出决定等等？了解访问此页面的用户在购买漏斗中的位置也很重要。他们可能处于兴趣阶段？因此，信息和图像应该引导他们进入下一阶段。落地页通常不会用大量关键词丰富的文本进行优化，流量通常由广告驱动，所以如果是我，我会在这样的页面上对竞争对手的品牌关键词进行投标。（但这又是另一个话题了！）

最后，我们应该在目标受众中对任何最终设计进行A/B测试。

阿里雷扎·贾瓦赫里安

阿里雷扎提供了一些说明，如果您想从板子上下载他的文件。

“这里有一个包含5个图像的压缩文件，我要求按顺序和编号查看。如果需要单独的图像和分隔的内容，它们将在此部分发布。

这种风格和形式的设计基于这样一个想法：所有Joomla页面，如扩展、文档等，都可以用一只手来更改。”

阿里雷扎倾向于在主页上使用视频作为介绍Joomla优势的方式，使用简单的色调和线条风格来产生现代的外观和感觉。

Showkot Shawon

Shawon也选择了非常易识别的颜色和简单、干净的设计。

他们的设计可以在这里看到

https://www.figma.com/proto/Ln1tUzp3OJ8fOJmhFkWQCC/Joomla?page-id=131%3A1392&type=design&node-id=131-1398&viewport=536%2C2432%2C0.41&scaling=scale-down-width

值得一看，清晰的图标和分组图像理念展示了社区的深度。

那么，谁是赢家呢？

是Joomla社区赢得了胜利；成员们认真倾听，很多人提出了自己的想法；有几个人将他们的想法付诸实践，最终将得到一个更好、更具团队精神的设计。

询问并听取所有有兴趣发表意见的成员是非常重要的，特别是那些愿意为项目投入时间的人。

这些设计将在未来许多年里陪伴我们，因此我们需要尽可能使其清晰可见。

你们已经给我们提供了你们的想法；接下来是什么？

在本文发布之前，营销部门可以再次审视一下，然后邀请那些接受挑战的人相聚并共同努力，根据这个挑战提出的新要求，制作一些最终示例。

听到社区的想法和思考是非常有价值的，因此我们非常希望围绕这些要求制作一些类似的设计，并在Mattermost上对所有Joomla社区进行投票，以获得社区的指引。

在构建过程中可能会发生进一步的更改和修订，但获奖模板的工作和努力将在最终设计中得到体现。

如果你在读这篇文章时感到遗憾错过了挑战：有一个更大的挑战要使我们的所有网站实现这一目标。这需要大量的工作；我们需要尽可能多的人来实现这一目标。

所以，如果你想卷起袖子，成为Joomla网站现代化的参与者，请报名参加，并做出改变。

您可以在Joomla 5挑战频道上注册

https://joomlacommunity.cloud.mattermost.com/main/channels/or-joomla-5-challenge

如果这能成为一个真正的社区努力那就太好了：一起，我们可以使Joomla网站现代化，并准备好在发布Joomla 5时使用！