2020年的设计最新趋势和灵感

在一个瞬息万变的行业中，网站设计师必须不断地在技术的最新更新与日新月异的设计趋势和偏好之间进行斗争。作为负责网站设计的，我发现最显着的趋势是客户抵制变化。

在过去几年中，我们与要求过时的样式和趋势的客户进行了很多分析与解答。如果不及时更新网站这通常会导致网站过时，甚至无法开始构建！为哈会这样说？这实际上很简单，大多数企业都喜欢对自己的竞争对手进行基准测试。例如，金融服务业务网站的典型预期寿命约为4年。实际上，这些客户的期望非常不准确。随着技术和设计趋势的日新月异，大多数网站将在大约18个月后开始出现老化迹象。这意味着客户从他们的竞争对手那里汲取了灵感，而这些竞争对手往往拥有过时的网站！

为了从新的Web设计趋势中获得灵感，我们必须首先考虑较早的那些，以避免出现。

 

 

1.动画网站轮播（滑块）

 

网站轮播或动画横幅广告是趋势的一个很好的例子，这种趋势终于在2020年开始消失。研究表明，首页是近95％的点击都在第一！）。你唯一可能应该考虑的动画幻灯片放映是在电子商务网站上进行的，信息子网站应坚持使用单一横幅，这也有助于提高网站加载速度。

 

 

2.高度分层的网站结构

建立网站可以追溯到8年左右的老牌网站设计师将记住简单的网站被分成多个页面的。这些在站点地图上每页有数百个单词，深度超过4个级别。访客不得不无休止地点击页面才能获得基本信息。考虑到耐烦的56kbps拨号调制解调器的连接速度，实际上令人困惑的是这是趋势。如今，当你在设计站点地图时，必须确保少即是多，不要在页面上填充文本！

 

 

3.过度使用动画

在被认为引人入胜的动画效果良好的网站与大量的幻灯片，淡入淡出和视差动画之间，我在访问成本较低的网站时经常会看到它们之间的平衡，请记住，你拥有的动画越多，加载和呈现给普通用户问题的时间就越大，网站简单点是最好不过的。不要误解这一点，巧妙地使用动画并采用“少即是多”的方法，确实可以帮助提高访问者的转化率并提高页面的参与度，只是不要过度使用。

 

4.Web设计趋势将从2020年汲取灵感

与许多趋势一样，趋势周期通常会随着时间的推移而重复出现并不断变化。最近，随着阴影的复苏，这一点显而易见。

 

（1）平面设计和阴影的复兴

尽管平面设计已经存在了好几年，但它仍然很强大。可能的主要原因之一是因为平面设计通常是矢量图像，可以高度压缩并在SVG上输出。这样可以确保图像保持视网膜清晰，而不会影响加载速度。

平面设计正逐渐变形为具有层次和深度的3D形状，最新趋势是少量使用阴影效果，使平面设计重获新生。

 

（2）精美的动画

在2020年，动画应该真正保持简单和微妙。在按钮上使用悬停效果时，最好进行细微的渐变变化和不分散访客注意力的动作。视差仍然是使页面栩栩如生的一种好方法，到目前为止，全年都没有迹象表明速度变慢。在多种设备上测试动画非常重要，以确保javascript / CSS不会导致页面抖动。

 

（3）抽象的形状和冒险的色彩

也许着重于确保网站快速加载的另一个结果是，矢量形状是一种使网站看起来既现代又不降低体验速度的好方法。可以在Adobe Illustrator（或类似工具）中创建小形状，并将其导出为SVG。这样可以使图像变得敏感，而不会影响页面大小。

 

（4）使用GIF表达情感

如果不确定GIF是什么，则你以前可能没有使用过手机或社交媒体。他们无处不在。在面对面互动急剧减少的时代，通过内容和对话传达情感变得越来越困难。网站所有者经常难以传达其内容的关键领域之一是个性和情感。在博客文章，网站文章使用GIF是一种极好的方法，可以全面展现产品或服务，也可以提高与观众互动。

 

（5）阅读进度条

一个相对较新的趋势正变得越来越流行，那就是在博客文章或文章的顶部显示一个简单的进度条。这将自动计算读者阅读文章的距离。这是一个不错的工具，可以降低跳出率并增加页面停留时间，因为访问者无需担心阅读量会更多。

 

（6）Google AMP

Google AMP也许是2020年最重要的新趋势之一，它是一种相对较新的方法，几乎可以立即显示内容。前提很简单，少即是多，通过在你的网站页面上启用AMP，移动查看者将能够在熟悉的超快速环境中单击你的文章并访问你的页面。Google会在本地缓存页面，以便更快地呈现它们。唯一的限制是AMP页面具有基本布局。