« 6 lois de design » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
{{En construction}}
{{En construction}}
 
{{Incomplet}}
{{Ebauche}}
== Introduction ==
== Introduction ==
Afin de créer des pages web ou des interfaces simples et qui n'arrachent pas les yeux, il existe 6 règles de design. Elles ne vont permettront pas de réaliser de magnifiques ou artistiques interfaces mais vous aideront et vous guideront dans votre création.
Afin de créer des pages web ou des interfaces simples et qui n'arrachent pas les yeux, il existe 6 règles de design. Elles ne vont permettront pas de réaliser de magnifiques ou artistiques interfaces mais vous aideront et vous guideront dans votre création.

Version du 20 mars 2021 à 17:06

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

Introduction

Afin de créer des pages web ou des interfaces simples et qui n'arrachent pas les yeux, il existe 6 règles de design. Elles ne vont permettront pas de réaliser de magnifiques ou artistiques interfaces mais vous aideront et vous guideront dans votre création.

Structure

Il s'agit simplement de bien structurer sa page, c'est-à-dire de respecter au maximum la règle du nombre d'or. Autrement dit, il s'agit de ne pas créer deux zones de contenu de même taille sur votre page. Il faut essayer de reproduire cette spirale caractéristique du nombre d'or.

Typographie

Il existe un nombre de polices très élevé. Il s'agit ici de ne pas choisir la police la plus "cool" mais de choisir une police qui colle avec votre contenu. Si votre page présente du contenu historique par exemple, on utilisera plutôt une police serif car les polices serifs évoquent un contexte plus classique. N'utilisez pas plus de 3 polices sur la même page car au-dessus de ce nombre cela surcharge inutilement votre page. Si vous décidez d'utiliser différentes polices, choisissez des polices cohérentes. Vous pouvez utiliser google font ou dafont (entre autre) pour trouver de nouvelles polices.

Couleurs

Il est important de bien choisir les couleurs que l'on utilise. Les couleurs sont souvent associées à différentes émotions ou aspects (à venir: une liste de lien sur la psychologie des couleurs et comment choisir les couleurs pour son site en fonction du site et des utilisateurs) et il est important de choisir des couleurs en accord avec ce que l'on veut faire passer comme message avec sa page. La combinaison des couleurs est également importante, pas toutes les couleurs ne vont ensemble. (à ajouter : les différents outils comme adobe kuler pour la combinaison de couleur).

CRAP

CRAP = Contraste, Répétition, Alignement, Proximité

Simplicité

Un conseil simple : "Keep it simple"

Icônes

Les icônes sont des éléments permettant de remplacer un pavé de texte et de simplifier votre page. Il faut par contre être attentif à choisir des icônes adaptées.