Découvrir le design graphique : Ce que tout designer doit savoir

Sortir des blocs

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Pour de meilleurs designs, il faut réellement penser hors du cadre. Examinez l'exemple d'une situation typique : celle d'un cadre rectangulaire sur lequel on place une photo rectangulaire.
09:45

Transcription

Nous vivons dans un monde de rectangles. Les feuilles de papier sont rectangulaires, nos écrans, nos téléphones mobiles, nos photos. Tout est rectangulaire. Résultat : dans nos designs, nous introduisons des rectangles. Le problème, c'est que les rectangles ne sont pas très efficaces en communication. Pour de meilleurs designs, il faut réellement penser hors du cadre. Voici l'exemple d'une situation typique : un cadre rectangulaire sur lequel on place une photo rectangulaire. Cela semble anodin. Pourtant, lorsque l'on place un rectangle sur un autre, on crée des rectangles supplémentaires. Votre cerveau filtre ceci. Mes vos yeux les voient, ils doivent traiter l'information. On ajoute un titre, en lettres capitales et on obtient un autre rectangle. On ajoute un bloc de texte, justifié des deux cotés, c'est encore un rectangle. Enfin, on place deux autres photos, toutes deux rectangulaires. En fait ici, nous ne sommes pas en train de créer un design adapté à l'histoire. On crée des rectangles, on les organise, on les déplace sur la page afin qu'ils s'harmonisent bien les uns avec les autres. Une meilleure solution consiste à oublier les rectangles. On sort l'aigle de son cadre, on le déplace vers la partie inférieure droite de la page. On ajoute le titre ici, en très gros, en majuscules et minuscules pour éviter l'aspect rectangulaire. Puis, on rajoute la carte mais hors de son cadre. Enfin, on réintroduit le texte et on obtient un design bien plus séduisant. Notre design porte sur les éléments. Notre design porte sur les photos. Notre design porte sur la carte. Notre design porte sur le texte. Nous ne sommes plus en train de créer des rectangles. Il faut penser littéralement hors du cadre. Voici un autre exemple intéressant : Angela Versari est designer. C'est une italienne qui vit en Afrique du sud. Elle s'est créée un carte de visite et me l'a envoyée pour avoir mon avis. C'est une démarche courante lorsque l'on est pas vraiment satisfait de son design. Angela m'a également envoyé quelques commentaires très utiles. Elle m'a dit qu'elle adorait le Time Roman, le rouge et le noir. Et qu'elle ne voulait pas d'une carte girly. Elle dispose d'un bon cocktail d'éléments. Comme vous allez le voir dans un instant. Mais sur sa carte, on trouve ses initiales : A.V. Une lettre noire et une blanche, sur un rectangle rouge. Son nom dans une calligraphie ornementée, centrée près du coin, en haut à gauche. Et ses coordonnées sur une seule ligne, au bas de la carte. Je lui ai demandé : Angela d'où sort ce gribouillis ? Elle m'a répondu qu'elle l'avait ajouté pour essayer d'adoucir le design, car il lui paraissait trop rigide. De fait, la rigidité provient des rectangles. On a un logo rouge et rectangulaire sur une carte rectangulaire, avec une ligne de texte rectangulaire en bas et cela crée des espaces blancs rectangulaires au milieu de la carte. Tout cela résulte de ses initiales qu'elle a mises dans un cadre. En regardant bien, on remarque un A en Time Roman, en blanc sur le devant. Derrière, on trouve un V en Time Roman. C'est même du Time Roman Bold. Une police beaucoup moins séduisante que le Time Roman. Mais plus grande. Et ensuite, on a le nom Versari en bas du rectangle, en majuscule, en Time Roman, avec une ombre. Et la lettre A possède ces deux empattements. À la base, le A devrait avoir ses deux pieds sur le sol. Il devrait être campé sur ses deux jambes. Mais là, il flotte. La source de lumière provient d'un endroit inhabituel, d'en bas. La lumière vient normalement d'en haut. Mais le vrai problème avec le fait de mettre tous ces éléments dans un cadre, c'est que l'on crée immédiatement d'autres formes, car les lettres interagissent avec le rectangle. Ici, les lettres sont triangulaires, donc pleins de triangles apparaissent. Tous ces éléments sont non communiquants. Le rectangle du cadre, les triangles à l'intérieur du cadre, tout cela n'a rien à voir avec les initiales. Dans ce cas, la solution est très simple. Il faut tout sortir du cadre. Commençons par la lettre V, on la met en rouge. C'est du Time Roman. On la copie, on la met à l'envers. Cela donne un A. On colore le A en noir, car c'est la plus forte des deux lettres. Ses deux pieds sont ancrés au sol, elle est en position dominante, donc elle reçoit la couleur dominante. Mais il ne faut pas que le A domine le V, donc on le coupe en deux. J'ai séparé les deux parties pour que vous puissiez bien visualiser. Et on met une des jambes à l'arrière. Nous obtenons instantanément une image séduisante. En rouge et noir, des couleurs puissantes, en Time Roman. Pas de lettre en gras. Pas d'ombre, pas de cadre. Le résultat ressemble beaucoup à un chiffre romain, ce qui est pertinent ici. Nous ajoutons son nom, et c'est très réussi, en utilisant tout simplement les éléments d'origine. Tout cela, en sortant des blocs, en sortant du cadre. À présent, pour sa carte de visite, il ne reste plus qu'à centrer cela au recto, et à ajouter son prénom à gauche, son nom à droite, dans la couleur appropriée. On indique ses coordonnées au verso. Le design est identique. Son nom est en majuscule. « Angela » en noir. « Versari » en rouge. Tout est centré. C'est le même thème qu'au recto, le design est très clair. On pourrait avoir envie de mettre le verso en rouge aussi, mais ça serait un peu trop surchargé. Il est plus facile de lire les lettres en noir et rouge sur un fond blanc. D'autant plus qu'il s'agit de tous petits caractères. Le résultat obtenu est magnifique. Ce logo rend très bien sur un T-shirt. Il rend très bien sur un sac de course. Nous avons un design très simple, très beau et très net. Et cela, en le sortant de son bloc. Voici un autre exemple, simple, que vous pouvez utiliser lors du recadrage de vos photos. Les photos ont une forme rectangulaire. Pourtant, vous savez bien que ce chien ne vit pas dans un rectangle. Il existe une solution très simple. Il suffit de rogner un petit bout du fond rectangulaire. Laisser son oreille s'échapper du cadre. Cela suffit à sortir le chien du bloc, à le libérer, à donner l'impression qu'il est dans la vraie vie, pas dans un cadre. Voici un exemple plus impressionnant : cet avion à réaction. Nous allons rogner la moitié du fond, ici, il s'agit du ciel. Nous en éliminons la moitié. L'avion peut voler-vers l'arrière plan, ou au contraire voler pour en sortir. On ajoute un petit bloc de texte dans le coin, en haut, à gauche. Le résultat est vraiment superbe. Ce résultat n'est certes pas subtil. Le lecteur va remarquer le cadrage. Mais c'est plutôt chouette dans ce cas. Donc sortir le design du bloc donne de bons résultats. Un autre exemple, très fréquent : vous avez le volet d'un dépliant et un bloc de texte à placer. Comme ce texte est justifié, et même s'il ne l'était pas, vous obtenez une sorte de rectangle à l'intérieur d'un rectangle. Pour atténuer cet effet, il suffit d'augmenter l'espacement entre les lignes. Vous avez toujours un rectangle, mais l'espace est tellement important que vous n'avez plus l'impression de voir seulement un petit bloc à l'intérieur d'un autre bloc.

Découvrir le design graphique : Ce que tout designer doit savoir

Abordez les techniques fondamentales en matière de conception graphique. Mettez ainsi en valeur votre page, écran, produit ou présentation et optimisez leur performance.

1h00 (11 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !