扁平化设计的流行,源于它简约的设计态度。扁平设计去除所有多余的元素和功能,在网页设计,如图形,声音,渐变,3D元素,阴影效果等,可以使设计看起来紧凑和充满吸引力。在这篇文章中,我收集了30个免费的扁平化设计PSD素材,这些对设计师很有用。
1. FREE User Interface with Cold Colors
![](http://s9.51cto.com/wyfs01/M01/16/1D/wKioOVITHGvDyxHFAABmJ93nBxc034.jpg)
(http://www.techandall.com/user-interface-ui-kit-with-cold-colors-psd/)
2. 45 Long Shadow Social Media Icons
![](http://s6.51cto.com/wyfs01/M01/16/1C/wKioJlITHGuChtunAABnDdHZkM8143.jpg)
(http://dribbble.com/shots/1147152-45-Long-Shadow-Social-Media-Icons-Free-Psd)
3. iPhone Front View (fireworks Vector)
![](http://s1.51cto.com/wyfs01/M00/16/1C/wKioJlITHGvguJaaAAA1netzSys513.jpg)
(http://dribbble.com/shots/1156174-Day-1-Free-a-project-each-an-everyday-fireworks-project)
4. FlexIcons Free PSD
![](http://s6.51cto.com/wyfs01/M00/16/1D/wKioOVITHGvB--sgAAA2LRslPrQ022.jpg)
(http://dribbble.com/shots/1174476-FlexIcons-Free-PSD)
5. Social network flat style header
![](http://s1.51cto.com/wyfs01/M00/16/1D/wKioOVITHGvgGNocAABIY19iu0s920.jpg)
(http://www.tempees.com/free-download/social-network-header-small-kit)
6. Message Widget
![](http://s8.51cto.com/wyfs01/M00/16/1C/wKioJlITHGyCxIJXAABLRpsj5as061.jpg)
(http://dribbble.com/shots/1171091-Message-Widget)
7. Boldy, Minimal one-page Portfolio
![](http://s5.51cto.com/wyfs01/M01/16/1C/wKioJlITHGyTrSHSAABoSo_K5Mo348.jpg)
(http://dribbble.com/shots/1168356-Boldy-Minimal-one-page-Portfolio)
8. PSD & CSS Button State Workfiles
![](http://s7.51cto.com/wyfs01/M01/16/1D/wKioOVITHGzB33ZrAAArwb8Vy3I553.jpg)
(http://dribbble.com/shots/1167728-PSD-CSS-Button-State-Workfiles)
9. Camera And Video Camera Icons
![](http://s6.51cto.com/wyfs01/M01/16/1D/wKioOVITHGzwlonyAAAyXTTJOzc687.jpg)
(http://dribbble.com/shots/1168127-Camera-And-Video-Camera-Icons)
10. Flat Tabbed Content Freebie
![](http://s3.51cto.com/wyfs01/M01/16/1C/wKioJlITHGySOxQqAABNymx9flk202.jpg)
(http://dribbble.com/shots/1162119-Flat-Tabbed-Content-Freebie)
#p#
11. Flat Devices
![](http://s8.51cto.com/wyfs01/M00/16/1C/wKioJlITHGzAxCa5AAAdQPSPIJ8256.jpg)
(http://dribbble.com/shots/1162544-Flat-Devices)
12. Free Flat UI Kit
![](http://s7.51cto.com/wyfs01/M00/16/1D/wKioOVITHGyhxKr9AAHbLaBrdYs932.jpg)
(http://www.behance.net/gallery/Free-Flat-UI-Kit/9819319)
13. Flattastic Free
![](http://s5.51cto.com/wyfs01/M00/16/1D/wKioOVITHG2jwYRCAAENC8PP7n0976.jpg)
(http://dribbble.com/shots/1163553-Flattastic-Free)
14. 24 Free Skinny Icons
![](http://s8.51cto.com/wyfs01/M00/16/1C/wKioJlITHG3DSXjpAAAcn4B_HKs637.jpg)
(http://dribbble.com/shots/1163804-24-Free-Skinny-Icons)
15. Calm – Free Creative Simple Portfolio & Blog PSD
![](http://s1.51cto.com/wyfs01/M01/16/1C/wKioJlITHG2jTa8EAABYxVq2xzo762.jpg)
(http://www.behance.net/gallery/Calm-l-Free-Creative-Simple-Portfolio-Blog-PSD/9953475)
16. Acrostia – free one page PSD
![](http://s2.51cto.com/wyfs01/M01/16/1D/wKioOVITHG2iXyHIAABLbbKf4b4725.jpg)
(http://outlinez.net/acrostia-free-one-page-psd-template/)
17. Login Dialog Freebie
![](http://s5.51cto.com/wyfs01/M01/16/1E/wKioOVITHG3B5glQAAAhG-9y4so579.jpg)
(http://dribbble.com/shots/1153084-Login-Dialog-Freebie)
18. Gmarellile Flat Icons Free
![](http://s6.51cto.com/wyfs01/M01/16/1C/wKioJlITHG2hTzWjAAEzMR1NlRA967.jpg)
(http://www.behance.net/gallery/Gmarellile-Flat-Icons-Vol20-For-FREE/10089055)
19. Free Activity feed with PSD
![](http://s8.51cto.com/wyfs01/M00/16/1C/wKioJlITHG3jbxfvAADeeurkQAI984.jpg)
(http://dribbble.com/shots/1160331-Free-Activity-feed-PSD)
20. Flat Web Elements .PSD
![](http://s8.51cto.com/wyfs01/M00/16/1E/wKioOVITHG7RORygAABEhlH_fW4454.jpg)
(http://www.techandall.com/flat-web-elements-psd/)
#p#
21. Free Flat Vector Icons
![](http://s4.51cto.com/wyfs01/M00/16/1E/wKioOVITHG7iBa7iAAB9JsN5QLM011.jpg)
(http://medialoot.com/item/free-flat-vector-icons/)
22. PSD – Color Picker
![](http://s4.51cto.com/wyfs01/M00/16/1C/wKioJlITHG-BOIQHAABt8_HTf38302.jpg)
(http://dribbble.com/shots/1143676-PSD-Color-Picker)
23. Sign in – Flat design – Free PSD
![](http://s4.51cto.com/wyfs01/M01/16/1C/wKioJlITHG_hTfxYAABWIil5Tcc533.jpg)
(http://www.behance.net/gallery/Sign-in-Flat-design-Free-PSD/10064339)
24. Gmarellile Flat Long Shadow Icons Collections
![](http://s7.51cto.com/wyfs01/M01/16/1E/wKioOVITHG_jdpe-AAC3JvQbNpg655.jpg)
(http://www.behance.net/gallery/Gmarellile-Flat-Icons-Collections/9955159)
25. Music App History Screen
![](http://s4.51cto.com/wyfs01/M01/16/1E/wKioOVITHG-TRBemAAAyP2IFGYc540.jpg)
(http://dribbble.com/shots/1141906--psd-freebie-Music-App-History-Screen)
26. Freebie .psd – Code Editor – Light
![](http://s3.51cto.com/wyfs01/M01/16/1C/wKioJlITHG_RAW4eAAAiQWz50sQ904.jpg)
(http://dribbble.com/shots/1137366-Freebie-psd-Code-Editor-Light)
27. Color Picker UI (FREE PSD)
![](http://s3.51cto.com/wyfs01/M00/16/1C/wKioJlITHG_zlaumAABDcmL5rww583.jpg)
(http://dribbble.com/shots/1134399-Color-Picker-UI-FREE-PSD)
28. iOS UI Kit Freebie
![](http://s3.51cto.com/wyfs01/M00/16/1E/wKioOVITHG_jx6PwAAA5MiiLJjg570.jpg)
(http://dribbble.com/shots/1134470-iOS-UI-Kit-Freebie)
29. Musicplayer with PSD
![](http://s3.51cto.com/wyfs01/M00/16/1E/wKioOVITHG_SQ-FRAAAoEAxerBs014.jpg)
(http://dribbble.com/shots/1128318-Musicplayer)
30. 15 free flat devices
![](http://s3.51cto.com/wyfs01/M00/16/1C/wKioJlITHG-yRm4gAAA4NQSJBoE757.jpg)