Flat design has become increasingly popular throughout 2013. So much so that we have seen a large amount of big digital and software based companies adopt flat design principles to some degree.
As a design savvy creative, you most probably will need to create some sort of Flat Design based interface in 2013, whether that be a simple app icon or an entire website for a client.
There are a lot of free Flat Design resources on the web these days, but not many articles where everything is together in one place. Luckily we have compiled this comprehensive list to help you with your next project. We have carefully selected only the best free flat design resources for your enjoyment and organized everything into sections. We have included everything from PSD templates and mock-ups to fonts and icons.
Here is a summary of what we have included:
- UI Templates – UI elements and complete packs.
- Web Templates – The hottest free flat website templates.
- Icons – Only the best free flat icon packs.
- Glyphs – Free glyph packs for flat design.
- Fonts – Clean and new fonts for flat design.
- Color Palettes – A really important part of flat design
- Mock Ups – Showcase your work.
- Further Reading and Learning Resources.
UI Templates
UI templates are a great way to get your latest project up and started quickly. If you are under time-frame restraints you may need to be less picky about your designs and opt for a less unique look. Also they can provide great insight into how other designer set-up their workflow and help you get things moving. Here we have carefully selected only the best, most high quality and professional standard templates.iOS 7 UI Components
Blue and White Flat Mobile UI Kit PSD
Blog/Magazine Flat UI Kit
Long Shadow Flat UI Kit
Freebie PSD: Flat UI Kit
Modern Touch UI Kit
Flat UI Kit (Free PSD)
Download
iOS 7 GUI Template
Flat Avengers Web UI Kit PSD
Metro Style Free Flat UI Kit
Flattastic UI kit
Free Web User Interface Design Kit PSD
Mobile UI (Free PSD)
Flat Design UI Components
Flat Styled Purple and Dark Web UI Kit PS
UI kit with Cold Colors .PSD
Clean and Pink Flat Web UI Kit PSD
Freebie Psd – UI Kit
Download
Color UI Kit
Free modern ui psd
Vertical Infinity UI PSD
Download
Minimal UI Kit PSD
Weather App PSD
Flat User Interface Set
Flat UI Elements
FREE weather app design PSD
Red User Interface Design Kit PSD
Free Flat UI Kit
Free Clear UI Kit
Web Templates
If you’re designing designing for the web, there are a number of good web templates for flat design. Again these can help create a good starting point and base for your project, and have you up and running in no time. Here we have carefully selected the best free flat design appropriate web templates for download.Host Compare
Calm
Blue-Box
Motion
Business Stack
Microframe
Seabird
Orange
Extraordinary
Kyte
Modus Versus
Thunder
UI Kit
Paper
Web App UI
Business Theme
Download
Viewport
BS Lite
Vertical Infinity
Download
Serenity
Icons
Icon packs are a great asset to have as part of your creative tool-set, and there are a number of great free sets for flat design. If you want your design to more unique, you can always edit the icons to create your own. Here are the the best flat design icon packs for download.Metro UI Icon Set
Wireframe Flat UI System Icons
Flat Social Media Icon Pack
Circle Flat Icon Pack
Flat System Icon Pack
Authentic Themes Flat Icon Set
Flat Web Icon Set
Square Social Icon Set
Google JFK Icon Set
Long Shadow Flat Icon Set
Flat Colourful Icon Set
Round Edge Icon Set
90 Free Flat Icon Pack
Free Flat Icon Glyph Pack
Light Android Icon Set
12 Free Flat Icons
Pro Line Icon Pack
Free Flat Icon Set
Download
Free Flat Stylized Icon Set
Glyph Packs
Glyph packs are great for web design, particularly for adding the final touches to your work. If your creating a mobile app or a webpage, glyphs can really ad a nice finish to your design. Here we have collected a number of new and fresh glyph packs for flat design.Glyphicons (420+ glyphs)
Download
iOS 7 Glyphs (24 glyphs)
Minicons (35 glyphs)
Pyconic Icon Set ( 400 glyphs)
Pixel Perfect Glyph Set (140 glyphs)
Bubble Glyph Pack (108 glyphs)
UI Icon Pack (100+ glyphs)
28.7 Project (100+ Glyphs)
Gemicons (600 glyphs)
Free Windows 8 Icons (200+ glyphs)
80 Shades of White (80 glyphs)
Glyph Icons Version 1 and 2 (100+ glyphs)
Cleanicons (350+ glyphs)
Application Icon Set (120 glyphs)
Fonts
Fonts and typefaces make up one of the most important and integral part of any design. For flat design, you need to use clean and modern sans-serif based typefaces. Having said that, feel free to experiment with serif based fonts, however from my experience they don’t work very well. Here we have selected the best modern and new free fonts for flat design.Eight One
Nexa
Fairview
Bourbon
Dekar
Download
Kelson Sans
Tracks
Compass
Aller
Franks
Continuum
Mentone
Prime
Lintel
Casper
Infinity
Color Palettes
Color choice is probably one of the most over-looked aspects of design and is really one of the most important parts. Creating a good color palette for you project is really important, as it sets up the entire tone of your design. For flat design you need to choose these colors carefully. Below we have carefully selected a list of color palette resources for flat design.Flat Design Color Palette
Flat Design Photoshop Color Swatches Vol. 1 (500 Colors)
Flat Design Photoshop Color Swatches Vol. 2. (500 Colors)
Mock-Ups
So you have finally finished your project, now it’s time to show case all that hard work. A good mock-up of your design can make or break your design, whether it is for a client or yourself. Here we have selected the best free mock-ups for flat design. We have tried to include a mixture of different types of mock-ups such as app screens, websites and photo-realistic products.Perspective Screens Mock-Up
Perspective App Screen Mock-Up 5
App Front Screen Mock-Up
App Screen Front View Mock-UP
Isometric Perspective Mock-Up
Perspective Screen Mock-Up Vol. 3
Angles App Screen Mock-Up
Responsive Layout for Flat UI
Mac Book Pro 15x Mock-Up Pack
Responsive Design Mock-Up Pack
Download
iPone 5 Mock-Up
New Thin iMac Mock-Up
Android Flat UI Mock-Up
iPad Mini Photo-Realistic Mock-Up
Flat iPhone Mock-Up Pack
Flagship Smart-Phone Flat UI Mock-Up
Flat UI Browser Mock-Up Pack
Finally, we hope you enjoyed this post and have found something that will help you with your next design project. If you have any comments or questions, feel free to leave us a comment below. Thanks.
0 comments:
Post a Comment