您需要了解的三个 WordPress 网站设计趋势

已发表: 2022-06-30

想想自 2011 年以来发生了多大的变化。有多少网站设计趋势和新技术已经失宠? 有多少新设备进入市场? 有多少新趋势浮出水面并广受欢迎?

WordPress随着网络的发展而发展也就不足为奇了。 今天的 WordPress 与五年前的 WordPress 完全不同,与 2003 年的 WordPress 相比,几乎无法辨认。但这是一件好事。

毕竟,网络上唯一不变的就是变化。 作为一名设计师,你比任何人都清楚这一点——正如你知道你的工作是掌握正在发生的变化和未来将发生的变化。 幸运的是,如果你知道去哪里看,那并不难。

我已经找到了你——这里有一些今年影响 WordPress 设计世界(和更大的网络)的最突出和最重要的趋势,所有这些都与移动性密切相关。

无页设计将继续占据主导地位

单页网站在 2014 年的某个时候首次进入网络,其受欢迎程度与失控的货运列车一样。 这些“登陆页面”网站特别适合小型企业、设计机构和产品网站,是捕获线索和讲故事的理想选择。 考虑到这一点,单页 WordPress 主题也取得了很大的进展也就不足为奇了。

但究竟是什么推动了这一趋势? 为什么“无页”网站现在如此突出? 你怎么知道你自己的网站是否应该效仿?

“传统网站有一系列同样可怕的问题,”Digital Telepathy 的 Chuck Longanecker 解释道。 “他们是鸡尾酒会上的大嘴巴,在听到一连串自我夸大的信息时对任何人喋喋不休,对听的人没有任何兴趣……凭借快速的连接和习惯于移动应用程序中的长滚动体验的观众,无页面设计避开访客,这样他们就可以享受流程并完成他们的目标。”

换句话说,移动设备改变了我们观众的浏览习惯。 作为设计师,您需要考虑他们的新习惯——他们对简单、流线型网站的期望,他们在手机或平板电脑上浏览的倾向,以及他们对易于消化的内容的渴望。

这种市场转变产生了另一个更意想不到的副作用:多用途主题在过去几年中呈爆炸式增长。 这些主题功能丰富且易于安装,使网站所有者可以轻松地为移动设备、台式计算机以及其他所有设备自定义页面。 它们是面向未来的,并且允许创建仍然具有强大功能的精心设计的网站。

更多图像、更多排版、更多视差

与向无页面设计的转变密切相关的是,网站越来越关注排版、图像和视差滚动。 极简主义是这里的城堡之王,页面在传递信息的同时向用户展示的视觉元素越少越好。 它不仅可以帮助网站看起来更清晰,还可以在很大程度上减少加载时间。

至于排版,随着向极简主义的转变,网站所有者、出版商和用户都开始期待他们访问的网站上的设计更简洁。 部分关键在于提供更好看、更好呈现的文本。 诸如 Google Fonts 和 Adob​​e Typekit 之类的工具也提供了很多帮助,使创建具有更好、更专业的文本的网站变得更加容易。

最后,视差滚动——我一直非常喜欢——最近得到了很多人的喜爱。 对于初学者来说,它的工作原理非常简单:您只需配置您的站点,使背景比前景移动得更慢(如果有的话)。 这不仅会产生景深的错觉,而且是给单页网站带来一些额外亮点的好方法。

关于微交互的废话

如果您停下来想一想,移动应用程序有点宠坏了最终用户。 设计最好的都充满了称为微交互的功能:根据访问者与您的网站的交互方式,向访问者提供一点点反馈。 当然,这个概念并不是特别新。 早在 2013 年,Foster of Mysterious Trousers 就将它们称为气泡包装交互。 这是因为它们是令人满意的,并且通过使事情更加发自内心地极大地增强了用户体验。

对你来说,这意味着——尤其是考虑到大规模转向移动设备——你需要了解微交互,以及如何将它们整合到你的网站中。

“在 UX 中,重要的是你如何与用户打交道,以及他们在使用产品时的感受 [在这种情况下,是你的网站],”Web Designer Depot 的 Dmytro Svarytsevych 写道。 “微交互为用户提供了所需的反馈和对正在进行的流程的理解,无论其背后的逻辑多么复杂,都能让界面变得平易近人。”
根据 Creative Bloq 的说法,您可以通过以下方式向您的网站添加微交互:

  • 了解触发器:这是启动微交互的原因。 它可以是任何东西,从第一次登录您的网站的用户到他们对文章发表评论或购买产品。 最好的触发器是系统观察用户行为并将其用于上下文的触发器——即。 当他们到达您的网站时,为他们提供他们经常访问的页面。
  • 建立规则: “规则”在这里可能有点用词不当。 从本质上讲,它们是确定特定微交互如何工作的指导方针——什么可以发生,什么应该发生,什么不能发生或不发生。 例如,如果您无意中将同一产品两次添加到购物车中,电子商务网站可能会警告您。
  • 确定反馈:您将向用户提供什么反馈? 您将如何增强他们对您网站的体验?
  • 弄清楚微交互持续了多长时间:您的微交互是否会在没有用户输入的情况下自动结束? 每次使用时它如何变化?

“反馈是为您的微交互添加个性饰面的地方,”Creative Bloq 写道。 “有时一点幽默或优势可以很好地发挥作用并受到赞赏 - 特别是在可能令人沮丧的情况下,例如错误消息或需要很长时间才能加载的东西。”

紧跟网站设计趋势

WordPress 与网络并存,不断发展。 你不必被这种进化所吸引。 通过密切关注最新趋势,当这些趋势最终成为现实时,您可以确保您处于领先地位。