SlideShare a Scribd company logo
1 of 32
Download to read offline
Flat design :
mode passagère
ou tendance durable ?
Jean-Philippe Cabaroc
cabaroc.com
@cabaroc
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013


                      Les tendances sur le web
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




                         Flat ?
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




                                                 Avant le flat,
                                                              un autre style
                                                               populaire…
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Le skeuomorphisme
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Le skeuomorphisme
Éléments de design d’une technologie nouvelle qui s'inspirent
       d’éléments d’une technologie plus ancienne.
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




             Flat : simplification des formes
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013
Caractéristiques
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




                                                    Kiss (keep it simple, stupid)
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Icônes
synthétiques
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Polices non
standards
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Aplats de
couleurs
vives
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




                                                                       Illustrations
le flat :
nouveau ?
Non
Non
  2 circonstances
popularisent le genre
Responsive
Source : http:/
              /2designers.wordpress.com/2012/09/12/whats-rwd-responsive-web-design/
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Google                                          Windows 8




                                                                        http://bit.ly/cabarocwindows8redesign




                                                 http:/ bit.ly/cabarocgoogleredesign
                                                       /
Durables ?
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Léger
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




La fin de Photoshop ?
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Universel


            LESS IS
            MORE
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




Rapide
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




         Long                                                                  Moins long
Le risque ?
La standardisation
| Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013




          Conclusion
Inventez le
flat qui vous
ressemble
@cabaroc
      cabaroc.com
  Jean-Philippe Cabaroc




Icônes : Eduardo Souza - Infinity Kim / Caractère typographique : Dosis par Pablo Impallari

More Related Content

What's hot

01 gx d - generative design et creative coding
01 gx d - generative design et creative coding01 gx d - generative design et creative coding
01 gx d - generative design et creative codingAlexandre Rivaux
 
histoire du design_quelques repères - l'atelier universel
histoire du design_quelques repères - l'atelier universelhistoire du design_quelques repères - l'atelier universel
histoire du design_quelques repères - l'atelier universelGuillaumeG_AU
 
Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guillaume Abel
 
Installation interactive conférence
Installation interactive   conférenceInstallation interactive   conférence
Installation interactive conférenceAlexandre Rivaux
 
What is Called Design ?
What is Called Design ?What is Called Design ?
What is Called Design ?Stéphane Vial
 
dispositif interactif de marque et storytelling
dispositif interactif de marque et storytellingdispositif interactif de marque et storytelling
dispositif interactif de marque et storytellingAlexandre Rivaux
 
Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2
Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2
Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2Stéphane Vial
 
Le processus créatif en design : à propos du travail de la pensée chez le des...
Le processus créatif en design : à propos du travail de la pensée chez le des...Le processus créatif en design : à propos du travail de la pensée chez le des...
Le processus créatif en design : à propos du travail de la pensée chez le des...Stéphane Vial
 
04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...
04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...
04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...Alexandre Rivaux
 
Du design au design numérique
Du design au design numériqueDu design au design numérique
Du design au design numériqueStéphane Vial
 
From design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concernsFrom design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concernsStéphane Vial
 
L impression 3D : prochaine revolution de la propriete ?
L impression 3D : prochaine revolution de la propriete ?L impression 3D : prochaine revolution de la propriete ?
L impression 3D : prochaine revolution de la propriete ?Inno³
 
Shapelize l'impression 3D - tendances 2014
Shapelize l'impression 3D - tendances 2014Shapelize l'impression 3D - tendances 2014
Shapelize l'impression 3D - tendances 2014Pricitive
 
5 concepts pour briller en société (et accessoirement en UX)
5 concepts pour briller en société (et accessoirement en UX)5 concepts pour briller en société (et accessoirement en UX)
5 concepts pour briller en société (et accessoirement en UX)Guillaume Abel
 
Human Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic DesignHuman Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic DesignLoïc Vanderschooten
 
Tendances Design Spring 2018
Tendances Design Spring 2018Tendances Design Spring 2018
Tendances Design Spring 2018Niji
 
Comment l’impression 3D va révolutionner le monde et le retail
 Comment l’impression 3D va révolutionner le monde et le retail Comment l’impression 3D va révolutionner le monde et le retail
Comment l’impression 3D va révolutionner le monde et le retailHUB INSTITUTE
 

What's hot (20)

01 gx d - generative design et creative coding
01 gx d - generative design et creative coding01 gx d - generative design et creative coding
01 gx d - generative design et creative coding
 
histoire du design_quelques repères - l'atelier universel
histoire du design_quelques repères - l'atelier universelhistoire du design_quelques repères - l'atelier universel
histoire du design_quelques repères - l'atelier universel
 
Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013Guide de survie en milieu responsive - Paris Web 2013
Guide de survie en milieu responsive - Paris Web 2013
 
Installation interactive conférence
Installation interactive   conférenceInstallation interactive   conférence
Installation interactive conférence
 
What is Called Design ?
What is Called Design ?What is Called Design ?
What is Called Design ?
 
dispositif interactif de marque et storytelling
dispositif interactif de marque et storytellingdispositif interactif de marque et storytelling
dispositif interactif de marque et storytelling
 
Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2
Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2
Du design au design numérique, v.2 : petites inquiétudes théoriques #didn2
 
Le processus créatif en design : à propos du travail de la pensée chez le des...
Le processus créatif en design : à propos du travail de la pensée chez le des...Le processus créatif en design : à propos du travail de la pensée chez le des...
Le processus créatif en design : à propos du travail de la pensée chez le des...
 
04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...
04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...
04 ix d [partiel] - réalisation de trois dispositifs cross-media pérenne pour...
 
Du design au design numérique
Du design au design numériqueDu design au design numérique
Du design au design numérique
 
From design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concernsFrom design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concerns
 
Stephane vial fr
Stephane vial frStephane vial fr
Stephane vial fr
 
L impression 3D : prochaine revolution de la propriete ?
L impression 3D : prochaine revolution de la propriete ?L impression 3D : prochaine revolution de la propriete ?
L impression 3D : prochaine revolution de la propriete ?
 
Digital lab brief
Digital lab   briefDigital lab   brief
Digital lab brief
 
Shapelize l'impression 3D - tendances 2014
Shapelize l'impression 3D - tendances 2014Shapelize l'impression 3D - tendances 2014
Shapelize l'impression 3D - tendances 2014
 
5 concepts pour briller en société (et accessoirement en UX)
5 concepts pour briller en société (et accessoirement en UX)5 concepts pour briller en société (et accessoirement en UX)
5 concepts pour briller en société (et accessoirement en UX)
 
Human Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic DesignHuman Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic Design
 
Tendances Design Spring 2018
Tendances Design Spring 2018Tendances Design Spring 2018
Tendances Design Spring 2018
 
CNA S03#08: 3D printing hub institute
CNA S03#08: 3D printing hub instituteCNA S03#08: 3D printing hub institute
CNA S03#08: 3D printing hub institute
 
Comment l’impression 3D va révolutionner le monde et le retail
 Comment l’impression 3D va révolutionner le monde et le retail Comment l’impression 3D va révolutionner le monde et le retail
Comment l’impression 3D va révolutionner le monde et le retail
 

Flat design mode ou tendance passagère

  • 1. Flat design : mode passagère ou tendance durable ? Jean-Philippe Cabaroc cabaroc.com @cabaroc
  • 2. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Les tendances sur le web
  • 3. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Flat ?
  • 4. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Avant le flat, un autre style populaire…
  • 5. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013
  • 6. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Le skeuomorphisme
  • 7. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Le skeuomorphisme Éléments de design d’une technologie nouvelle qui s'inspirent d’éléments d’une technologie plus ancienne.
  • 8. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013
  • 9. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Flat : simplification des formes
  • 10. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013
  • 12. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Kiss (keep it simple, stupid)
  • 13. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Icônes synthétiques
  • 14. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Polices non standards
  • 15. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Aplats de couleurs vives
  • 16. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Illustrations
  • 18. Non
  • 19. Non 2 circonstances popularisent le genre
  • 20. Responsive Source : http:/ /2designers.wordpress.com/2012/09/12/whats-rwd-responsive-web-design/
  • 21. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Google Windows 8 http://bit.ly/cabarocwindows8redesign http:/ bit.ly/cabarocgoogleredesign /
  • 23. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Léger
  • 24. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 La fin de Photoshop ?
  • 25. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Universel LESS IS MORE
  • 26. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Rapide
  • 27. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Long Moins long
  • 30. | Flat design : mode passagère ou tendance durable ? | Numélink : Biennale design de Saint-Étienne | mars 2013 Conclusion
  • 31. Inventez le flat qui vous ressemble
  • 32. @cabaroc cabaroc.com Jean-Philippe Cabaroc Icônes : Eduardo Souza - Infinity Kim / Caractère typographique : Dosis par Pablo Impallari