导语：

几年前，从拟物化向平面设计的转变中，阴影这样的元素突然被认为过时了。

随着平面设计慢慢地发展到不过分火热的时候，设计师重新回归到过去的设计风格，拿出一些元素用到现在的设计中。阴影的发展就是个例子，因为它与现在盛行的简约风格、扁平化元素形成了鲜明的对比。

在本文中，我们将回顾阴影元素在web设计中最优秀的案例。

Julian Buehler

野兽派设计, Julian Buehler’s 网站运用了极致的3D效果，而阴影使图像立体又深邃。

认真看，不难发现，这些阴影让物体产生了一种真实的感觉，并且在打造特殊的物体时，很容易达到不错的效果。

Ustwo

这是一个微妙的设计，Ustwo的做法是重叠的文字，形成一个分层结构效果。这就使这个作品看起来一部分是分离的，同时视角也很吸引人。

ATOLYE15

ATOLYE15巧妙地利用阴影，在白色块下产生了重点区域透明的效果。

其实只是增加了这一小步操作，但是效果很明显。在阴影元素运用中这也算一个不错的案例。

Better

在设计中Better是独树一帜的，比如下图的案例，因为阴影和物体图像是相关联的，所以这会给人造成一种假象，这里本身就放着一个表，或者一个订书机。

Plasso

Plasso是一个优秀的网站设计。阴影元素的应用是十分克制的，但却是完美的。它们只在主要的CTA按钮和内容卡上应用了阴影，所以虽然是一个非常简单的设计，但是，是非常突出的设计方法，可以让人注意到所有重要的区域。

Stripe Sigma

Stripe的设计方向让人印象深刻。在发展中，它的作品中不乏很多出色的阴影元素运用的案例。

Smallchat

Smallchat在色彩丰富的地方和细微之处运用了阴影元素。这使产品和图像之间形成了对比，把文字内容和图像区分开。

整个设计因此变得更吸引人，并实现了页面的层次，让访客能看到一个完美的着陆页。

Scaphold

在这个例子中，它使用了各种各样的阴影样式，包括粗糙的、柔和的、更高的阴影，这些阴影产生了让人感到图像是漂浮在半空中的幻觉。

如果您有不错的阴影元素的设计方案

欢迎留言分享！