在过去的几个月中, 平面 设计一直是一个非常热门的话题,我们在之前的文章中也对此进行了数次讨论。 现在,如果我们看看周围的网站和移动应用程序,它们中的一些比较平坦-没有阴影,纹理,仿皮和渐变色。
该设计看起来更简单,宽敞且分散注意力。 它使您可以专注于内容,这对用户来说是最重要的。 我不知道这种趋势会发生什么?
最近,设计社区出现了一些新趋势,我认为这是在设计师尝试修复iOS 7古怪图标时开始的。 发起这一趋势讨论的杰夫·埃斯卡randint ( Jeff Escalante )将其称为“ 长阴影设计” 。
他概述了“长阴影”设计具有一些典型特征:阴影以大约45度角延伸,并且大小是对象的2.5倍。 这是一个例子。
![ios图标](https://i-blog.csdnimg.cn/blog_migrate/f6a8bf117891adfde8a03d9405f5cfc4.png)
从上面可以看到,结果令人着迷。 阴影具有深度感,但仍保持对象的平整外观 。 仅使用CSS3才能获得如此长的阴影效果是棘手的。
但是,我们也不知道这种Long Shadow设计是否会成为未来的趋势。 对我来说,将其应用于图标和徽标更加合乎逻辑和明智。 笼罩着这种阴影可能看起来很尴尬,并且感觉不合适。
同时,这里还有更多“长影”设计示例,我们将它们汇总在一起以启发您。
艾尔丁·赫里克(Eldin Heric)的Apple标志 。
![](https://i-blog.csdnimg.cn/blog_migrate/271fe559392912a8fc545ca95a95c48c.png)
JustD的Skype 。
![](https://i-blog.csdnimg.cn/blog_migrate/f5cdac80ce83d554bcc857c7886d2247.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0d2c39f6fe78a16a404d6a5da4e54807.png)
Livin的Maxton Browser 。
![](https://i-blog.csdnimg.cn/blog_migrate/56d34390b034f749a5283a396a45d8b2.png)
![](https://i-blog.csdnimg.cn/blog_migrate/16d9266156a75200ade71ea0d8256d4f.png)
Slava Breskovniy的相机 。
![](https://i-blog.csdnimg.cn/blog_migrate/1527de4949119fa36dd830833dc9450d.png)
Mitchell Pash的iOS7 Safari 。
![](https://i-blog.csdnimg.cn/blog_migrate/b09b7d1be25f3ffc844f6df3f99ab13c.png)
雅各布·卡明斯的音乐 。
![](https://i-blog.csdnimg.cn/blog_migrate/98db1895ec188318291ad2fb5d22ae6f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/81d43b4871d09e7b984656ef189193f7.png)
miguelcm的Flat Club 。
![](https://i-blog.csdnimg.cn/blog_migrate/60b2ca53ffea72fde0c2a0b92e2c33c9.png)
Kreativa Studio 的《钢铁侠》 。
![](https://i-blog.csdnimg.cn/blog_migrate/3eae17a1cc592a71ef071867eb714362.png)
Thomas Snop的Internet Explorer 。
![](https://i-blog.csdnimg.cn/blog_migrate/0c4d0f1c27217d6e83afee2030c64d2b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5ceec4a10afa38f0ed664c5b0321d472.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4f652e07da74207da87a3d2dcae71035.png)
![](https://i-blog.csdnimg.cn/blog_migrate/fa4ec45baa404259afa56e1eac61b846.png)
Eldin Heric的个人徽标 。
![](https://i-blog.csdnimg.cn/blog_migrate/f154ca3e7e24723883bacc9a977df930.png)
Bart Zimny的PressPad 。
![](https://i-blog.csdnimg.cn/blog_migrate/8647f189de5bcc2e670a3dc0281a3346.png)
plicploc的iTunes Radio 。
![](https://i-blog.csdnimg.cn/blog_migrate/7535f796f941f8906055e2fe5a0762cc.png)
Ben Lee的Rubee 。
![](https://i-blog.csdnimg.cn/blog_migrate/4a9ae8ac1f3e27aaec728f7fc2690bf6.png)
诺亚·斯托克( Nah Stoke)的Motherfuton新闻 。
![](https://i-blog.csdnimg.cn/blog_migrate/11d740447ffbc611b56a248293b27bff.png)
![](https://i-blog.csdnimg.cn/blog_migrate/809e04d111e89bef243753031e6987bb.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0ddd61f8461516381d8c8bbb30555a2d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/4db7092b6f1ecaf3e4514ec8677bb896.png)
![](https://i-blog.csdnimg.cn/blog_migrate/69b6ac96cd6a1d0415c4fabefd3c671b.png)
由图形汉堡的社会平面图标 。
![](https://i-blog.csdnimg.cn/blog_migrate/7f532021145312669a5624aedc829ad9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e54b43d2f415b6d2e85784b596088fe9.png)