{"id":5531,"date":"2013-06-12T11:30:39","date_gmt":"2013-06-12T11:30:39","guid":{"rendered":"https:\/\/www.heartinternet.uk\/blog\/?p=5531"},"modified":"2013-06-12T11:30:39","modified_gmt":"2013-06-12T11:30:39","slug":"31-fresh-flat-design-reads-resources","status":"publish","type":"post","link":"https:\/\/www.heartinternet.uk\/blog\/31-fresh-flat-design-reads-resources\/","title":{"rendered":"31 fresh flat design reads &#038; resources"},"content":{"rendered":"<p> Flat design is swiftly becoming one of the fastest growing trends in web design. With the simplicity of Google&#8217;s and Microsoft&#8217;s latest offerings, it&#8217;s time to ditch the shadows and 3D effects and move towards bright, humble designs.<\/p>\n<p>If you want to find out more about flat design and how to make it work for you, check out the following articles:<\/p>\n<p><a href=\"https:\/\/designmodo.com\/flat-design-principles\/\" target=\"_blank\">Principles of Flat Design<\/a><\/p>\n<p><a href=\"https:\/\/webdesignledger.com\/tips\/the-flat-design-era\" target=\"_blank\">The Flat Design Era<\/a><\/p>\n<p><a href=\"https:\/\/designmodo.com\/flat\/\" target=\"_blank\">Flat UI Pro<\/a><\/p>\n<p>A Showcase of Flat Design Websites<\/p>\n<p><a href=\"https:\/\/www.designzzz.com\/flat-web-design\/\" target=\"_blank\">30+ Best Flat Web Design Examples<\/a><\/p>\n<p><a href=\"https:\/\/designmodo.com\/flat-design-colors\/\" target=\"_blank\">Making it Work: Flat Design and Color Trends<\/a><\/p>\n<p>We&#8217;ve also scoured the web for some of the more attractive flat design resources out there; take a look at our list:<\/p>\n<h4>200 Beautiful Flat Icons<\/h4>\n<p>A fantastic set of icons by Freepik and Noupe. Free to use for any kind of project.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design.jpg\" alt=\"flat-design\" \/><\/p>\n<h4>Freebie PSD: Flat UI Kit<\/h4>\n<p>Several different widgets that can be used for commercial and non-commercial purposes.<\/p>\n<p><a href=\"https:\/\/dribbble.com\/shots\/947782-Freebie-PSD-Flat-UI-Kit\" target=\"_blank\"> <img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design2.jpg\" alt=\"flat-design2\" \/><\/a><\/p>\n<h4>48 Free Flat Icons<\/h4>\n<p>Resizable vectors for websites, apps, infographics and anything else you can think of.<\/p>\n<p><a href=\"https:\/\/www.pixel-fabric.com\/flatilicious-48-free-flat-icons-18\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design3.jpg\" alt=\"flat-design3\" \/><\/a><\/p>\n<h4>Square UI Free Kit<\/h4>\n<p>A great big UI kit covering everything from video players to menu items.<\/p>\n<p><a href=\"https:\/\/designmodo.com\/square-free\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design4.jpg\" alt=\"flat-design4\" \/><\/a><\/p>\n<h4>20 Flat Icons (PSD)<\/h4>\n<p>128 x 128 icons that easily adapt to a wide range of projects.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design5.jpg\" alt=\"flat-design5\" \/><\/p>\n<h4>Plex<\/h4>\n<p>A set of Google-inspired icons for mobile\/personal use.<\/p>\n<p><a href=\"https:\/\/cornmanthe3rd.deviantart.com\/art\/Plex-287022406\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design6.jpg\" alt=\"flat-design6\" \/><\/a><\/p>\n<h4>Cosmo Mini Free<\/h4>\n<p>Lovely 40 x 40 PNG icons available for commercial use. These are also available in vector\/hi-res format for a small fee.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design7.jpg\" alt=\"flat-design7\" \/><\/p>\n<h4>Flat Apple family<\/h4>\n<p>Free PSDs of the Apple LED Cinema Display, MacBook Air, iMac, iPad, iPhone, and MacBook Pro.<\/p>\n<p><a href=\"https:\/\/numarislp.deviantart.com\/art\/Flat-Apple-family-PSD-361049992\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design8.jpg\" alt=\"flat-design8\" \/><\/a><\/p>\n<h4>Flat Credit Cards<\/h4>\n<p>A uniform set of flat design credit cards.<\/p>\n<p><a href=\"https:\/\/dribbble.com\/shots\/952897-Freebie-Flat-Credit-Cards\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design9.jpg\" alt=\"flat-design9\" \/><\/a><\/p>\n<h4>Flat Blog UI Kit PSD<\/h4>\n<p>This free UI kit is great for blogs.<\/p>\n<p><a href=\"https:\/\/www.psdexplorer.com\/psds\/flat-blog-ui-kit-free-psd\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design10.jpg\" alt=\"flat-design10\" \/><\/a><\/p>\n<h4>Flat Design Icons Set Vol1<\/h4>\n<p>A series of 16 lovingly crafted icons.<\/p>\n<p><a href=\"https:\/\/www.pixeden.com\/media-icons\/flat-design-icons-set-vol1\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design11.jpg\" alt=\"flat-design11\" \/><\/a><\/p>\n<h4>Flat Design Icons Set Vol2<\/h4>\n<p>Sixteen more beautiful free icons for you to use.<\/p>\n<p><a href=\"https:\/\/www.pixeden.com\/media-icons\/flat-design-icons-set-vol2\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design12.jpg\" alt=\"flat-design12\" \/><\/a><\/p>\n<h4>UI Kit<\/h4>\n<p>Great flat design UI kit available in both PNG and PSD.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design13.jpg\" alt=\"flat-design13\" \/><\/p>\n<h4>Free Flat Social Icons<\/h4>\n<p>Free downloadable flat social icons in EPS\/Ai format for Illustrator.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design141.jpg\" alt=\"flat-design14\" \/><\/p>\n<h4>Flat Icon Set<\/h4>\n<p>Plenty of excellent &#8216;pay with a tweet&#8217; icons.<\/p>\n<p><a href=\"https:\/\/dribbble.com\/shots\/1082152--2x-Flat-icon-set-PSD\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design15.jpg\" alt=\"flat-design15\" \/><\/a><\/p>\n<h4>Flat Vector Social Icons<\/h4>\n<p>These EPS vector icons are perfect for representing your social profiles.<\/p>\n<p><a href=\"https:\/\/www.vecteezy.com\/vector-icons\/53242-flat-vector-social-icons-eps\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design16.jpg\" alt=\"flat-design16\" \/><\/a><\/p>\n<h4>Flat UI Stripe design PSD<\/h4>\n<p>A stripe and icon combo provided in four different colours.<\/p>\n<p><a href=\"https:\/\/web3canvas.com\/item\/flat-ui-stripe-design-psd\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design17.jpg\" alt=\"flat-design17\" \/><\/a><\/p>\n<h4>Flat UI<\/h4>\n<p>A practical widget set in PSD form.<\/p>\n<p><a href=\"https:\/\/dribbble.com\/shots\/1002487-Flat-UI\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design18.jpg\" alt=\"flat-design18\" \/><\/a><\/p>\n<h4>Minimal UI Kit PSD<\/h4>\n<p>Free for both personal and commercial use, this simple UI kit is worth downloading.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design19.jpg\" alt=\"flat-design19\" \/><\/p>\n<h4>Flat Design PSD<\/h4>\n<p>This layered PSD design can be easily adapted to use almost as-is on a website, or provide the skeleton of a more complex design.<\/p>\n<p><a href=\"https:\/\/owen-walters.com\/flat-ui-web-design-free-psd\/\" target=\"_blank\"> <img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design20.jpg\" alt=\"flat-design20\" \/><\/a><\/p>\n<h4>Free Web User Flat UI Kit<\/h4>\n<p>A huge collection of elements ranging from icons to colour swatches.<\/p>\n<p><a href=\"https:\/\/designmodo.com\/demo\/flat-ui\/\" target=\"_blank\"> <img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design21.jpg\" alt=\"flat-design21\" \/><\/a><\/p>\n<h4>Free Flat Design PSD Template<\/h4>\n<p>Complete web design template in PSD form.<\/p>\n<p><a href=\"https:\/\/www.blazrobar.com\/2013\/free-psd-website-templates\/free-flat-design-psd-template\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design22.jpg\" alt=\"flat-design22\" \/><\/a><\/p>\n<h4>Flat UI Buttons<\/h4>\n<p>A small but perfectly executed set of buttons.<\/p>\n<p><a href=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design23.jpg\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design23.jpg\" alt=\"flat-design23\" \/><\/a><\/p>\n<h4>1262 Icons<\/h4>\n<p>A huge collection of over a thousand 40 x 40 icons.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design24.jpg\" alt=\"flat-design24\" \/><\/p>\n<h4>Simple Browser PSD<\/h4>\n<p>A minimalist design mockup of a browser.<\/p>\n<p><a href=\"https:\/\/keyners.pl\/freebie\/simple-browser-psd\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2013\/06\/flat-design25.jpg\" alt=\"flat-design25\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flat design is swiftly becoming one of the fastest growing trends in web design. With the simplicity of Google&#8217;s and Microsoft&#8217;s latest offerings, it&#8217;s time to ditch the shadows and&#8230;<\/p>\n","protected":false},"author":2,"featured_media":8204,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-5531","post","type-post","status-publish","format-standard","has-post-thumbnail","category-web-design"],"_links":{"self":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/comments?post=5531"}],"version-history":[{"count":0,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5531\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media\/8204"}],"wp:attachment":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media?parent=5531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/categories?post=5531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/tags?post=5531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}