Articles tagged as ‘Icons’

25 Incredible Examples of Flat Design

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.

Websites

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

Read More »

Free Resources for Creating a Flat Design

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.

UI Kits

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.

DesignModo Flat UI

Read More »

Free Outline Icons

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.

Outline Icons

Read More »

Free Set of Hand-Drawn Icons

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.

Free Hand-Drawn Icons

Read More »
Page 1 of 212