欢迎来到我们的年度
网页设计趋势汇总。从复古的排版到日益增长的无代码运动,2021年将有很多值得期待的事情。在网页设计时,我们一直关注网络上永无止境的趋势。在与Webflow的Brand Studio团队以及其他一些设计师交谈之后,我们汇总了一些我们希望在2021年之前能看到的
网页设计趋势的综合列表。
本期深圳网站设计Angle希望该列表不仅可以激发您的灵感,而且可以使您以更具包容性和可访问性的方式访问网络。
1、复古字体
我们已经看到许多旧事物再次变得很酷,然后变得更加不酷。考虑一下车把的胡须和妈妈的牛仔裤。具有讽刺意味的是保质期短。复古字体在流行中也经历了同样的潮起潮落,许多具有复古字体的设计都还没有老化。但是,回退版式略有复苏。我们没有看到同样疲倦的字体。而是风格和一些艺术性正在重新构想什么是复古字体。
2、视差滚动动画
多年来,视差滚动效果一直是网站设计中的一种趋势,我们希望在2021年看到更多关于视差可以实现的微妙和创造性的探索。
请记住,视差效应中的过多运动可能会对前庭疾病患者造成伤害,因为深度和运动的错觉可能会导致迷失方向和头昏眼花。以下是一些指导原则,我们希望更多的设计人员能够考虑到这些原则,以确保他们最小化视差并不会造成伤害:
-
不要让视差效应分散重要信息的注意力
-
不要让用户更难完成重要任务
-
保持视差效果的数量最少
-
最小化每个实例中的视差移动量
-
将视差效果限制在屏幕的较小区域内
-
包括供用户关闭视差效果的选项
3、水平滚动
以前被认为是网页设计的仿制品,水平滚动正在卷土重来。 我们看到越来越多的
网页设计师继续尝试水平滚动。做到最好的人并不是为了与众不同而打破了格局,而是像在图库中一样,逐渐地公开了二级信息的一种实用方法。
在2021年成功采用水平滚动的设计人员将牢记以下注意事项:
-
不要强迫用户浏览水平内容:允许使用其他导航方式,例如带有清晰标签的箭头按钮
-
使用清晰的视觉提示来指示内容在何处使用水平滚动,并且不要将这些提示隐藏在悬停之后
-
考虑一下在水平滚动条中显示什么内容会带来好处-相册是一个很好的竞争者,因为水平滚动条会向用户显示一个小的预览,并允许他们选择查看更多内容或继续向下移动页面
避免要求水平滚动显示需要阅读的文本
4、到处都有3D视觉效果
随着更高分辨率的屏幕的出现,3D设计已从Geocities的块状和斜角边缘走了很长一段路。我们一直在看到高质量3D视觉效果无缝编织到
网页设计中。他们不是在分散注意力,而是在增加整体用户体验。
5、多媒体经验
随着大多数人可以使用更快的互联网速度,多媒体网站体验随处可见。将视觉效果,文本,视频和音频融合在一起,可提供丰富的用户体验。
2021年成功的设计将结合多媒体体验来使用约束:
-
优先考虑简单性,例如组合运动和音频时。太多的事情可能会使认知障碍者分心或不知所措。
-
考虑周到地使用不同的媒体格式,以使内容的可访问性最大化。
-
包括所有预先录制的多媒体的隐藏式字幕和字幕。
-
包括图像的替代文本,并在复杂的图像中添加较长的描述性文本。
-
确保所有文本都是用HTML制作的,而不是在图像内部渲染的。
-
避免自动播放视频或运动内容:相反,提供一个清晰的“播放”按钮,使用户可以选择播放和暂停内容。
有效且可访问地使用多媒体具有解决多种因素的责任。