Painting with the web

Painting with the web

Pour commencer

Pour commencer, Ott présente une peinture de Richter et faisant un parallèle avec le web et dis que c’est la meilleure façon de travailler, d’avoir un lien avec son œuvre, de pouvoir parler avec elle. Mais pourtant il existe de nombreuses différence entre le web et la peinture.

Dans le web La toile N’a pas une taille fixe, elle possède plusieurs dizaines de formes et de taille. Il explique que en Tant que Web designer on ne dois pas peindre une image statique, que malgré l’amélioration dans le systèmes de modules, le design ressemble toujours à une image parfaite qui ne sera pas la même une fois portée sur écran.

La seconde différence est l’existence des matériaux, car utiliser des outils qui simulent le web mais qui ne le sont pas vraiment, donne l’impression de perfection. En séparant le design du développement , Nous Brisons le dialogue entre la toile et eux même et nous empêche de prendre de meilleures décisions.

Le css est le meilleur outils

Le css est le plus puissant outil de design web selon ott, grace aux évolutions rapide de cet outils les capacités du web augmente chaque jour, augmentant nos possibilités créatives.

Html est un language était extrêmement simple, c’était juste des phrases qui avaient du sens grâce à des balises qui leur donnaient une architecture.

Cette manière de penser est fondamentalement opposée a l’impression, donnant cette idée forte que le web est de donner de l’information à tout le monde.

Mais beaucoup de gens voulaient pouvoir personnaliser, explique Otts, l’Html devenais peu a peu écrasant avec seulement un texte de présentation. Cet alors que Hakon Wium Lie, un norvégien, présente l’idée de “style sheet” pour le www en s’inspirant de l’impression. Avant le Css avait de l’influence entre l’utilisateur et le web afin de créer une sensation de contrôle

Il explique que il faudrais utiliser le Css afin de suggérer l’apparence d’une page et pas de l’imposer afin que le css fonctionne dans le futur.

Les typos fluides

Quand on utilise la typo dans le web, il faut accepter la danse vers l’inconnu. Les typo en fluid s’adapent en taille en fonction de la taille de la page. De plus l’un peu fusionner les échelles de taille avec afin d’avoir des contrastes différent en fonction de la largeur de l’écran. L’on peux utiliser une courbe avec cette technique afin que la taille change plus vite dans les petits écran que les grand, en utilisant la fonction sin().

Ott présente aussi de changer la taille d’une typo en fonction de la hauteur de plus que la largeur de l’écran afin d’être encore plus adaptable sur tout les écrans.

Les layouts

Il existe de nombreuses manières de faires des layout sur le web : CSS grid, flexbox, Gridview… Otts Nous montre le premier qui est très peu utilisé : le css grid. Le css grid permet de créer des colones qui peuvent changer de taille, de forme, d’ordre et disparaitre tout ça indépendamment l’une de l’autre. Subgrid est un autre outil qui permet de faires des enfants d’élément, et Container queries qui permet de changer le design d’un bloc en fonction de sa taille lors d’une mediaqueries.