> * 原文地址：[Find Top 10 meaningful web design trends in 2020](https://medium.com/ux-in-plain-english/find-top-10-meaningful-web-design-trends-in-2020-76c2a8301997)
> * 原文作者：[Darshan Chauhan](https://medium.com/@darshan.chauhan21198)
> * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
> * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/TODO1/find-top-10-meaningful-web-design-trends-in-2020.md](https://github.com/xitu/gold-miner/blob/master/TODO1/find-top-10-meaningful-web-design-trends-in-2020.md)
> * 译者：[Charlo](https://github.com/Charlo-O)
> * 校对者：[hansonfang](https://github.com/hansonfang)、[xujunjiejack](https://github.com/xujunjiejack)

# 寻找 2020 年最有意义的十大网页设计流行趋势

![Web Designing](https://cdn-images-1.medium.com/max/2000/1*0KFCpdc4-ScdB1uDhGNMUg.png)

大家好，之前我们看到了人工智能即服务等新兴技术的发展趋势，也看到了比如社交距离检测器这类数据科学相关的解决方案。

因此，今天这篇文章中，我们要讲的是对每一个层次的网页设计师都有帮助的顶级网页设计趋势。根据所有商业网站的整体分析，网站设计占访客印象的 95%。

## 来聊聊不同的趋势

#### 1、留白

留白就是你网站上的一种空白区域，或者说落地页上没有信息展示的那部分。

这个留白区域可以让你的眼睛从连续的文章阅读中得到休息。有时这个区域可能会被一些广告覆盖。但大多数情况开发人员都会在开发时留白。

这对于网站改进和网页设计都是有益的。

#### 2、长页头

像在这里，在页头中并带有导航部件的 Hero Image（一个巨大的网络横幅图像，突出地放置在页面，一般在前面和中间。全页式的背景图），带有一些 CTA（号召性用语）按钮，用于将用户导航到网站或网站外部。

长页头还包含了一些有创意的信息图表，漂亮的图片或者是一些文字也是可以告诉用户网站是关于什么的。

#### 3、动画光标

如果你完全致力于基于 UI 的结构，那么你必须在鼠标点击或滑动时加入一些动画效果，以获得更多的用户关注。

#### 4、滚动行为

如果网站包含有完美的 UI 的落地页，但是页面滚动不正常，那别人对网站的印象也好不到哪儿去。

因为每当用户试图滚动到页面某些位置时，发现页面卡的要死，这就是为什么在滚动的同时提供动态滚动行为，是非常有用和有创造性的。

#### 5、插图的使用

网页设计中最受欢迎和最流行的组成部分就是图片，即插图。

插图使页面吸引用户，并且仅通过查看插图就可以使用户到您的网站浏览，因为你的网站中的插图会对你的网站产生巨大的影响，即表明你的网站是做什么的。

#### 6、网格

以网格元素的形式创建组件，然后它使得页面中所有构建块在网页中完全对齐。就像是网站布局组件的一部分。

#### 7、2020 年的流行色

如你所知，现在的渐变色组合在市场上很流行，也可以说是在网页设计中的趋势。因为这是最有创意的方式，为客户或者个人网站提供最好的设计逻辑和心理，以吸引用户。

#### 8、字体加粗

如果你在你的网站中使用太多粗体，那么它可能会给你的网站留下不好的印象，所以这就是为什么要使用较少的粗体字体，并尝试一些普通的轮廓字型。

#### 9、UI/UX 关注度

如果你想提高 UI/UX 的关注度，那么你必须通过以下技巧来优化内容。

* 搜索引擎优化
* 页面加载时间
* 清除冗余
* 压缩图片等

#### 10、引人注目的文章

在网站上制作高质量的内容是 SEO 时期最重要的因素，也会影响到你的网站排名和网站的整体表现。

受众会关注你独特的内容，因为每天都有很多内容发布在 Google 上，但你如何为用户提供独特的内容才是最重要的。

## 总结

创意来自于头脑，但却也暗示了你周围世界的真实场景，这个周围世界影响着你的全部想法和视角。

> 如果发现译文存在错误或其他需要改进的地方，欢迎到 [掘金翻译计划](https://github.com/xitu/gold-miner) 对译文进行修改并 PR，也可获得相应奖励积分。文章开头的 **本文永久链接** 即为本文在 GitHub 上的 MarkDown 链接。

---

> [掘金翻译计划](https://github.com/xitu/gold-miner) 是一个翻译优质互联网技术文章的社区，文章来源为 [掘金](https://juejin.im) 上的英文分享文章。内容覆盖 [Android](https://github.com/xitu/gold-miner#android)、[iOS](https://github.com/xitu/gold-miner#ios)、[前端](https://github.com/xitu/gold-miner#前端)、[后端](https://github.com/xitu/gold-miner#后端)、[区块链](https://github.com/xitu/gold-miner#区块链)、[产品](https://github.com/xitu/gold-miner#产品)、[设计](https://github.com/xitu/gold-miner#设计)、[人工智能](https://github.com/xitu/gold-miner#人工智能)等领域，想要查看更多优质译文请持续关注 [掘金翻译计划](https://github.com/xitu/gold-miner)、[官方微博](http://weibo.com/juejinfanyi)、[知乎专栏](https://zhuanlan.zhihu.com/juejinfanyi)。
