2020全球网站设计流行趋势

习惯了一栏式的设计，将屏幕一分为二的设计常常会让用户感到更加新鲜。网页中并排的两栏呈现不同的信息，是分屏式设计的更典型特征，两边的信息可以包含相同类型的元素，可以呈现不同属性的媒体内容，比如一边是图片，一边是文本。

分屏式设计完美地解决了你需要同时呈现两个不同内容的需求，这种UI界面突出了这两项内容的对等地位，让用户自行浏览，或者做出选择。

视差滚动布局

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。

视差滚动技术一直是Web领域运用更多更广泛的，今年苹果全新设计了Apple News，详情页杂志化排版；当你在滑动时候，页面前后分层，拥有Z轴空间，视差效果明显。大大提高了观赏性与趣味性，同时又能看全摄影图。视差滚动依然是当前网页布局设计的新趋势。

色彩搭配

大胆鲜艳的配色在更近两年成为了一种很重要的趋势，在2020年这一趋势将会继续。这些颜色丰富，明亮，充满活力。他们既可以作为主色也可以作为辅色。高对比度的色彩，同样能够带来清晰的视觉间隔效果。在 UI 界面中高对比度的色彩有着极为明显视觉表现潜质，它们能够增强网站的信息和内容的表现力，分割区块，营造氛围。对比度是影响页面和屏幕可读性的关键因素之一。在具体的应用当中，不同的色彩会有效地分离不同的选项、条目和区域，这意味着它作为视觉分隔的作用非常强，这也是近年来分屏式设计如此流行的原因所在。

微交互动效设计

在2020年，我们认为网页动效设计会是主要趋势，因为在几乎所有的设计领域都能用到动效，从微动效到 Logo 和 UI，一切都在动。动画内容正在进入一个全新世界，在这个世界里，纯文字内容不再像以前那样吸引人了。

正如我们所说，动效是今年的趋势，在网页中的表现尤为突出，也能为插画增加丰富的细节，强化信息传达，提升记忆点。

微交互的概念更早出现在2018年，但这是一个值得在2020年关注的趋势。它们是网页设计中一个极其重要的趋势，决定了一个网站是普通还是优秀的区别。微交互在让用户理解系统如何工作，并引导其获得更好的体验方面扮演着非常重要的角色。

如果你是一位网页设计师但还不会在工作中用微交互，我们建议你赶紧学起来，因为在 2020年的网页设计工作中，缺少了微动效，整个产品都会黯然失色。

视频运用

文本信息已经没有以往那么具有吸引力了，更多的视频内容也是自然的结果。随着网络带宽和上下行速度的提升，等待视频加载的时间越来越短，用户也可以更加快速便捷地获得视频内容。

视频内容不仅能够更快的表达，也具备更好表达的可能性。作为一种主动输出的媒体模式，视频内容的优势非常明显。相应的，视频内容的制作也需要更加注意，必须提供有意义的内容，才不会让用户有浪费时间的感觉。

许多设计趋势相互之间可以搭配，而许多设计师也确实将它们合理地结合到一起，创造出吸引人的体验。