Comment aborder le flat design en 2013 ? 23 exemples à suivre

Exemples de Flat design - Magazine du Webdesign

Le flat design est un style graphique ayant pour objectif d’écarter tout élément graphique n’apportant aucune valeur significative à la structuration d’un template. Ce type de design visuel fait donc abstraction des éléments purement « décoratifs ». Les dégradés, les reliefs, les volumes, les formes réalistes sont gommés pour laisser la place à de simples aplats. Il s’agit d’une approche visuelle minimaliste où le design est lissé. En voici quelques exemples réussis.

flatui_kit-psd-html

Les exemples de flat design présentés ci-dessous font suite à l’article concernant le débat Skeuomorphisme vs. Flat design. Je vous invite à le lire avant de découvrir cette liste.

Imavex

Imavex

2012 Year on Twitter

2012 Year on Twitter

Harvest

Harvest

rdio

rdio

Squarespace

Squarespace

Grooveshark

Grooveshark

Combadi

Combadi

Finely

Finely

Layer Vault

Layer Vault

Kera

Kera

Microsoft

Microsoft

Circles Conferences

Circles Conferences

The Noun Project

The Noun Project

So World Wide

So World Wide

Women and Tech

Women and Tech

SpellTower

SpellTower

Manos

Manos

Skype

Skype

Artsy

Artsy

Build Conf 2012

Build Conf 2012

One Pager

One Pager

New MySpace

New MySpace

Nest

Nest

Ne perdez pas votre temps à réinventer la roue, utilisez Flat UI Pro, le kit PSD & HTML compatible avec Twitter Bootstrap.

Kit Flat UI Pro

Par Guillaume Palayer Un chasseur-cueilleur et un curieux avant tout des dernières avancées du monde des Internets. Fondateur du Magazine du Webdesign, un blog-cerveau à propulsion humaine, ayant pour mission de faire le tri dans le bruit du Web afin de proposer les meilleurs contenus à la communauté du Magazine du Webdesign.

Inscrivez-vous à la newsletter du Magazine du Webdesign

Inscrivez-vous à notre newsletter afin de recevoir chaque mois une sélection des meilleurs articles et ressources.

Designmodo Shop

Commentaires (11)

  1. Ping : Comment aborder le flat design en 2013 ? 23 exemples à suivre | Webdesign et magie des Internets | Scoop.it

  2. Ping : WEB | Pearltrees

  3. Jrmlwnsk

    Bonjour,

    Article intéressant, mais le lien que vous énoncez dans votre introduction est introuvable :/

    C’est bien dommage, car j’aurais souhaité le lire avant de regarder les exemples.

    Bonne journée.

    • Bonjour Jéremy,

      Merci pour le signalement, le lien est à nouveau fonctionnel.

      Bonne lecture.

  4. Jrmlwnsk

    Bonjour Guillaume,

    Merci pour votre réponse. C’est donc bien le même lien que j’avais trouvé.

    Bonne journée.

  5. Ping : Comment aborder le flat design en 2013 ? 23 exemples à suivre | Yann Dortindeguey Conseil | Scoop.it

  6. Ping : Comment aborder le flat design en 2013 ? 23 exe...

  7. Terence Desclain

    Que de beaux examples de flat ui :)

    Très attrayant, on se permet de proposer notre site web tout de flat vêtu !
    http://who-wanna.com il permettra bientôt de télécharger notre application (elle aussi toute flat) qui est actuellement en développement.

    Merci de votre attention et continuez ainsi !

  8. Ping : Le flat design, son historique, ses enjeux | Manoz de manoz.fr

Laisser un commentaire

Yep, vous souhaitez poster un commentaire... complétez les trois champs ci-dessous. Pas de spams, protégeons les Internets.

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

↑ Haut de page