2021年的5个网页设计趋势

本文由我们的内容合作伙伴,弯曲的媒体.感谢您对合作伙伴的支持,是他们让SitePoint成为可能。必威西盟体育网页登录

对几乎所有人来说,2020年都是令人失望的一年。许多企业被迫采取创新措施以求生存。消费者也必须做出调整,甚至Web也必须做出一些改变。

一些“昨天”的设计潮流也不得不为新的潮流让路。

那么,在2021年,我们能在新的设计趋势中看到什么呢?

我们将向你展示一些网站的例子,这些网站已经结合了这些新趋势,以及一些选择BeTheme预建网站他们也很好地利用了它们。

无论您是为新客户创建网站,还是改造现有网站以适应最新趋势,以下五种设计方法都应该能给您一些有价值的见解。

1.使用舒缓、放心的调色板

最近的设计趋势倾向于强烈、大胆的颜色。各种梯度方案也很受欢迎和有效。为什么?因为这些独特的趋势有很强的趋势来吸引访问者的注意力。

2020年给了我们太多的担忧、压力和戏剧性。我们热切地期待着回到一个我们在周围环境中再次感到更舒适的时刻。

我们不希望人们对我们大喊大叫,也不希望网站对我们大喊大叫。因此,调色板变得更平静、更柔和。

Bellroy网站提供了一个很好的例子,这种色调柔和的外观,平静的配色方案与它的实用日常产品系列非常吻合。

Bellroy网站截图

请注意,当一款色彩鲜艳的产品在自然色调的衬托下展示时,它仍然会很突出,但不会影响到你的面部。

BeSpa预先构建的网站,其舒缓的配色方案,是发送平静和鼓舞人心的信息的另一个例子。

BeSpa主题的截图

平静和舒适并不一定是无聊的。远非如此。这样的画面鼓励游客活在当下,以及随之而来的安全与保障。

2.努力创造性地将物理体验与数字图像融合

2020年,许多人平生第一次发现自己被困在家里,除了盯着屏幕几乎无事可做——有些人需要远程工作,有些人则需要玩数字游戏。

一些网页设计师已经注意到了这一点,他们将真实世界的图像与插图和/或特效混合在一起。

一个典型的例子就是设计师康斯坦斯·伯克的网站

康斯坦斯·伯克(Constance Burke)网站截图:六名女性穿着各式各样的衣服

她的作品不是展示手绘的时装草图,也不是展示穿着真实产品的真实模特,而是创造性地将两者融合在一起。

BeSki预建网站也融合了数字和物理,但以一种截然不同的方式。

主页以滑雪者的物理图像开始。注意英雄部分的雪是如何与下一个部分融合在一起的,下一个部分由数字图像组成。然后,该部分融合到另一个真实图像中,再融合回数字设计中。

3.创造更高效的购物体验

2020年,更多的人在网上购物,通常是出于需要。这就创造了一种情况,鼓励网站设计师为访问者提供更有效的转换途径。

由于这些游客中的许多人刚刚开始接触网上购物,所以他们的体验要尽可能轻松,他们可以像在实体店一样快速进出。

这可以通过更简洁的产品描述、改进的产品搜索功能、添加到购物车的快捷方式等等来实现。

沃尔格林的产品页面设计为2021年的电子商务网站设计树立了良好的榜样。

沃尔格林网站截图

产品的适用细节、挑选和运输选项、客户评级、折扣或特别优惠都清晰地呈现在上面。客户可以滚动查看其他相关信息,也可以进行下一步操作。

BePestControl的预建站点采用类似的方法。

bepest控制主题

相关信息要简短明了。客户可以将商品添加到购物车中,也可以阅读按钮下面的附加信息。

精心设计的导航辅助和产品描述选项相结合,使购物体验令人满意。

4.更加重视用户控制的视频内容

曾几何时,视频是网站上的“潮流”。虽然视频不再是新事物,但它仍然是一种提供高度有用内容的有效方法,但它的受欢迎程度受到了打击。

的原因吗?太多网站缺乏用户控制。视频没问题,但前提是访问者觉得有必要看。

在一定程度上,多亏了Zoom在2020年连接朋友,更多人已经习惯了视频所能提供的东西。如果让他们选择看什么和不看什么,你可以期待视频在2021年卷土重来——没有自动播放或嵌入式版本。

看看Payoneer成立了观看视频按钮的设计。

Payoneer网站截图

它不大,也不粗体,但你不会错过白色按钮在深色背景下的突出效果。正如你所期望的那样,访问者会喜欢观看或不观看的选择。

BeOptics预建网站采用类似的方法。

BeOptics主题的截图

在这种情况下,按钮充当附加站点或产品信息的门户。鼠标悬停时按钮转换的方式让访问者意识到他们有机会通过观看视频了解更多。

5.花更多时间显示信任构建器

信任建设者是网站不可缺少的元素。实体店的购物者可能会花几分钟来评估一家企业,并决定是否要光顾它。网上购物者将在更短的时间内完成同样的事情。

网页设计师可以选择多种建立信任的方法。例如:

  • 采用图表、统计数据标注、计数器或其他数据可视化方法
  • 使用标识来巩固品牌
  • 提供客户评价、客户评论或用户评分
  • 案例研究
  • 投资组合
  • 安全印章——比如商业改善局(BBB)或TRUSTe
  • 安全结帐和付款-如贝宝结帐
  • 社区服务或社会公益证明

考虑一下以上哪一种方法最能说服访问者成为有价值的客户。或者,选择以上所有选项(尽管对于单页站点可能不是这样)。

Omaze它采取的方法是,当游客捐款时,他们有机会赢得奖品。这个网站更进了一步,突出了捐助者帮助它完成的好事。

奥玛兹网站截图

它还留出了一个空间,用于突出介绍Omaze的著名出版物。这有助于增加组织的合法性。

Omaze网站上列出的Omaze网站的截图

它还使用数据可视化和奖状,就捐赠的处理和使用方式提供了建立信任的透明度元素。

Omaze网站的数据可视化

无论您正在为多大的组织或企业设计站点,总有一个或多个令人印象深刻的信任构建者的空间。

BePortfolio展示了如何将其应用于投资组合站点。

主页为前面提到的几个信任构建者提供了大量空间:

  • 满意客户数量
  • 客户感言
  • 案例研究
  • 投资组合中的样本
  • 令人印象深刻的客户标识展示

这只是一个给人们足够多的理由来信任你的品牌的问题。

你跟上这些新的网页设计趋势了吗?

旧的退,新的进?不完全是。有些趋势可能永远不会过时——极简主义和粗体标题印刷就是其中之一。但2020年改变了我们看待一些事物的方式,因此,一些设计趋势需要被抛弃,取而代之的是其他趋势,以适应新常态。

无论你是想更新和升级现有的网站,还是在你的新网站设计中实现这些新趋势,BeTheme的600多个预建网站会给你指引正确的方向。

Baidu