27种惊人的CSS拟态设计

我们大多数人还记得平面设计之前的那个时代,当时用户界面不是由简约的图标和鲜艳的色彩组成,而是设计为看起来非常类似于其物理对应物的对象。这种模仿是一种设计趋势,称为拟态。拟态设计意味着通过使用阴影,使视觉和图像看起来像是对现实生活对象的逼真模仿, 渐变色,斜角和3D效果。每个趋势迟早都会被新的趋势所改变,拟态设计被一个 平面设计,它着重于简单性,并在某种程度上解决了加载时间和响应速度的问题。

如今,扁平化设计仍然很普遍,而拟态似乎完全不存在。其他人指出,拟态化正在虚拟现实和增强现实中卷土重来。对我来说,平面设计已达到顶峰。许多新设计趋向于回归 拟态。所以在这篇文章中’我们收集了27个惊人的CSS拟态设计作为灵感。

1. 苹果键盘

看笔 苹果键盘 由乔恩·坎特纳(@jkantner) 上 密码笔.


2. 逼真的纯CSS手机

看笔 逼真的纯CSS手机 由Grzegorz Witczak(@Wujek_Greg) 上 密码笔.


3. 应用程式图示– Setting

看笔 应用程式图示– Setting 由nicolazj(@nicolazj) 上 密码笔.


4. 宝丽来快照现实

看笔
宝丽来快照现实
由William A. |凯恩(@Keyon)
密码笔.


5. 纯CSS IOS按钮

看笔 纯粹的CSS iOS按钮 由Daljeet Dhaliwal(@daljeet) 上 密码笔.


6. 宝丽来相机

看笔 宝丽来相机– Old Pictures to 的CSS 由Malaika Ishtiaq(@MalaikaIshtiaq) 上 密码笔.


7. 应用程式图示– Slow Shutter Cam

看笔 应用程式图示– Slow Shutter Cam 由nicolazj(@nicolazj) 上 密码笔.


8. 多彩的CSS3图标

看笔 多彩的CSS3图标 由Tomas Dostal(@tomino) 上 密码笔.


9. 盒式磁带图标– 的CSS Only

看笔 盒式磁带图标– 的CSS Only 由John Urbank(@jurbank) 上 密码笔.


10. 天气&在CSS中为iOS7图标计时

看笔 天气&在CSS中为iOS7图标计时 由Matthew A.K.史密斯(@akselkreis) 上 密码笔.


11. 老式模拟电视

看笔 老式模拟电视 由乔恩·坎特纳(@jkantner) 上 密码笔.


12. 拟态音频播放器

看笔 拟态音频播放器 由Josh Bader(@joshbader) 上 密码笔.


13. 大旋钮(纯CSS)

看笔 大旋钮(纯CSS) 由Josh Bader(@joshbader) 上 密码笔.


14. Javascript计算器

看笔 Javascript计算器 由Swapnil Sharma(@ swapsha96) 上 密码笔.


15. 带有HTML,CSS的模拟时钟& js

看笔 带有HTML,CSS的模拟时钟& js 由京介(@ ky0suke) 上 密码笔.


16. 电灯拨动开关

看笔 电灯拨动开关 由卡西迪·威廉姆斯( @cassidoo) 上 密码笔.


17. 真正的宝丽来

看笔 真正的宝丽来 通过HIC(@嗝) 上 密码笔.


18. 互动Nintendo GameBoy(仅CSS3 + JS声音)

看笔 互动Nintendo GameBoy(仅CSS3 + JS声音) 由Manz(@manz) 上 密码笔.


19. 大果冻纽扣

看笔 大果冻纽扣–最初由狂言 由阿伦·亨特(@arronhunt) 上 密码笔.


20. 五彩纸屑按钮

看笔 五彩纸屑按钮 由Mikael Ainalem(@ainalem) 上 密码笔.


21. 载入3D ROD

看笔 载入3D ROD 由Samuelllr(@samuellr) 上 密码笔.


22. 的CSS啤酒!

看笔 的CSS啤酒! 由Mike Golus(@mikegolus) 上 密码笔.


23. 纯CSS静物– Water and Lemons

看笔 纯CSS静物– Water and Lemons 由本·埃文斯(@ivorjetski) 上 密码笔.


24. 新的2019 Mac Pro:如何打开

看笔 新的2019 Mac Pro:如何打开 由Josh Bader(@joshbader) 上 密码笔.


25. Nintendo Switch纯CSS

看笔 Nintendo Switch纯CSS 由K750i(@k750i) 上 密码笔.


26. 纯CSS灯泡开关

看笔 纯CSS灯泡开关 由Grzegorz Witczak(@Wujek_Greg) 上 密码笔.


27. 的CSS相机

看笔 的CSS相机 由卡西迪·威廉姆斯( @cassidoo) 上 密码笔.


发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.