前几年 WooCommerce 独立站网页设计有了很大的发展,您不觉得吗?似乎我们已进入后响应时代,其次是数字实验、移动背景、创新互动、独特的排版、英雄插图以及由平等、包容性和可访问性推动的具有社会意识的设计。不错,是吗?

  更不用说世界各地的设计师和开发人员投入到多用户体验研究、沉浸式 UI 探索、解决问题策略、以多用户为中心的方法,以及在技术和美学之间建立良好关系的巨大能量。
 
  结果以新鲜,令人兴奋和有影响力的 WordPress 网站设计形式可见。而 2022 年才刚刚开始。我们期待在我们面前的几个月中看到更多这些趋势。
 
  2022 年十大 WooCommerce 独立站网页设计趋势
 
  1. 数字实验

  您有没有想过创造一种数字风味并将其与声音相匹配?或者使用数字空间以独特的互动方式祝新年快乐?或者也许建立一个网站来支持电视剧的最新流行季节?
 
  如果您想知道自己能创造什么,为什么不通过在网上试验来建立呢?您是否应该尝试不再是一个问题,它已经成为一种趋势。
 
  因此,与设计一起玩,做一些原创并超越期望:多用户会欣赏创造力,而其他设计师可能也会欣赏您在互联网上的工作。
 
  在 2022 年通过您的网站进行大胆的陈述。并使其重要。
 

 
  2. 叙述性说明
 
  插图的形象已经存在了一段时间:在许多主页上可以看到令人惊叹的高质量照片,这些照片占据了折叠的空间。
 
  目前,我们看到很多插图影像和最新趋势,而不是照片,叙事,以人为本,彩色 3D 插图。免费的可定制插相簿(如 Humaaans,unDraw 和其他资源)确实促成了各种形状,大小,颜色和能力的人出现在互联网上。而新的微观趋势:插图中的蓝色男人。他在 UX Collective 的 2022 年 UX 状况报告中引起了我们的注意。为什么是蓝人?
 
  然而,插图对品牌和产品具有巨大潜力。 Slack 已经认识到它,Asana 以及世界上许多其他大小公司。如果您对 Slack 的研究,概念制作和建立插图自定义库的幕后花絮感到好奇,插画家 Alice Lee 在她的文章中展示了整个过程。
 

 
  3. 创新的互动
 
  具有导航选单的自适应网站在移动版本中从上到下跳跃(以便多用户轻松点选),或多模式界面,支持语音的 UI 的各种可能性以及 3D 产品浏览只是创新的一部分,这是最近出现在网络上的创意互动。
 
  微互动对于改善多用户体验也变得越来越重要。因此,我们可以看到通过讯号,灯光,色调,颜色和弹出视窗以创新方式进行大量调整。此外,很多奉献精神都致力于编写能够使多用户互动顺利和成功的微缩图。
 

 
  4. 独特的网络排版
 
  许多公司使用定制排版进行品牌塑造,新徽标设计或进行企业形象改造。独特的视觉语言也成为 WooCommerce 独立站网页设计的一大趋势。
 
  例如,印刷商最近建立了 Clarkson,这是 Squarespace 的全新品牌字型,用于重新设计网站。正如他们所描述的那样,它传达了纽约的传统,它有意识地特殊,平衡了新奇怪的无衬线和衬线的清晰度及复杂性,以及字型形状的前沿。没有什么比大胆的排版更能让您的品牌在网上脱颖而出。这是事实证明。
 

 
  5. 内在 WooCommerce 独立站网页设计
 
  “关于 WooCommerce 独立站网页设计的一切都改变了” 。这是 Jen Simmons 在 2022 年在西雅图的 An Event Apart 大会上发表的演讲题目。在那次演讲中,她创造了 “内在 WooCommerce 独立站网页设计” 一词。
 
  “内在 WooCommerce 独立站网页设计是我给这个新时代的名字,因为我认为我们真的处在一个布局设计的新时代,对于那些已经做了一段时间的人来说,您会记得我们的其他时代了。我们使用 HTML 表很长一段时间,我们使用 Flash 很长一段时间,我们在流体 WooCommerce 独立站网页设计和固定宽度 WooCommerce 独立站网页设计之间进行了这场争论。然后,我们不必重新开始并定义所有内容,并且响应就是那种词。每个时代都有名字。我觉得我们需要一个新时代的新词。”-  Mozilla 设计师倡导者 Jen Simmons
 
  因此,在简单的 HTML,Flash 布局,流畅布局,固定宽度布局和响应式设计之后,下一步是什么?内在设计。那是什么意思?内在一词意味著自然属于某种东西,一种必不可少的,自然的,宪政的,内建的,根深蒂固的东西。在 WooCommerce 独立站网页设计领域,这意味著流体和固定或基于表格的设计之间的争论。这是一种描述 “响应式设计+” 的方法。
 
  正如 Jen Simmons 所描述的那些主要差异包括:
 
  响应式 WooCommerce 独立站网页设计具有灵活的影像。内在 WooCommerce 独立站网页设计具有灵活的影像或固定影像。无论您想要什么。
 
  响应式设计具有流体柱。内在设计具有流体柱和行。
 
  响应式设计使用媒体查询。内在设计并不一定需要它们。
 
  底线:您可以混合固定和流动。您可以使布局流畅,直到达到最小尺寸,此时它保持固定。我们肯定会在 2022 年和随后几年看到更多的内在设计。
 

 
  6. 充满活力的颜色

  明亮的色调和饱和的色彩渐变可以轻松吸引多用户的注意力。它们增强了多用户界面的视觉吸引力并改善了多用户互动。因此,他们在网站上留下了更多多用户。
 
  “粉红色是新的中立”,从去年开始阅读 Webflow 部落格文章。我们也在 2022 年看到它。 WooCommerce 独立站网页设计师正在使用一些粉红色和鲜艳色彩渐变的色调来梳理外观。 Chris Coyier 已经完成了最新的 CSS-Tricks 网站的重新设计。您是否正在为下一个设计专案考虑颜色?
 

 
  7. 破碎的网格和流体形状
 
  几何形状已经遍布网络多年。正方形,圆形和矩形通常用于草图绘制,线框图和最终布局。并且布局通常被塑造成对称网格。好吧,没有了。
 
  有一种趋势是试验破碎的网格和更流畅的有机形状,以创造自然的外观和更具视觉吸引力的网站。
 
  UI / UX 设计不需要手术精确度,而是需要一种艺术风格,使设计更贴近多用户,更符合人性。网格和有机形状的实验可以最有助于此。
 

 
  8. GLITCH 效果
 
  复古风格不断回归 WooCommerce 独立站网页设计趋势。实际上,它从未离开过。复古影像在 90 年代是一件事,但它们似乎永远不会过时。所以,我们现在继续看到具有这种效果的网站。它让人感到怀旧,这通常是一件好事。事实证明,复古美学能够有效吸引多用户的注意力并将其储存在现场。这总是一件好事。所以,复古万岁。
 

 
  9. 主页 3,2,1 …
 
  插图并不是 2022 年唯一的英雄。视频背景已成为一种东西,可能会保持这种状态。如果使用得当,在网站主页上移动影像可以给人留下良好的第一印象,因此越来越多的网站正在使用如此引人注目的 WooCommerce 独立站网页设计元素。
 
  视频可以带来艺术外观,设计师似乎对结果感到满意,但不仅仅是它们。数字营销人员表示,视频背景可以将转化率提高 140%,这仅仅是因为视频可以让访问者在网站上停留更长时间并进行更有意义的互动。
 

 
  10. 社会意识设计
 
  我们很高兴地看到,2022 年展示了越来越多具有社会意识的 WooCommerce 独立站网页设计师,插图画家,动画师和其他创意人员,他们为互联网制作了多种解决方案。
 
  网络可访问性标准的改进和数字产品的建立,包括所有年龄,能力,性别,文化,宗教和种族身份的人,确实使全球信息网比以往更具包容性和可访问性。
 
  “您不能只是画出紫色的人并称之为多样性”,Shoppify 插画家 Meg Robichaud 在她关于 Medium 的文章中写道。她补充说:“技术的多样性不会在空虚的状态下得到解决” 。
 
  我们不能同意。包容性设计包括更多。它不会神奇地改变现实生活,但是我们不得不问 – 您相信设计可以改变世界吗?我们相信它可以。
 

 
  结论
 
  无论如何,WooCommerce 独立站网页设计行业始终是一个引领潮流的人,并且凭借其创新,实验和原创的网络塑造方法成为变革者。 2022 年也不例外。我们很高兴看到 WooCommerce 独立站网页设计师不只是坐在那里,一遍又一遍地做同样的事情。战略思维和研究见解的结合已经成为一种趋势,我们尤其感到鼓舞。我们当然希望它不会在近(远)的未来发生任何变化。