Before you can master design, you must first master the fundamentals
author=Jonathan Z. White% authorlink=https://twitter.com/JonathanZWhite% fonts=%

Récemment, l’un de mes lecteurs m’a posé une question : Comment devenir un meilleur concepteur visuel ?
En réfléchissant à cette question, mon esprit s'est tourné vers mon expérience d'apprentissage du mandarin. Récemment, j'ai décidé d'apprendre le mandarin en autodidacte. Pour apprendre une nouvelle langue, il faut d'abord commencer par les fondamentaux. Noms, pronoms et verbes constituent la base pour transmettre des idées plus complexes.

Le langage est un par lequel les gens communiquent des concepts. Le design visuel est un langage visuel. Apprendre le design visuel n'est pas différent d'apprendre une nouvelle langue.

Les bons designs visuels ne naissent pas. Ils se construisent. La clé pour devenir un meilleur designer visuel est la rigueur. Vous ne progresserez en tant que designer visuel qu'avec un effort conscient.

Voici quelques principes fondamentaux que vous devez maîtriser pour faire passer votre conception visuelle au niveau supérieur.

Fondamental n°1 : Revenir aux bases avec le type

La typographie d'un designer en dit long sur lui. En effet, la typographie est une base fondamentale du design.

Vous pouvez créer des designs entiers avec seulement du texte. Vous pouvez également baser vos designs sur le texte, en intégrant des lignes subtiles aux polices choisies. Pour améliorer la typographie de vos designs, commencez par en apprendre les bases.

Développez un vocabulaire pour décrire les caractères typographiques. Apprenez la signification de termes comme suivi, crénage et interligne. L'article « Un glossaire magnifiquement illustré des termes typographiques à connaître » est une excellente ressource visuelle pour apprendre ces termes.

Ensuite, si vous souhaitez comprendre en détail comment appliquer la typographie au Web, lisez Typographie Web : les éléments du style typographique appliqués au Web.

Enfin, apprenez à associer des polices. FontWolf et FontPair sont d'excellentes ressources pour cela. Savoir associer des polices changera radicalement la dynamique de votre design.

Pour une exploration plus approfondie de la typographie, vous pouvez lire mon article : La typographie peut faire votre design… Ou le détruire .

Fondamental n°2 : Utiliser l'espace pour créer un équilibre

L'espacement permet d'établir un mouvement vertical et horizontal dans vos conceptions. Il est essentiel pour créer une hiérarchie visuelle et établir des associations entre les éléments.

Vous pouvez toujours consulter des sites comme Behance et Dribbble pour trouver l'inspiration sur la façon d'agencer les éléments. Mais il est important de développer votre propre intuition pour utiliser l'espace afin de créer un équilibre et une harmonie visuelle.

En étudiant la typographie, vous avez peut-être remarqué l'importance de l'espacement dans les caractères. Ajuster le crénage et l'interligne des polices est un excellent exercice pour développer votre sens de l'espacement. C'est pourquoi je vous recommande d'essayer KernType , un jeu où vous comparez votre solution de crénage à celle d'un typographe.

Voici un autre exercice qui vous aidera à développer votre œil : prenez un dessin existant, tracez les axes x et y, simplifiez-le en formes simples, analysez son équilibre, puis réorganisez les éléments. Soyez attentif à l'impact des espaces négatifs sur l'équilibre des éléments.

Fondamental n°3 : Utiliser la taille pour établir une hiérarchie visuelle

Pour créer une hiérarchie visuelle, le dimensionnement est primordial. En utilisant la taille pour exprimer les relations visuelles entre les éléments, vous pouvez créer une fluidité.

Le dimensionnement est l'une des raisons pour lesquelles les grilles sont utiles. Elles permettent de dimensionner les éléments à l'aide de ratios pour exprimer leur importance.

Une fois la taille d'un élément déterminée, conservez-la identique pour toutes ses instances. En design, la cohérence est primordiale.

Voici un exercice qui vous aidera à développer votre sens du dimensionnement.

La clé est de demander du feedback.

Esquissez ou réalisez une maquette d'une page d'accueil. Demandez ensuite à un ami d'examiner votre design. Demandez-lui d'entourer les éléments qui ressortent le plus. Ensuite, demandez-lui de numéroter les éléments entourés en fonction de leur poids visuel. Le résultat est-il conforme à vos attentes ?

Lorsque vous faites cet exercice, gardez les questions suivantes à l’esprit :

  • Quel est l'objectif de conversion de la page de destination ? Comment l'optimiser pour l'atteindre ?
  • Quelle est la relation entre les différents éléments ? Quels éléments souhaitez-vous mettre en valeur ?
  • Votre mise en page guide-t-elle avec succès le regard de l’utilisateur à travers la page ?

Fondamental n°4 : Utiliser la couleur pour transmettre du sens

La couleur joue de nombreux rôles. Elle transmet du sens, crée une résonance émotionnelle et apporte de l'unité aux créations.

Pour une exploration approfondie de la couleur, vous pouvez lire mon article « Concevoir en couleur » . Voici quelques points clés de cet article.

  • Identifiez l'objectif de votre design avant de choisir une palette de couleurs. Un bon design doit aligner sa palette de couleurs sur son objectif.
  • Identifiez votre public. Chacun perçoit les couleurs différemment. Leurs effets varient selon les préférences personnelles, l'éducation culturelle et les expériences.
  • Lors du choix d'une palette de couleurs, la simplicité est essentielle. Choisissez une couleur d'arrière-plan neutre. Choisissez ensuite une couleur d'accentuation principale et secondaire. Enfin, en fonction de vos autres couleurs, choisissez une couleur d'erreur et de réussite pour vos différents états d'interface utilisateur.

Une fois que vous maîtrisez les bases de la théorie des couleurs, la couleur devient une question d'expérimentation et d'itération. Sortez de votre zone de confort et testez de nouvelles palettes de couleurs.

Voici un exercice qui vous aidera à développer votre sens de la couleur.

Prenez le temps de compiler des palettes de couleurs pour vos objets préférés, comme des photos, des magazines et vos séries préférées. Ensuite, prenez un design existant et appliquez-lui de nouvelles palettes de couleurs.

Notez comment cela modifie l'ambiance et le ton du design. Cela change-t-il également le sens ?

Considérez votre travail comme un art, car il y a toujours quelque chose à améliorer. Fiez-vous à vous-même pour devenir un meilleur designer.

Merci de votre lecture !