Click And Win c’est avant tout deux professionnels dans le milieu de la photo et du digital, alors aujourd’hui nous avons décidé de vous partager un peu de notre expertise dans le digital et surtout le webdesign.
Thème du jour : qu’en est-il des blancs sur un site ?
Partons ensemble d’une phrase de Jean Tschichold : « l’espace blanc doit être considéré comme un élément actif, pas un arrière-plan passif. »
Alors commençons par présenter ce très cher Jean, pour ceux qui ne le connaissent pas (encore) : c’est un typographe, écrivain et enseignant allemand du 20ème siècle reconnu notamment grâce à un prix Gutenberg, en 1965. Mais nous nous égarons un peu, revenons-en à ses dires. Loin d’imaginer aujourd’hui l’application de cette phrase dans le webdesign, elle y trouve complètement son sens car oui, les espaces blancs permettent de créer une composition d’ensemble plus lisible et donc plus simple à assimiler pour l’internaute.
Mais pourquoi ?
Tout simplement car l’utilisation d’espaces blancs permet de créer des « respirations » visuelles sur une page, quelque soit son support d’ailleurs ; c’est autant vrai pour le web que pour ce qui touche au print. N’avez-vous jamais remarqué, lorsque vous allez visiter une exposition d’oeuvres d’arts, que souvent celles-ci sont encadrées avec une Marie-Louise (également appelé passe-partout) ?
Je sens que je suis en train d’en perdre certains… Parfois une illustration vaut mieux que tous les mots alors voici deux images pour vous aider à comprendre.
C’est moi ou … ça y est, j’ai l’impression que vous voyez où nous voulons en venir ?
Tout comme dans un cadre, le contenu d’un site web fonctionne exactement de la même manière et l’utilisation des blancs (qui pour certains serait un espace gâché) est en fait l’élément qui va permettre de sublimer le contenu en lui donnant lisibilité, respiration et mise en avant.
Gardons à l’esprit ce que notre Jean a écrit et utilisons à sa juste valeur l’espace blanc.
Êtes-vous enfin convaincu ?
Sources
http://oeilgraphique.fr/apprendre/principes-de-design2-espace-et-relation-figurefond/
https://fr.freepik.com/
https://unsplash.com/