Entries Tagged as 'Icons'
It almost seems that this year flat designs have taken over the world of graphic design by force, but especially in the arena of mobile apps with the first industry-shaking flat design being for the iPhone5. Reality is that flat design has been around longer than the emergence of the iPhone5, but of course it was Apple that helped to bring such cross-industry awareness to the design style.
You ask almost anyone who owns an iPhone5 or who has read about the design in the news, and they’ll describe flat designs as, well, flat. In the design world, flat indicates a design style that avoids 3D effects, animation, and other bling-bling. Most flat designs also include lots of illustration, bold use of colors, and fairly minimal layouts. Just as with any style in graphic design, however, most flat designs do not include all of these aspects. A design can be usually agreed upon as flat if it includes more of these minimal aspects and less of the “extras”.
As mentioned beforehand, you can find flat designs in almost every area of graphic design. The list below includes websites, icons, and mobile apps that most would agree fall under the “flat design” category. Most very clearly follow the guidelines, if you will, for flat, but please feel free to share in the comments below if you have found a better example.
The following flat website designs use several flat aspects in a large part of the design scheme. A few do include a bit of animation, but were so minimal that they still fall under the flat design category.
Operativnik Website Design by Felix Baky
Flat designs are taking over quite quickly it seems. I doubt anyone could argue against it being the latest and greatest for (fairly) new trends on the web, in mobile devices, and even in print. The simple description for a flat style of design is one that lacks 3D effects, such as bevels or drop shadows.
The stylistic details of a flat design can vary somewhat, just as with most design styles. Usually, though, a flat design is quite minimalist with primary-ish colors and lots of “white space”. The font is usually thin without too much flare. Boxes and buttons are, of course, without strokes or 3D effects. Some flat designs do contain shadows, but these are usually flat-ish as well.
Whether you are new to flat design or simply need some fresh, new resources for your next project, most should be able to find a few items below to help. The list below is divided into 5 categories: UI kits, icons, templates, WordPress themes, and tutorials. The best part? All are free. The ones that specifically mention “free for commercial use” are noted as well. Have fun browsing and be sure to let us know of any other amazingly free flat resources.
A UI kit is a user interface collection that comes with all the parts and pieces you need to design your own website. Usually they are PSD but sometimes will come with other components as well. While you can use the color scheme in the file, you can create your own color scheme. They also come with patterns, brushes, and much more. Hence, UI kits save a web designer a lot of time, improving workflow and decreasing time spent on projects.
Today we have a free download that will allow you to create your own custom avatars. The icon elements come in Adobe Illustrator format and you can mix and match various elements to create your own avatar.
Today we have a huge set of free icons. They are minimal icons designed with an outline style, and are highly useful for a wide variety of web and app design projects. The set includes almost 200 icons. They come in .png format in 3 different colors (black, white, gray), and the PSD files are included as well.
Today we have a free set of 16 stylish web icons! The icons come in vector format (.ai and .eps files) so you can resize them as needed without losing quality. The set includes a variety of the most commonly used icons for web design.
Today we have a special free gift from our friend Damian Watracz. Damian has designed a number of awesome resources for Vandelay Premier, and today we have a set of icons that he has offered for free to readers of the Vandelay Design blog! The set includes 28 different icons all with a stylish hand-drawn look.
The icons come in PSD format (all in one PSD file). They are made of vector shapes so they can be re-sized and scaled to meet your needs. You can easily style the shape layers to change colors or add other effects.
Our friends at Iconshock have designed a beautiful set of photography icons for you, the readers of the Vandelay Design blog! The set includes 10 high-quality icons that are perfect for use in photography-related web projects. Each icon comes in .png format (256 px x 256 px).
Our friends at IconShock and WordPressThemeShock have designed a beautiful set of 10 icons especially for our blog readers. The icons can be download for free from Vandelay Premier. Please visit this page and use the promo code “iconshock” to get the icons for free. Each icon comes in PNG format, plus the original source Illustrator files are included.
Our friends at IconShock have designed another set of free icons especially for readers of the Vandelay Design Blog! This set includes 10 icons in PNG and .ai format. These can be used in your personal and commercial projects.
Our friends at IconShock have designed another set of free icons especially for the readers of the Vandelay Design blog. This set includes 6 icons (in PNG format) that can be used for personal or commercial purposes.