Navigation menu

0755-8219-8877
  • Contact us
  • 0755-8219 8877
  • 深圳市罗湖区人民南路国际商业大厦20楼(地铁1号线国贸站E出口既是)

    szniego@126.com


    © 2007-2020 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 2021年,五大独特的网页设计新趋势

    时间:2020-12-11  作者:Angle  来源:www.niegoweb.com
    欢迎来到我们的年度网页设计趋势汇总。从复古的排版到日益增长的无代码运动,2021年将有很多值得期待的事情。在网页设计时,我们一直关注网络上永无止境的趋势。在与Webflow的Brand Studio团队以及其他一些设计师交谈之后,我们汇总了一些我们希望在2021年之前能看到的网页设计趋势的综合列表。本期深圳网站设计Angle希望该列表不仅可以激发您的灵感,而且可以使您以更具包容性和可访问性的方式访问网络。

    网页设计


    1、复古字体
    我们已经看到许多旧事物再次变得很酷,然后变得更加不酷。考虑一下车把的胡须和妈妈的牛仔裤。具有讽刺意味的是保质期短。复古字体在流行中也经历了同样的潮起潮落,许多具有复古字体的设计都还没有老化。但是,回退版式略有复苏。我们没有看到同样疲倦的字体。而是风格和一些艺术性正在重新构想什么是复古字体。 

    2、视差滚动动画
    多年来,视差滚动效果一直是网站设计中的一种趋势,我们希望在2021年看到更多关于视差可以实现的微妙和创造性的探索。 

    请记住,视差效应中的过多运动可能会对前庭疾病患者造成伤害,因为深度和运动的错觉可能会导致迷失方向和头昏眼花。以下是一些指导原则,我们希望更多的设计人员能够考虑到这些原则,以确保他们最小化视差并不会造成伤害:  
    • 不要让视差效应分散重要信息的注意力
    • 不要让用户更难完成重要任务
    • 保持视差效果的数量最少
    • 最小化每个实例中的视差移动量
    • 将视差效果限制在屏幕的较小区域内
    • 包括供用户关闭视差效果的选项

    3、水平滚动
    以前被认为是网页设计的仿制品,水平滚动正在卷土重来。 我们看到越来越多的网页设计师继续尝试水平滚动。做到最好的人并不是为了与众不同而打破了格局,而是像在图库中一样,逐渐地公开了二级信息的一种实用方法。 

    在2021年成功采用水平滚动的设计人员将牢记以下注意事项:
    • 不要强迫用户浏览水平内容:允许使用其他导航方式,例如带有清晰标签的箭头按钮
    • 使用清晰的视觉提示来指示内容在何处使用水平滚动,并且不要将这些提示隐藏在悬停之后
    • 考虑一下在水平滚动条中显示什么内容会带来好处-相册是一个很好的竞争者,因为水平滚动条会向用户显示一个小的预览,并允许他们选择查看更多内容或继续向下移动页面
    避免要求水平滚动显示需要阅读的文本

    4、到处都有3D视觉效果
    随着更高分辨率的屏幕的出现,3D设计已从Geocities的块状和斜角边缘走了很长一段路。我们一直在看到高质量3D视觉效果无缝编织到网页设计中。他们不是在分散注意力,而是在增加整体用户体验。  

    5、多媒体经验
    随着大多数人可以使用更快的互联网速度,多媒体网站体验随处可见。将视觉效果,文本,视频和音频融合在一起,可提供丰富的用户体验。 

    2021年成功的设计将结合多媒体体验来使用约束:
    • 优先考虑简单性,例如组合运动和音频时。太多的事情可能会使认知障碍者分心或不知所措。
    • 考虑周到地使用不同的媒体格式,以使内容的可访问性最大化。
    • 包括所有预先录制的多媒体的隐藏式字幕和字幕。
    • 包括图像的替代文本,并在复杂的图像中添加较长的描述性文本。
    • 确保所有文本都是用HTML制作的,而不是在图像内部渲染的。
    • 避免自动播放视频或运动内容:相反,提供一个清晰的“播放”按钮,使用户可以选择播放和暂停内容。
    有效且可访问地使用多媒体具有解决多种因素的责任。

    相关案例

    OTHER CASE