设计趋势|2021年21个网页设计趋势一览(2)

上期介绍了2021年21个网页趋势第一趴,今天我们接着放送第二弹!

设计趋势|2021年21个网页设计趋势一览(2)

关键词

11

滚动叙事

越来越多的设计师通过各种各样的形式向观者叙述故事。这就是滚动叙事的源头-视觉叙事可以增强故事的色彩并将观者吸引到其故事中。

限制滚动练习的最佳应用:

  • 将运动保持在较小的区域内。

  • 提供用户的互动方式:提供明显的播放控件

  • 确保所有元素有助于强调故事,而不是分散人们对重要文本的注意力。

12

黑暗模式

越来越多的设计师开始接受黑暗模式的美感,黑色提供了完美的黑暗背景,使设计元素从屏幕上更加明显。

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Obys Agency页面

在下面的示例中,Obys Agency设计了对时装设计师Peter Lindbergh的致敬,将精美的背景与美丽的衬线字体配对。

13

卡通插画

不久以前,网站呈现的只是文本和一些图像或图形。而现在卡通插图比如以健康的人类形象表现在网页设计上时受到了强烈的欢迎。

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Blush网页

 Blush是查找自定义角色插图的绝佳平台,例如艺术家Vijay Verma的作品。

14

几何网格

网格很简单,但是如何将其集成到设计中却具有很大的挑战性。几何网格正以一种简洁大胆的外观吸引着人们的注意力,成为一种合理布局的元素。

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Hudson Gavin Martin网页

 

Hudson GavinMartin的设计将网格用于导航栏。这些大的颜色方块在有趣的同时也可以很好地吸引观者的注意力。

 

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Skin Labs网页

我们可以在化妆品公司Skin Labs的这种几何网格布局中又快又好地发现商品。

15

自定义光标

游标可能是网页设计中最容易被忽视的方面之一,我们大多数人都对普通的鼠标箭头习以为常。 但当设计人员将这个微不足道的部分变成一个很酷的东西时,这确实是一项质的飞跃。

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Büro网

 

 

查看Büro变形的圆形光标,它会根据悬停的地方来改变鼠标的样式。

16

滚动条

我们很高兴看到滚动条成为网页设计中不可或缺的一部分。无论是水平滚动还是垂直滚动,它们都可以让网站动起来,这是呈现信息的好方法。

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Ofcina网

 

 

Ofcina网站的滚动卡使用了醒目的颜色阵列。

17

去色设计

稀疏的白色使设计更简洁,也让任何具有颜色的元素更加引人注目。

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Latinxs Who Design

 

 

Latinxs Who Design的网页具有大量白色空间,悬停效果的设计可将每个设计师的黑白图像转换为全彩色。这样的做法让即使是最小的平面设计之类的东西,仍然可以通过微交互,动画和其他动态效果获得引人入胜的体验。

 

 

设计趋势|2021年21个网页设计趋势一览(2)

▲图:User Experience Database网页

 

 

User Experience Database网页也采用了去色设计,让信息能更轻易的被观者捕捉与阅读。

 

18

音频

将音频作为设计的组成部分,可以消除视觉障碍者的访问性障碍,并能成为那些喜欢在网站上收听大量文本的人们的心头好。

 

 

设计趋势|2021年21个网页设计趋势一览(2)

▲图:The New York Times网页

 

 

纽约时报在他们的一些精选文章上提供伴随音频这一方面做得非常出色。

19

从印刷品中得到启发

 

从印刷品中的版面汲取灵感,让杂志样式的布局和传统图形设计的相关元素给人一种打印在纸上的视觉与触觉的体验。

 

 

设计趋势|2021年21个网页设计趋势一览(2)

▲图:foundamour网页

 

 

上面是来自Foundamour网页的示例。它从印刷中汲取灵感,让人们开始将该网站的内容与出版社产生联系。

 

20

设计系统的一致性

 

通过使用CMS创建可重复的布局和相关集合,可以轻松进行更新或编辑,以达到快速创建相似的网页的效果。因此无论是小规模使用还是大规模使用,它们对于任何组织创建和管理其设计都是有用的。

 

设计趋势|2021年21个网页设计趋势一览(2)

▲图:Style guide from Saasly网页

21

没有代码

 

设计趋势|2021年21个网页设计趋势一览(2)

 

 

没有代码并不意味着完全消除代码。其实程序员和开发人员将永远是重要的。没有任何代码的意思是向那些本来可以与这一领域不相关的人开放这些专业知识领域,让任何对这方面有想法的人都能学习并运用。

本站所有素材均来自网络,如果侵犯了您的版权,就随时联系我们的客服。你还可以关注我们的微信公众号与微博公众号随时获取我们最新动态。
UI社 » 设计趋势|2021年21个网页设计趋势一览(2)

良凡设计-专注高端品牌企业官网建设--UI社官方推荐

立即查看 咨询客服