Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

62
Guillaume ABEL @MoreThanScreens

description

Présenté par Guillaume Abel @MoreThanScreens Né en Allemagne en 1923, le Bauhaus est un courant qui toucha, l’architecture et le design, mais également la photographie, le costume et la danse. L’un des objectifs de ce courant était d’unifier l’art, l’artisanat et la technologie. L’usage de la machine est considéré comme positive. Le design industriel et produit en sont donc des composantes importantes. Après avoir inspiré certain succès en terme de design produit (Apple), beaucoup notent une tendance de fond dans les expériences digitales qui reflètent plusieurs principes et valeurs du design Bauhaus. Dans cette intervention, il sera peu question de théorie sur le design Bauhaus, mais plutôt d'illustrer son influence par une série d’exemples de sites web, d'applications mobiles et tablettes.

Transcript of Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

Page 1: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

Guillaume ABEL �@MoreThanScreens �

Page 2: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

UNE COURTE HISTOIRE DU�

bauhaus

Page 3: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus INSTITUT DES ARTS ET DES MÉTIERS�

�1919 • WEIMAR�1933 • BERLIN �

Page 4: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus BÂTIMENT,�

CONSTRUCTION �

Page 5: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus MAISON �

Page 6: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus MAISON DU BÂTIR,�

MAISON DE LA CONSTRUCTION �

Page 7: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus

ARCHITECTURE �

ARTS�

DESIGN �ARTISANAT �

THÉÂTRE �

SCULTURE �PEINTURE �

TYPOGRAPHIE �

Page 8: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus ARTS�

ARTISANAT �

Page 9: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

1924 - DESSAU-ROßLAU �

Page 10: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus 3 directeurs �

Page 11: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

WALTER GROPIUS �

« LE BUT DE TOUTE ACTIVITÉ CRÉATRICE EST L’ARCHITECTURE » �

Page 12: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

« LES BESOINS DU PEUPLE PLUTÔT QUE �LES BESOINS DU LUXE »�

HANNES MEYER�

Page 13: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

« MOINS C’EST PLUS »�(LESS IS MORE) �

LUDWIG MIES VAN DER ROHE �

Page 14: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 15: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 16: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 17: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 18: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

HÉRITAGE ET INFLUENCE DU �

bauhaus DANS LE DESIGN �

Page 19: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

LESS IS MORE

Page 20: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

FORM FOLLOW FUNCTION

Page 21: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

SAGRADA FAMÍLIA (1891 - 2026) �SEAGRAM BUILDING (1954 -1958) �

Page 22: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

L'ECOLE SUPÉRIEURE DE DESIGN D'ULM �

(1953 - 1968 , Allemagne) �

BLACK MOUNTAIN COLLEGE �(1933, USA) �

IIT INSTITUTE OF DESIGN �(1937, USA) �

Page 23: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

DIETER RAMS�

Page 24: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 25: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 26: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 27: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 28: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

bauhaus �

SYMÉTRIE�

ANGULAIRE �

ABSTRAIT�

CONSISTENCE �

UNITÉ �

ORGANISATION �

ECONOMIE �

SUBTILITÉ �

CONTINUITÉ �

RÉGULARITÉ �

Page 29: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

ET DESIGN DIGITAL�

bauhaus

Page 30: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 31: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 32: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

GMAIL�

Page 33: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

GMAIL�

Page 34: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 35: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

MYSPACE �

Page 36: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

MYSPACE �

Page 37: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

MYSPACE �

Page 38: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 39: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 40: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 41: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 42: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

Gestionnaire de tache �

Page 43: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

CLEAR�(Realmac software) �

Page 44: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

CLEAR (Realmac software) �

Page 45: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

METEO �

Page 46: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

SOLAR�(Hollr, Inc.) �

Page 47: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

SOLAR (Hollr, Inc.) �

Page 48: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

SOLAR (Hollr, Inc.) �

Page 49: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

SAMPLER�

Page 50: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 51: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

FIGURE (Propellerhead) �

Page 52: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

FIGURE (Propellerhead) �

Page 53: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 54: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

WINDOWS 8�

Page 55: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 56: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 57: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple
Page 58: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

CONCLUSION �

bauhaus

Page 59: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

PLURIDISCIPLINARITÉ �

Page 60: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

DE L’ARTISANAT À L’INDUSTRIE�

Page 61: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

HUMANISTE�

Page 62: Paris Web 2012 - Influence du Bauhaus dans le design digital par l'exemple

MERCI �