Decode Graphic Design Jargon Part 2


Bienvenue dans la série qui dissèque la terminologie déroutante utilisée par les designers professionnels. 

Vous êtes-vous déjà sorti d'une réunion de design avec un sentiment de confusion plutôt que de motivation? Vous n'êtes pas seul: les concepteurs graphiques ont un ensemble de mots distinct et varié pour décrire toutes sortes de processus techniques et de conception, qui peuvent souvent sembler être une langue complètement étrangère..

Mais l'aide est à portée de main! Poursuivez votre lecture pour savoir comment traduire certains des termes les plus déroutants utilisés par les concepteurs professionnels..

En cela, le deuxième versement de Décoder le jargon graphique (Voir ici pour la première partie), nous allons un peu plus loin dans certains termes plus techniques utilisés par les concepteurs pour communiquer des instructions spécifiques relatives à la modification de la typographie, de la présentation, des couleurs et du style. Considérez votre cours de langue de conception en session.

Tout d’abord, quelques pépites déroutantes de typographie-jargon connexe:

1. «Débarrassez-vous de cet orphelin / veuve»

Cela peut sembler un peu peu charitable, mais ce n’est rien de personnel. Les orphelins et les veuves sont des erreurs typographiques mineures qui rendent le texte un peu moins net. Gardez un œil sur eux et tous les designers du bureau vous chériront.

UNE veuve est un mot unique qui se trouve à la fin d'un paragraphe sur sa propre ligne. Considérée comme indésirable par les typographes, une veuve casse la partie carrée du texte et laisse un espace trop blanc à côté, ce qui bloque le regard du lecteur et donne à l'ensemble du paragraphe un aspect légèrement déséquilibré.. 

Un orphelin est similaire - un seul mot, voire une courte ligne - sauf qu'il apparaît en haut d'une colonne de texte ou en haut d'une page. Celles-ci ont tendance à être plus courantes lorsque vous composez des morceaux de texte plus longs, comme dans un livre ou un magazine..

La solution pour les veuves et les orphelins? Soyez attentif, repérez-les et éliminez-vous! Cela peut être aussi simple que de réduire légèrement le suivi (l’espace entre toutes les lettres) soit sur la dernière ligne du paragraphe, soit sur l’ensemble du paragraphe si cela vous convient mieux. Ajouter Césure peut également aider de manière significative (une astuce courante dans la conception de journaux et de magazines), tout comme l'ajustement subtil de la largeur du cadre de texte.

Une belle police de caractères aide toujours vos paragraphes à paraître un peu plus raffinés et professionnels. Trouvez la police idéale sur le marché Envato.

2. "Ce paragraphe a l'air déformé"

'En lambeaux' semble juste que cela semble-un peu désordonné, débraillé et échevelé. Alors que certains paragraphes ont l’air soigné et carré, un paragraphe déchiqueté aura des lignes se terminant par des points verticaux différents, créant ainsi un effet en forme de marche qui semble inégal et asymétrique.. 

Il est un art de bannir les paragraphes trop déchirés. Une solution consiste à Justifier votre paragraphe, en tirant toutes les lignes de texte sur tout le cadre de texte pour remplir l'espace. Dans certains contextes, cela peut sembler agréable, mais si votre colonne est particulièrement étroite, les mots longs seront étirés pour remplir une seule ligne qui, en dehors de la composition du journal, peut paraître un peu étrange..

L’autre solution, plus modérée, consiste à maintenir le texte à l’écart dans les marges droite ou gauche, mais à réduire l’irrégularité du paragraphe en limitant l’entrée et la sortie des lignes. Vous pouvez le faire en insérant des sauts de ligne manuels ou en réduisant le suivi de tous, ou des éléments individuels, de texte.

Ce tutoriel vous guidera à travers le processus de correction du texte en lambeaux dans Adobe InDesign, pas à pas:

Ce guide pratique de A à Z vous permet de comprendre le sens d'une vaste gamme de termes de typographie. Assurez-vous d’échanger vos idées avant votre prochaine réunion et préparez-vous à impressionner.!

Le jargon de conception ne se limite pas à la typographie: vous entendrez des termes confus liés à Couleur aussi…

3. "Je le veux monochrome"

Vous avez peut-être passé des années à croire que le terme «monochrome» faisait référence à des compositions et des photos en noir et blanc, mais dans le monde du graphisme, le terme ne se limite pas aux nuances de noir et blanc..

Monochrome peut se rapporter à une couleur unique, à condition que cette couleur soit utilisée isolément, à côté de teintes de cette couleur. Ainsi, une affiche monochrome pourrait ne comporter qu'une seule nuance de bleu, et le concepteur pourrait utiliser du blanc ainsi que des teintes plus claires ou plus sombres de la nuance bleue pour contraster avec elle.. 

Cela peut être une technique vraiment efficace lors de la création d'une série de dessins, telle qu'une série d'affiches ou de couvertures de livres - une couleur peut être sélectionnée sur chaque dessin.. 

Vous recherchez un savoir-faire plus pratique sur l'application de palettes monochromes à vos conceptions? Dans ce cours, Kirk Nelson vous explique comment utiliser la couleur dans Adobe Photoshop:

4. 'Rendez les couleurs complémentaires / analogues'

Oh mon Dieu, ce sont deux grands mots qui ont le pouvoir de confondre les graphistes les plus chevronnés. 

UNE complémentaire La palette de couleurs est basée sur deux couleurs qui sont opposées l'une à l'autre sur une roue chromatique. Celles-ci seront différentes les unes des autres, mais s'harmoniseront très bien l'une à l'autre. Détachez des nuanciers de couleurs pour trouver des associations complémentaires en fonction de l'ambiance et du thème de votre conception..

Un analogue la palette de couleurs utilise un groupe de trois couleurs qui sont assises l'une à côté de l'autre sur une roue chromatique. 

Ils ont l'air bien ensemble parce qu'ils sont liés les uns aux autres: pensez jaune, orange et rouge. Ce qui nous amène joliment au prochain morceau de jargon à décoder…

5. 'Make it Warmer / Cooler'

À moins que vous ne serviez une tasse de thé à votre patron, une référence à plus chaud / plus froid quand on regarde un design est tout à voir avec la couleur. 

Vous avez probablement déjà une idée du fait qu'un design se sent plus chaud ou plus froid juste en le regardant. Couleurs chaudes se sentir plus confortable et plus terre à terre - elles pourraient convenir à des marques ou à des marques souhaitant que les gens se sentent à l'aise et réconfortés. Les rouges, les oranges et les jaunes font tous partie du groupe de couleurs chaudes. 

Couleurs froides se sentir plus retenu et apaisant. L'ajout de tons bleus, violets et verts à vos conceptions a un effet calmant immédiat sur le spectateur. Ils font un excellent partenaire pour des conceptions minimales.

La couleur occupe une large place dans le domaine du graphisme, et ces termes ne font que gratter la surface. Pour en savoir plus sur les bases de la théorie des couleurs, consultez l'introduction rapide d'Adi Purdila aux teintes, aux tons et aux nuances:

Ou approfondissez un peu plus la théorie des couleurs avec l'article de James Thomas sur la compréhension de la gestion des couleurs:

Peut-être avez-vous été chargé de créer une identité de marque, que nous avons examinée dans le premier volet de Décoder le jargon de concepteur. Vous serez troublé / indigné de constater que l’identité n’est pas le seul jargon auquel vous devez vous familiariser lorsque vous êtes confronté à un problème. l'image de marque projet…

6. 'Design Me a Brandmark'

Argh! Logos, identités de marque… et maintenant une «marque»?

UNE marque (parfois écrit comme "marque") est, à bien des égards, le Saint Graal pour les concepteurs de marques. Les marques de commerce sont des logos symboliques, qui fournissent une reconnaissance visuelle, plutôt que textuelle, d'une marque ou d'un produit. le Pomme logo est un exemple célèbre, avec le Nike swoosh, et coquilleest immédiatement reconnaissable coquillage jaune et rouge.

De nombreuses petites entreprises craindront les marques de commerce, et c'est bien aussi; elles ne fonctionnent que lorsque la marque est suffisamment connue pour être reconnaissable par un symbole visuel seul sans l'invite d'un nom de texte. Donc, si votre client ouvre un café local, une marque ne sera peut-être pas le meilleur choix (et le client aura besoin de le dire!), Mais un gros client ambitieux pourrait bien bénéficier d'un logo symbolique intelligemment conçu.

7. "En fait, je veux un logotype"

OK, respire, on peut décoder ça, pas de problème.

UNE logotype C'est là que le logo est conçu autour d'une version dactylographiée du nom de la marque. Plus qu'un simple jeu de noms tapé sous une image, les logotypes ont tendance à intégrer les éléments de conception fondamentaux à la typographie elle-même.. Google, Cadbury, NASA, Skype et Se nicher sont des exemples de marques qui ont opté pour les logotypes.

Vous remarquerez que la majorité des marques de produits alimentaires utilisent un logo plutôt qu'une marque. En effet, la reconnaissance du nom de la marque est particulièrement importante dans un contexte de supermarché concurrentiel.. 

Des produits de style de vie ambitieux, comme ceux vendus par Pomme, peut trouver qu'une marque accroît réellement le désir du produit et lui donne un aspect plus exclusif, élégant ou spécial.

En savoir plus sur la création de logos et d’identités de marque à partir de zéro avec notre Concevoir et construire une marque ou découvrez comment nous avons créé une identité de marque complète pour notre propre équipe de Design & Illustration résidente:

Les graphistes ont aussi des termes spécifiques pour parler de la conception mises en page. Vous rencontrerez peut-être certains de ces mots et expressions lors de réunions dans des agences ou avec des clients, lorsque les concepteurs veulent discuter de la manière dont les éléments peuvent être mieux organisés sur une page…

8. 'Changeons la hiérarchie'

Lorsqu'un concepteur commence à parler de hiérarchie, il fait en fait référence à une gamme d'options et de techniques différentes qui permettront au contenu de la page d'être affiché plus clairement. Si vous concevez une mise en page avec plusieurs éléments, tels que des images, du texte et des graphiques, imposez une hiérarchie visuelle sur ceux-ci (par exemple, l’élément A sera plus grand que l’élément B, l’élément A sera placé au-dessus de l’élément B, etc.) donnera la structure de votre page, permettant au contenu d’être digéré facilement par le lecteur.

Il existe une vaste gamme d'options pour créer une hiérarchie visuelle sur une mise en page. Si un concepteur ou un client souhaite modifier la hiérarchie existante, il laisse entendre qu'il souhaite que vous adoptiez une méthode différente pour organiser les éléments sur la page. Voici quelques principes pour créer une hiérarchie visuelle sur votre page:

  • Commencer à partir des bases-créer une grille (voir Partie 1 pour une traduction de 'grille') et assurez-vous que le contenu se lit de gauche à droite (pour la plupart des langues) et que le contenu à lire en premier se trouve en haut de la page, en descendant. Ce style de mise en page est connu sous le nom de 'Motif F' ou 'E-pattern' en raison de la forme approximative qu'il fait sur la page.
  • Optez pour un «motif en Z»-cela vous invite à placer le premier élément de contenu à lire ou à regarder dans le coin supérieur gauche du «Z», en passant par le «Z» jusqu'au dernier point situé en bas à droite, le meilleur endroit pour passer un appel. -to-action ou texte / image de conclusion.
  • Utilisez des techniques de conception pour attirer l'attention sur les éléments vous souhaitez appliquer une typographie audacieuse au sommet de la hiérarchie, jouer avec la taille des éléments ou extraire certains éléments d'une couleur attrayante pour créer un sens aigu de la hiérarchie dans votre mise en page.
Tutoriel de CV coloré
  • Soyez un peu «dehors» et casser la grille-les grilles structurent les dispositions selon des principes linéaires, des éléments de boxe et permettent au texte de s’asseoir le long de lignes droites. Si vous cassez la grille, en introduisant un élément à un angle léger ou incurvé, cela contrastera avec les éléments alignés sur la grille et permettra à cet élément de prendre une place centrale..

9. "Vous devez utiliser la règle des tiers"

Eek, ça a l'air effrayant. Mais ne paniquez pas: la règle des tiers est l’un des principes de conception les plus simples et les plus efficaces à prendre en compte. 

le Règle des tiers est basé sur l’idée de diviser une mise en page en neuf parties égales en créant une grille sur la page de deux lignes et deux lignes vers le bas. 

Le fait de placer des éléments aux intersections de cette grille a le pouvoir magique de rendre les mises en page instantanément plus attrayantes. En effet, bien que nous trouvions la symétrie attrayante, nous sommes tellement habitués à la voir qu’elle peut passer inaperçue à l’œil humain. La règle des tiers encourage une asymétrie douce, ce qui crie au spectateur que c'est un peu inhabituel, ce qui garde le spectateur engagé.. 

Les «points chauds» de la grille de la règle des tiers sont mis en évidence ci-dessous. Si vous placez la partie du contenu sur laquelle vous souhaitez attirer l'attention (ou celle qui est la plus occupée) sur l'un de ces points chauds, la mise en page sera un peu plus agréable.. 

Essayez-le et voyez si vous pouvez transformer vos mises en page pour le meilleur!

10. 'OK, fais-moi un mannequin'

Une fois que vous avez finalisé vos mises en page, à la fin du processus de conception mais avant d’imprimer, un concepteur ou un client peut vous demander de créer un 'mannequin'

Il s’agit d’une maquette de l’article que vous avez conçu, qu’il s’agisse d’un document d’une page, comme une affiche ou un flyer, ou d’un article de plusieurs pages ou plus complexe, comme un livre ou un emballage..

Tutoriel sur la conception d'emballage

Vous pouvez créer cela à l'aide de votre imprimante de bureau ou à la maison, puis mettre les pages ensemble dans le bon ordre. Le mannequin n'a pas besoin de paraître poli ni joli, mais il doit montrer les informations techniques nécessaires pour imprimer et plier correctement l'élément. Les numéros de page, les indications de plis et de coupes et les notes techniques vous seront utiles..

Une fois que vous avez créé le mannequin, le concepteur peut vouloir le vérifier et le signer avant d’accepter de l’envoyer à l’impression.*. Après cela, il pourrait y avoir une deuxième étape de préimpression facultative, dans laquelle l’imprimante vous fournira un preuve du document final. Ceci est une version imprimée par des professionnels montrant les couleurs et la disposition du document tel qu'il apparaîtra en tant que produit fini. Ce n’est qu’après que le concepteur l’a vu et approuvé que l’imprimeur aura le feu vert pour exécuter l’ensemble du tirage..

* Pour les documents plus complexes, tels que les brochures de plusieurs pages ou les conceptions d'emballage, il est toujours judicieux de partager votre mannequin avec l'imprimante afin qu'elle puisse voir exactement comment le produit final doit être assemblé..

Besoin d'aide pour concevoir un emballage? Découvrez la vaste gamme de modèles d'emballage, des étiquettes simples aux boîtes plus complexes, sur Envato Market..

Bien joué! Vous êtes maintenant couramment dans 'Designer'

Nul besoin de vous sentir perdu dans la traduction lors de votre prochaine réunion de conception. Le jargon des concepteurs peut sembler un peu déroutant, mais souvent, la signification des mots est relativement simple à comprendre. Dans cet article, nous avons abordé quelques-uns des éléments de jargon technique les plus courants pouvant apparaître au cours du processus de conception.. 

Pour parler de typographie:

  • 'Débarrassez-vous de cet orphelin / veuve'-translation: "Supprimez les mots ou expressions parasites en haut ou en bas d'une colonne de texte"
  • "Ce paragraphe a l'air en lambeaux"-translation: 'Remettez en ordre l’alignement des marges de votre texte en justifiant ou en permettant un effet de pas plus modéré'

Pour parler de couleur:

  • "Je veux que ce soit monochrome"-Traduction: "Utilisez des nuances d'une seule couleur dans cette conception"
  • "Rendre les couleurs complémentaires / analogues"-translation: 'Utilisez une roue de couleurs pour choisir une palette de couleurs offrant un contraste (des côtés opposés de la roue) ou une relation les unes par rapport aux autres (couleurs se posant côte à côte sur la roue)'
  • "Faites-le plus chaud / plus froid"-translation: 'Utilisez soit un ensemble de couleurs associé à l'extrémité chaude du spectre de couleurs (rouges, oranges, jaunes) ou à l'extrémité froide (bleus, verts, violets)'

Pour parler de design de marque:

  • "Concevez-moi une marque"-translation: 'Concevoir un logo en utilisant uniquement un symbole visuel'
  • 'En fait, non, je veux un logotype'-translation: 'Concevoir un logo en utilisant une version textuelle du nom de la marque'

Pour parler de mises en page:

  • 'Changeons la hiérarchie'-traduction: 'Changeons la disposition des éléments sur la page'
  • "Vous devez utiliser la règle des tiers"-translation: 'Utilisez une grille de 9 carrés pour disposer les éléments de manière asymétrique sur la page'
  • 'OK, fais moi un mannequin'-Traduction: 'Construire une maquette ou un prototype approximatif de la conception finale'

Avez-vous rencontré récemment un jargon déconcertant en matière de conception graphique? Partagez vos histoires dans les commentaires ci-dessous!