../Icônographie

Les apports du minimalisme au sein du Web design.

../Préface*

Je profite de cet écrit pour aborder une thématique qui me tient à cœur, le minimalisme. Depuis plusieurs années j’ai un fort intérêt pour cette pratique que j’ai découverte en tant que mode de vie puis, elle s’est ressentie dans mon travail graphique. Aujourd’hui je voudrais associer cette notion au domaine du numérique, qui a un intérêt tout aussi grand à mes yeux. Nous allons aborder le minimalisme au sein du web design et de parcourir quels en sont les apports.





1/13

../Minimalisme*

Le minimalisme est un terme qui possède une multitude de définitions, et qui peut être vide de sens si on ne se penche pas précisément le sens qu’on cherche à lui attribuer. Dans cet article je vais principalement aborder les notions de minimalisme et web design. Il est important de commencer par définir ces deux termes. Si on ouvre le dictionnaire Larousse, le minimalisme représente une position minimale, l’exact opposé de maximaliste. Il peut appartenir au domaine de l’art, on parle alors d’art minimal../1 mais cela concerne aussi l’action de réduire au minimum ou de se contenter du minimum de choses. Cela donne une vision globale de ce que peut être le minimalisme en matière d’action, de mode de vie ou encore d’art. L’art minimal en est un, il provient d’un mouvement d’art contemporain, apparu au début des années 60 aux États-Unis, qui se place en opposition face à la tendance figurative du pop art. Il est l’héritier du modernisme et plus particulièrement du Bauhaus. Le minimalisme regroupe plusieurs domaines artistiques, tels que la sculpture, la peinture ou encore la musique dans lesquels, les artistes privilégient le dépouillement formel, le réductionnisme et la neutralité. Ou encore dans le monde du design, avec Dieter Rams../2 qui prône un design innovant, utile, esthétique, compréhensible, discret, honnête, durable, exhaustif, écologique et minimaliste. Il s’approprie le « Less is more » pour en faire son paradigme : « Moins, mais avec la meilleure exécution ». Ses produits sont synonymes de pureté et simplicité.





Notes

../1 L’art minimal (ou minimalisme) est un courant de l'art contemporain, apparu au début des années 1960 aux États-Unis, en réaction au lyrisme pictural de l'expressionnisme abstrait et en opposition à la tendance figurative et ironique du pop art.

../2 Dieter Rams est un designer industriel allemand contemporain, étroitement associé aux produits de consommation de la société Braun et à l'école fonctionnaliste du design industriel.

2/13 - ../a

../Web design*

Maintenant qu’on a une idée générale de ce que peut être le minimalisme, je vais vous introduire le web design en tant que champs numériques du design graphique. C’est un domaine dans lequel se mêlent à la fois les compétences d’un graphiste et d’un développeur. Ce terme désigne principalement la réalisation d’un site internet et de son interface, que ce soit à des fins commerciales ou créatives. Les premières interfaces d’Apple ont très vite été rattrapées par des formes minimales numériques, notamment avec l’arrivée du Flat design../3. Les icônes réalistes de l’IOS 5../b se sont transformés en formes simples et en aplats de couleurs accompagnées de jeu typographique. Le design plat../c s’inspire du style suisse. Il est généralement apprécié pour sa capacité à s’adapter à diverses surfaces d’affichage. On peut lui reprocher un manque d’ergonomie, en particulier pour l’interface ModernUI de Windows 8. C’est tellement plat que les utilisateurs sont perdus, ils ne déterminent pas les objets interactifs (boutons cliquables) du reste. En parallèle, le Material design../4, proposé par Google, vient s’appliquer à l’interface graphique des logiciels et applications. Ce sont des règles de design qui mettent l’accent sur des animations, des transitions et des effets de profondeur avec des ombres. Toutes ces nouvelles caractéristiques apportent des informations sur ce qu’il est possible de « toucher »../d.





Notes

../3 Le Flat design, ou design Plat, est un style de design d'interface graphique caractérisé par son minimalisme. Il se fonde sur l'emploi de formes simples, d'aplats de couleurs vives et de jeux de typographie.

../4 Le Material design est un ensemble de règles de design proposées par Google et qui s'appliquent à l'interface graphique des logiciels et applications. Il est utilisé notamment à partir de la version 5.0 du système d'exploitation Android.

3/13 - Iconographie ../b ../c ../d

../Les origines du minimalisme*

Le minimalisme fait son apparition dans le design au sein du Bauhaus et deviendra un mouvement artistique à part entier dans les années 60, c’est l’art minimal. Il découle du suprématisme../5, apparu en Russie vers 1915 et des travaux de l’artiste Malevitch../6 connu pour sa peinture pure et abstraite Carré noir sur fond blanc. Frank Stella../7 s’oriente vers l’abstraction géométrique composée de lignes droites, concentriques, diagonales, régulières. Les sculptures élémentaires de Carl Andre../8 comportent des caractéristiques propres au minimalisme : des formes épurées et des matériaux simples laissés bruts. Enfin, le compositeur Philip Glass../9 est l’un des pionniers de la musique minimaliste, ou plutôt répétitive, car elle est basée sur un principe d’addition et de soustraction de motifs qui crée des répétitions. Pour mieux comprendre, il faut remonter aux origines du minimalisme en passant par le Bauhaus et le style international.





Notes

../5 Le suprématisme est un mouvement d'art moderne, né en Russie, au début du XXe siècle.

../6 Kasimir Malevitch est un des premiers artistes abstraits du XXe siècle. Peintre, dessinateur, sculpteur et théoricien, il est le créateur d'un courant artistique qu'il dénomma suprématisme.

../7 Frank Philip Stella est un peintre américain considéré comme un précurseur du minimalisme ainsi qu'un des principaux représentants de l’Op Art avec Joseph Albers et du shaped canvas avec Charles Hinman.

../8 Carl André est un peintre et sculpteur minimaliste américain.

../9 Philip Glass est un musicien et compositeur de musique contemporaine américain. Il est considéré comme l’un des compositeurs les plus influents de la fin du XXe siècle, il est l'un des pionniers et l'un des représentants les plus éminents de la musique minimaliste, notamment de l'école répétitive, et de la musique classique des États-Unis.

4/13

../De Stijl et Bauhaus*

Nous ne pouvons parler du Bauhaus../e sans évoquer le mouvement artistique De Stijl qui fait son apparition au début du XXe siècle. Théo van Doesburg publie en 1917 une revue d’art../10 qui parle des idées majeures des membres du groupe De Stijl../f dont il en est le fondateur. L’ambition première est de donner un sens nouveau aux arts en les associant à l’envie de destruction du Baroque../11. Les artistes appartenant à ce mouvement ont influencé l’architecture Bauhaus puis le style international. Ils y intègrent des formes pures, des couleurs et donnent à tout ça un équilibre dynamique et une légère apesanteur. À présent, il faut situer le Bauhaus dans son contexte, c’est une école d’architecture et d’arts appliqués qui fît son apparition au début du XXe siècle, fondée par Walter Gropius../12 en 1919. Par la suite, il s’est décliné en un mouvement artistique à part entier concernant principalement l’architecture et le design, le style international. Si l’école est connue en matière d’architecture, elle est l’une des influences les plus grandes dans le domaine des arts appliqués, elle est le précurseur du design contemporain../g. Un des grands représentants du Bauhaus, Ludwig Mies van der Rohe../13, sera le créateur de la plus célèbre maxime qui représente le minimalisme : « Less is more ». Il considère que l’amélioration d’une œuvre se fait, selon le minimalisme, par soustraction. La création du Bauhaus se déroule dans un contexte d’entre-deux-guerres sous la direction du gouvernement provisoire, qui laissera une pérennité de 10 ans à l’école. L’arrivée du mouvement national-socialiste en 1933 amènera une vague de critique venant des nazis, la production d’un art moderne dérange l’occupation nazie, ils le qualifient d’art dégénéré car il ne correspond pas aux codes imposés par la dictature. De par son aspect communautaire et un ancrage dans des idées politiques progressistes, l’école était perçue comme « bolchévique », ce qui la mènera à sa fermeture définitive. Auparavant, l'école du Bauhaus était reconnue dans toute l'Europe, des artistes d'avant-garde tels que Kandinsky, Paul Klee et László Moholy-Nagy../14 y enseignaient. Par la suite, de nombreux artistes se sont exilés aux États-Unis pour échapper au nazisme, ce qui a amené l’esprit Bauhaus jusqu’en Amérique du Nord. On y trouve des architectures en acier et en verre, typiques des Trente Glorieuses, qui sont le résultat même du mariage des idées de Philip Johnson et Ludwig Mies van der Rohe. Parallèlement se dessine un courant architectural, il s'agit du style international../15. Il sera le prolongement de l'inspiration moderne du Bauhaus jusqu'en 1980 à l'échelle mondiale.





Notes

../10 De stijl est le nom d’une revue d’art avant de devenir le nom d’un mouvement artistique. En 1922, elle sera accompagnée de la revue Mecano, de tendance dada.

../11 Le baroque est un mouvement artistique qui trouve son origine en Italie, se caractérise par l’exagération du mouvement, la surcharge décorative, les effets dramatiques, la tension, l’exubérance des formes, la grandeur parfois pompeuse et le contraste.

../12 Walter Gropius est un architecte, designer et urbaniste allemand, naturalisé américain en 1944.

../13 Ludwig Mies van der Rohe est un architecte allemand naturalisé américain, ses projets sont caractérisés par des formes claires et par l'utilisation intensive du verre et de l'acier.

../14 Kandinsky, Klee et Moholy-Nagy sont des artistes majeurs de la première moitié du XXe siècle.

../15 Le style international est un courant architectural qui s'est épanoui entre les années 1920 et la fin des années 1980 dans le monde entier. Sa caractéristique principale est de construire des bâtiments en rupture totale avec les traditions du passé.

5/13 - Iconographie ../e ../f ../g

../Style typographique international*

Pour faire le lien entre le design graphique et l’aspect minimaliste, je me dois de parler du style typographique international../h, également connu sous le nom de style suisse. Développé dans les années 50 en Suisse par Max Miedinger, Armin Hofmann et Emil Ruder../16, ce courant du design graphique met l’accent sur le dépouillement, la lisibilité et l’objectivité. On retrouve des éléments distinctifs comme, des jeux d’asymétrie, l’utilisation de grilles et de polices de caractères sans serif../17. On peut apercevoir un goût prononcé pour l’alignement à gauche du texte, en drapeau et la photographie en noir et blanc qui vient remplacer les illustrations dessinées. L’un des points majeurs du style suisse est l’utilisation de la typographie, non seulement pour le texte, mais aussi comme élément principal qui devient la structure du design. De par son style qualifié d’inclusif, universel, neutre et rationnel, il sera à l’origine des nombreuses règles typographiques que l’on emploie encore aujourd’hui pour la mise en page d’objets graphiques. Le style suisse se caractérise par sa recherche absolue de lisibilité et de structuration. Pour cela, les graphistes pensent un design épuré et opèrent à une suppression de tout élément décoratif, on parle d’art concret../18. Théorisé par Theo Van Doesburg puis développé par Max Bill../19, il perpétue avec d’autres la référence à des formes géométriques../i, froides et amenant à la contemplation optique. Nous sommes dans un contexte d’après-guerre qui pousse les marques à des réflexions de communication et de marketing au sein de l’industrialisationj qui s’accélère. L’art concret se trouve dans un XXe siècle en reconstruction, il est source de formalisme, de lisibilité, d’efficacité et il élimine tout ornement. Le graphisme se professionnalise, sa rigueur le désolidarise d’une pratique plastique pour migrer vers les arts appliqués. Le travail graphique du style suisse se définit par sa reproductibilité et se dirige vers une circulation universelle d’information.





Notes

../16 Max Miedinger (créateur de caractères suisses), Armin Hofmann (lithographe, enseignant) et Emil Ruder (typographe, enseignant) sont des graphistes suisses.

../17 Sans serif est un style de police de caractère sans empattements.

../18 Art concret est un mouvement artistique de tendance abstraite.

../19 Max Bill est un architecte, peintre, sculpteur, designer, créateur de caractères, graphiste, éditeur, théoricien de l’art et homme politique suisse, qui peut être considéré comme l'initiateur de l'Art Concret.

6/13 - Iconographie ../h ../i ../j

../Les débuts du web*

L’arrivée du web peut être comparée à l’invention de l’imprimerie, tous deux ont apporté une technique révolutionnaire à deux époques différentes et ont rendu exponentielle la rapidité de communication et de diffusion d’informations. Aujourd’hui le web offre un espace de créativité infini et grâce à lui, la création d’interface est devenue une affaire de graphistes. Certains designers tentent de penser le design comme un art socialiste et cherchent à préserver les savoir-faire pour échapper à la pauvreté esthétique imposée par l’avènement de la société industrielle.





7/13

../World Wide Web*

Au départ il n’est pas question de choix mais de possibilité, depuis les années 80 l’avènement des outils numériques a eu une influence considérable sur la pratique du design graphique. La relation entre l’outil et la production influence nos pratiques de designers, ce qui est possible de faire s’entend par les limites que nous offrent (ou imposent) les outils de production. Si l’on regarde la toute première page web World Wide Web../20 était principalement réalisée avec le langage HTML, donc une apparence brute composée uniquement de texte, une page web à l’esthétique par défaut. Aujourd’hui, cet aspect du web est perçu comme une erreur (un défaut), hors l’outil HTML a été pensé pour apporter une structure et une hiérarchie des informations sans même utiliser de CSS. Les titrages sont plus ou moins grands selon l’importance attribuée : "h1"../21, "h2","h3"../k ; chaque objet a ses propres caractéristiques par défaut../22 : les liens sont bleus et soulignés, les citations sont encadrées par des guillemets ou encore les éléments d’une liste sont précédés d’un point ou d’une numérotation. Le Web 1.0../23 est surnommée le « web passif » pour plusieurs raisons, à cette période on trouve sur le web uniquement des pages statiques, aucune interactivité n’est possible. Le design est basé sur un principe de grilles et de cadres sur lesquels on vient aligner les éléments d’une page. On parle d’un HTML sémantique../24, c’est l’utilisation de balisage HTML../l qui renforce le sens du contenu de la page, plutôt que de définir sa présentation, son apparence.





Notes

../20 WWW est un système hypertexte public fonctionnant sur Internet. Le Web permet de consulter, avec un navigateur, des pages accessibles sur des sites.

../21 Les deux balises encadrant Hello world sont la manière d’écrire un titre en langage HTML.

../22 Dans le langage HTML on utilise des balises pour donner un attribut à un élément : "a"(lien), "q"(citation), "li"(élément d’une liste).

../23 Le Web 1.0, aussi dit « classique », « traditionnel » ou « documentaire », ce Web de première génération est fait de pages statiques présentant un contenu limité d'hypertexte ou d'hypermédia, rarement mis à jour et en mode « lecture seule ».

../24 En informatique théorique, la sémantique formelle est l’étude de la signification des programmes informatiques vus en tant qu’objets mathématiques.

8/13 - Iconographie ../k ../l

../Web 2.0*

Le Web 2.0../m, aussi appelé Web participatif, est désigné tel quel car il représente une simplicité d’utilisation et une interactivité présente dans les nombreux sites qui émergent au début des années 2000. On retrouve principalement des blogs et des réseaux sociaux sur lesquels l’utilisateur devient un acteur. Désormais il est possible de publier, partager, échanger et créer du contenu. Les internautes n’ont pas besoin de connaissances techniques pour s’approprier les outils proposés par le web. En plus des langages HTML et CSS, jQuery../25 est une bibliothèque Javascript qui est mise en place et qui permet de regrouper un ensemble de fonctions, ce qui rend la manipulation du code plus facile et accessible à tous. Le web devient une plateforme collaborative avec des utilisateurs qui construisent et contribuent en alimentant les sites en contenu, tel que les blogs ou les wikis. De nouveaux gabarits font leur apparition avec un soin graphique tout en restant compatibles avec ces nouveaux supports. L’aspect général du Web 2.0 reste encore expérimental, on conserve des points de repère pour l’internaute, les liens sont reconnaissables grâce à leur soulignement et leur couleur bleue d’origine, ou encore les boutons ont un contour prononcé et une ombre qui leur donne du volume, comme un vrai bouton.





Notes

../25 jQuery est une bibliothèque Javascript libre et multiplate-forme créée pour faciliter l'écriture de scripts côté client dans le code HTML des pages web. La première version est lancée en janvier 2006 par John Resig.

9/13 - Iconographie ../m

../Retour à l’essentiel*

Après une époque numérique../26 chargée visuellement avec une abondance d’informations sur les sites comme Skyblog ou Myspace../n, le web est devenu un nouveau médium dans le champ numérique du design graphique, on parle maintenant de web design. Les codes du graphisme s’appliquent à la réalisation de site internet et nous pouvons voir une évolution dans leur apparence. On pense l’interface selon les tendances et le contexte dans lequel elle est produite, mais aussi sa maniabilité pour l’utilisateur. Selon l’objectif du site : promouvoir, informer ou présenter, son contenu ne sera pas présenté de la même manière, ni avec les mêmes choix esthétiques. Cependant, nous pouvons remarquer une uniformisation dans l’apparence des sites, une certaine répétition dans leur fonctionnement peu importe leur objectif. Une sorte de simplification du contenu visuel qui est déguisée comme étant du minimalisme, hors ce ne sont que des critères pour répondre à cette tendance actuelle d’apparence épurée qui vient se confondre au milieu de tous ses semblables.





Notes

../26 Période bien précise de l’ère informatique, allant de 2000 à 2010. Englobant l’arrivée des blogs, puis des réseaux sociaux et des téléphones portables.

10/13 - Iconographie ../n

../Des outils pour un web moderne*

Cette uniformisation, qui suit fortement une tendance actuelle du minimalisme, se caractérise par une absence de choix graphique. Cette non-diversité est en partie due à des plateformes comme Wix, Behance ou encore Wordpress../27 qui mettent à disposition un service gratuit (ou partiellement) pour créer soi-même son site internet. Ils rendent accessible à tous la publication en ligne et donnent l’impression à l’utilisateur d’être libre dans sa créativité en proposant une variété de modifications. Or, ils cantonnent dans un espace complètement fade../o et anesthésié par les gabarits, le manque d’imagination et l’intrication fond / forme. Le web est conçu pour se séparer de ce principe, normalement fondamental, du design qui est de créer un lien significatif entre la forme et le fond. Le web peut être adaptatif, accessible, contextuel mais aussi, radical, brutal et primitif. Les plateformes évoquées juste avant renvoient une mauvaise image du minimalisme en proposant des sites-brochures qui mettent en avant un produit ou un service en utilisant une forme qui n’apporte aucun sens au fond, c’est d’ailleurs une des raisons qui font que beaucoup des gabarits proposés sont interchangeables. Leurs designs se veulent économiques, pragmatiques et n’exploitent aucune des ressources technologiques possibles aujourd’hui. Au début du web, on se battait contre la technologie pour pouvoir repousser les limites de la créativité, mais aujourd’hui on se contente du strict minimum. Ce ne sont plus les limites de la technologie qui nous freinent mais celles de notre imagination. Pour autant il ne faut pas blâmer les sites-brochures, la disposition des informations n’est peut-être pas originale mais elle est efficace. Le design est un jeu d’équilibre, on est confronté à des questions d’usage, de lisibilité et de flexibilité. Alors, il faut trouver un compromis entre une prise en main efficace et un visuel attrayant qui se démarque au milieu de toutes ces pages web semblables.





Notes

../27 Wix, Behance et Wordpress sont des systèmes de gestion de contenu qui permettent de créer et gérer différents types de sites Web, site vitrine, site de vente en ligne, site applicatif, blog, portfolio, site institutionnel, site d'enseignement.

11/13 - Iconographie ../o

../Web design contemporain*

Le minimalisme est parfois synonyme de retour aux sources. Au sein du web design contemporain on retrouve une approche éco consciente dans la pratique des designers, ce qui amène à repenser la forme des sites web. On retrouve un contenu moins dense et des images en bitmap pour faire baisser le poids du site et donc, sa consommation en énergie sur le serveur où il est stocké. Le Web 0../28, ou Small web../p, se caractérise par des projets qui s’appuient sur un enjeu majeur actuel : la sobriété numérique. Le Low Tech Magazine../q est un site hébergé sur un serveur alimenté uniquement par un panneau solaire, il est tributaire du temps et parfois hors ligne. Son faible poids (26 Ko) et l’utilisation d’énergie renouvelable font de lui un site écoresponsable. Le terme « sobriété » suggère un design qui demande un minimum de ressources, une nouvelle manière de penser l’écologie de nos activités numériques individuelles. Le web contemporain se définit également par un aspect brutal, robuste et qui manque parfois de se soucier d’avoir l’air confortable ou facile d’utilisation. Le brutalisme découle d’une réaction entre une nouvelle génération et une légèreté, un optimisme, une frivolité de la conception web d’aujourd’hui. Le designer Enzo Mari../29 nous propose un site web qui dévoile des images, une à une, dans une grille irrégulière../r. L’utilisateur n’est aucunement submergé d’information, il n’a qu’une consigne : cliquer et contempler. Cette forme minimaliste est efficace, elle garde une certaine cohérence avec le travail qui nous est présentée. Certains développeurs ont des approches très radicales, à commencer par le 1 MB Club../30 qui a ensuite été rejoint par 10 KB Club et d’autres encore. Ils regroupent de nombreux sites expérimentaux avec une contrainte de poids de page maximum. Leur approche du web design questionne le rapport entre performance et apparence sémantique du site. Le web design est aussi radical, Laurel Schwulst../31 défend une pratique du web engagé qui a ses propres rythmes et rituels et explore les fondamentaux du web. Le web design ne doit pas seulement servir de cadre figé, un site web est un objet interactif qui est inévitablement inachevé. Les bugs font partie du charme du web design, ce sont des objets mouvant dans un espace temporel sans cesse modifié. Cette approche du web design est souvent basée sur une nostalgie du temps du web 2.0, un âge d’or du web, pas forcément idéal à cause des pop-ups ou des GIFs animés, mais plus simple. Les origines du web sont principalement une volonté d’accessibilité et d’inclusion en étant autant acteur qu’utilisateur. Il est primordial de se questionner sur la quantité et le poids de nos sites web si l’on veut garder les principes fondamentaux du web design : performance, rapidité, lisibilité et accessibilité../s. En ajoutant des éléments superflus au contenu de notre site, nous créons nous-même nos propres problèmes. Un site web n’est pas défectueux par défaut, il est fonctionnel et hautement performant../t. Nous sommes les seuls responsables de tout ce désordre engendré par l’ajout de commandes et d’interactions, souvent inutiles. Cette surcharge de contenu vient casser les codes préétablis du langage HTML.





Notes

../28 Le Web 0 est le Web 3.0 sans toutes les corporatives libertaires de la Silicon Valley.

../29 Enzo Mari est un designer, architecte et illustrateur italien.

../30 1MB.Club est une collection croissante de pages Web axées sur les performances pesant moins de 1 mégaoctet.

../31 Laurel Schwulst donne vie à des outils en réseau en tant que conceptrice, écrivaine, éducatrice et utilisatrice expérimentée.

12/13 - Iconographie ../p ../q ../r ../s ../t

../Conclusion*

Le minimalisme n’est pas seulement un mouvement artistique qui répond à des règles de simplicité et d’épuration, c’est un mode de vie, une manière de penser. Au sein du web design, il peut se traduire par le fait de limiter ses actions, proposer un contenu hiérarchisé par défaut et donc, adaptable sur n’importe quel support. Le minimalisme permet un web design visible qui va à l’encontre de l’obsolescence programmée qui menace nos appareils. Ce n’est pas seulement la question du moins, comme il s’est déjà dit : « un bon design est un design aussi petit que possible. Moins, mais meilleur », ou encore « Less is more »../32. Le web design minimal, brutal../u ou encore radical est une philosophie basée sur des principes de coopération, de partage et de liberté. Un web design minimaliste s’appuie sur des logiques fondamentales du minimalisme plus conceptuelles que formelles../v. C’est répondre à des principes inclusifs en proposant un web design réactif. C’est aussi, montrer moins pour des performances d’affichage meilleures. C’est simplifier pour un contenu plus intuitif et compréhensible. Le minimalisme au sein du web design c’est l’équilibre entre efficacité, lisibilité et accessibilité.





Notes

../32 Citation du designer industriel allemand Dieter Rams et de l’architecte Ludwig Mies van der Rohe.

13/13 - Iconographie ../u ../v

../Remerciements*

Je tiens à exprimer toute ma gratitude à ma directrice de mémoire, Madame Alexandra Ain. Je la remercie de m’avoir encadrée, orientée, aidée et conseillée. Je tiens à témoigner toute ma reconnaissance à Monsieur Julien Bidoret, pour m’avoir accordée des échanges et avoir répondu à mes questions sur la culture du numérique et du web design. Enfin, je souhaite remercier l’École supérieure d’art et de design Pyrénées, ce mémoire a été possible grâce au DNA Design, Mention Design graphique Multimédia organisé par le directeur Monsieur Jean-François Dumont.





Annexes{*}Glossaire{#}Références{@}

{*}

../A Morisawa 10, par John Maeda, 1996

../B Morisawa 10, par John Maeda, 1996

../C 1MB Club

../D 10KB Club

../E ZMK

../F From Outer Space

{#}

../Balise
Les balises HTML correspondent à des éléments du code HTML d’une page Web sur Internet. Elles sont une partie intégrante de la composition de la page puisqu’elles permettent de mettre en forme et de structurer les contenus.


../CSS
Feuilles de style en cascade, généralement appelées CSS de l’anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C). Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites Web et bien pris en charge par les navigateurs Web dans les années 2000.


../Gabarit
Souvent nommé template ou layout, est un patron de mise en page où l’on place images et textes. Aussi, il est souvent utilisé de manière répétitive pour créer des documents présentant une même structure. On parle aussi de patron comme en couture ou bien de grille.


../GIF
Graphics Interchange Format est un format d’image numérique de basse résolution couramment utilisé sur Internet permettant de créer des images animées ou à fond transparent.


../HTML
HyperText Markup Language, abrégé HTML ou, dans sa dernière version, HTML5, est le langage de balisage conçu pour représenter les pages Web. C'est un langage qui permet d’écrire de l’hypertexte, de structurer sémantiquement une page Web, de mettre en forme du contenu, de créer des formulaires de saisie ou encore d’inclure des ressources multimédias dont des images, des vidéos, et des programmes informatiques.


../Pop-up
Fenêtre secondaire qui s’affiche en superposition de la fenêtre de navigation principale lors de la navigation sur Internet. Communément utilisé pour afficher des messages publicitaires, un avertissement ou une notification.


../Web réactif
Un site Web réactif, de l’anglais responsive Web design, c’est la capacité d’un site à s’adapter à toutes les résolutions. Les blocs de contenu se redimensionnent et se réorganisent en fonction de l’espace disponible sur l’écran. L’utilisateur peut ainsi consulter le même site Web à travers une large gamme d’appareils avec le même confort visuel.


Bibliographie{@}

../Bernard Olivier
Froncer les sourcils
Éditions Surfaces Utiles
2017


../Bardeau Frédéric & Danet Nicolas
Lire écrire compter coder
Éditions FYP
2014


../Cardon Dominique
Culture numérique
Presses de Sciences Po
2019


../Droste Magdalena
Bauhaus : 1919-1933
Taschen
2002


../Ford Rob
Web design - The Evolution of the Digital World 1990 - Today
Taschen
2019


../Frechin Jean-Louis
Le design des choses à l'heure du numérique
Éditions FYP
2019


../Lars Müller
Josef Müller Brockmann Pioneer of Swiss Graphic Design
Lars Müller Publishers
2022


../Tolley Stuart
Min Simplicité et minimalismea
Éditions Pyramyd
2016



Sitographie{@}

../Ateliers ÉSAD Pyrénées ../Designers éthiques ../First things first 2000 ../Esthétique par défaut ../Radical Web Design ../Wikipédia De Stijl ../Wikipédia Bauhaus ../Wikipédia Style suisse ../Mother fucking website ../Médialab Sciences Po ../Gauthier Roussilhe ../Wikipédia Bootstrap ../Principles adactio ../World Wide Web 3.0 ../Wikipédia L'enseignement de Las Vegas ../Characteristics minimalism ../Roots minimalism web design ../Why are hyperlinks blue ../Swiss style forever ../Nun Design Style typographique international

Iconographie{~}

../Légende en cliquant sur l'image


../a Radio Braun, par Dieter Rams, 1960 - 1969
../b Interface de l'IOS 5 dans les années 2010
../c Interface Windows 8, Flat Design, 2012
../d Exemple d'interactions, Material Design
../e Logo du Bauhaus, par Oskar Schlemmer, 1922
../f Revue De Stijl, par Théo van Doesbrug, 1917
../g Chaise rouge et bleue, par Gerrit Rietveld, 1917 - 1923
../h Affiche Musica viva, style suisse, par Josef Muller Brockmann, 1958
../i Affiche pour le Gewerbemuseum de Bâle, par Armin Hofmann, 1959
../j Affiche Nova Graffica Suiça, par Armin Hofmann, 1959
../k Écriture conventionnelle d'un titre en langage HTML
../l Structure sémantique du langage HTML
../m Schéma des fonctionnalités du Web 2.0
../n Interface de Myspace dans les années 2000
../o Galerie des templates de sites web sur Wix et Behance
../p Web0 manifesto, par Small Technology Foundation
../q Galerie d'oeuvres de Enzo Mari
../r Low Tech Magazine, site écoresponsable
../s Typical Organization, sur brutalistwebsites.com
../t This is a motherfucking website manifeste
../u Future Corp, sur brutalistwebsites.com
../v Breezy, sur pretty-carob.glitch.me