Il y a une tonne de règles de conception qui restent coincées dans votre tête. Ce que des concepteurs plus expérimentés ont suggéré, des éléments de la théorie du design ou des leçons apprises en cours de route Mais peut-être devriez-vous réellement enfreindre certaines de ces règles?
Les tendances et les concepts de conception changent beaucoup avec le temps. Les progrès technologiques, en particulier, ont modifié certaines des règles. Le design est un processus en évolution et ce qui fonctionne aujourd'hui pourrait changer demain. Dans cet esprit, voici trois règles de conception que vous devriez réellement essayer casser.
1. Utiliser des polices de caractères Sans Serif pour la conception Web
Tous les concepteurs de sites Web avaient l'habitude de dire que vous deviez utiliser des caractères sans empattement en ligne. Ce n'est tout simplement plus le cas. Casser cette règle!
Un bon mélange de caractères lisibles est la nouvelle norme. Cela inclut les empattements, les empattements et même les styles de nouveauté et de script. La clé pour choisir le bon caractère (ou palette de caractères) est de choisir parmi des styles de lettrage faciles à lire.
Des recherches ont également été menées pour étayer cette idée. Jakob Nielsen du groupe Nielsen Norman, qui se concentre sur l'expérience utilisateur, la recherche et la formation, a déclaré que de meilleurs écrans modifient le paysage des directives en matière de typographie pour la conception de sites Web. Voici la conclusion de cette étude:
L'ancienne directive relative à la convivialité pour la typographie en ligne était simple: respectez les polices de caractères sans empattement. Parce que les écrans d’ordinateur étaient trop moche pour rendre correctement les empreintes, essayer des empreintes de type Corps à la taille du corps du texte produisait des lettres floues.
Malheureusement, la nouvelle directive n’est pas aussi claire que l’ancienne. Les recherches sur la lisibilité ne permettent pas de déterminer si les polices empattées sont vraiment meilleures que les polices sans empattement.
La différence de vitesse de lecture entre serif et sans serif est apparemment minime. Par conséquent, il n’existe aucune directive forte en matière de convivialité en faveur de l’utilisation de l’un ou l’autre, vous pouvez donc choisir en fonction d’autres considérations, telles que l’image de marque ou l’atmosphère communiquée par un style typographique particulier.
Alors allez-y et enfreignez la vieille règle sans empattement. Voici quelques éléments à rechercher lorsque vous choisissez la police de caractères à utiliser et si elle est très lisible ou non.
- Optez pour des largeurs de trait uniformes dans un poids moyen ou régulier. Le type super léger ou mince peut être difficile à lire.
- S'en tenir à une hauteur moyenne de x. Laissant cela super mince et grand peut venir avec des problèmes de lisibilité.
- Recherchez un espacement régulier et adéquat des lettres, sans abus des ligatures ni des fioritures.
- Utilisez des polices de caractères ornées pour de petits blocs de texte et uniquement avec une intention distincte.
- Optez pour les polices serif ou sans serif pour les blocs de copie plus volumineux. Choisissez des lettres avec des formes de lettre distinctes qui sont faciles à lire en un coup d'œil.
2. Éloignez-vous des milieux audacieux
Pendant un moment, il sembla que les seules couleurs acceptables pour le fond d'un site Web étaient le blanc et les neutres. En aucune façon!
Les couleurs de fond vives et lumineuses peuvent constituer un élément de fond idéal. La couleur peut faire une excellente première impression sur les utilisateurs, donner le ton à la conception et constitue un moyen amusant et intéressant de décomposer les mêmes modèles de conception anciens.
De plus en plus de sites Web et de grandes marques utilisent les couleurs pour créer une expérience intéressante et attrayante. Et les utilisateurs semblent l’aimer.La deuxième partie de cette règle modifiable consiste à limiter le nombre de couleurs dans votre palette de couleurs. Bien que ce soit une bonne idée d'avoir une palette de marque distincte, vous pouvez opter pour un peu plus de pizazz avec des projets de conception individuels.
Les palettes de couleurs derrière Material Design, combinées à l’utilisation de choix de couleurs plus audacieux, ont ouvert la voie à ce qui est considéré comme chic et collant. Plus de couleur est acceptable. De plus en plus de sites Web et de grandes marques utilisent les couleurs pour créer une expérience intéressante et attrayante. Et les utilisateurs semblent l’aimer.
Bien que vous ayez besoin d’une palette simple pour passer à la norme en matière de cohérence, ajoutez des couleurs supplémentaires (et plus vives) pour des projets spécifiques. Vous n'avez pas besoin de repenser tous les matériaux de votre marque pour créer des fonds d'un violet ou d'un vert éclatant, mais vous pouvez incorporer des couleurs plus tendances dans vos projets de plusieurs manières.
- Considérez une superposition de photo en couleur.
- Optez pour une couleur de titre lumineux.
- Échangez ce fond neutre pour quelque chose de plus mémorable.
- Utilisez une teinte plus claire pour les boutons ou les éléments d’appel à l’action. (Ils ne doivent pas tous être rouges ou bleus.)
- Utilisez des états de survol avec blocage de couleur pour encourager les interactions.
3. Créer une balance symétrique
Au début de ma carrière de designer, trop de designers chevronnés ont mis en avant le pouvoir des conceptions parfaitement symétriques pour créer une harmonie et un équilibre. Avec le recul, beaucoup de ces concepts étaient simplement ennuyeux et bien trop sûrs.
L'asymétrie peut vous aider à créer plus d'intérêt visuel et d'équilibre sans une conception scindée en deux. Bien qu'il y ait une place pour la symétrie, créer un équilibre entre poids, espace et éléments qui se contredisent peut s'avérer beaucoup plus intéressant.
Pour tirer le meilleur parti de l'asymétrie dans les projets de conception, considérez les éléments suivants pour créer une impression d'harmonie et de fluidité visuelle:
- Équilibrez les éléments et l’espace les uns contre les autres. Un élément lourd peut sembler plus équilibré lorsqu'il est associé à un espace blanc.
- Mettre l’accent sur le mouvement de l’œil se déplace dans la conception comme prévu. Pensez à la façon dont les gens lisent et commencez par des éléments plus lourds et un texte à gauche qui bouge. vers la droite.
- Utilisez la couleur pour créer des points focaux.
- Espacez tout sur une grille pour créer un sens d'organisation et de flux.
- Faites attention au poids. Les dessins asymétriques ne doivent pas se sentir déséquilibrés. L'utilisateur doit parcourir le contenu facilement. Utilisez des éléments statiques tels que la navigation pour créer un conteneur pour les éléments asymétriques.
Conclusion
Briser les règles de conception peut être revigorant? ou désastreux. Faites le bon choix quant à la règle à enfreindre (et quand) en réfléchissant aux objectifs de votre projet ou de votre conception.Comment le fait de briser une règle rendra-t-il ce projet plus performant? Améliore-t-il la convivialité, la fonction ou la capacité de l'utilisateur à comprendre le message?
Si la réponse est oui, alors votre projet pourrait être le canevas idéal pour enfreindre une règle et essayer quelque chose de nouveau et de différent. Ne vous contentez pas d'enfreindre une règle de conception, car vous vous ennuyez. (Ce n'est vraiment pas une bonne raison de faire beaucoup de choses.)