Termes de conception que tout non-concepteur doit connaître

Travailler avec un designer peut être très amusant jusqu'à ce que vous réalisiez que vous parlez deux langues différentes. Lorsque vous n'avez aucune idée de ce que l'autre personne veut dire, ou que vous devez rechercher sur Google tous les autres mots qu'elle dit, vous savez qu'il est temps de réviser les termes de conception.

Ainsi, dans ce blog, nous vous donnons une ventilation des différents termes utilisés par les concepteurs afin que vous sachiez exactement à quoi vous avez affaire.

Termes de conception de marque

Marque de combinaison

C'est quelque chose qui rassemble ou combine le logomark et le logotype.

Logotype

Les logos sont également connus sous le nom de marque et sont des symboles qui représentent une marque. Ils ne contiennent pas le nom de la marque et sont plutôt abstraits et simples.

Logotype

Il s'agit généralement du nom de l'entreprise conçu de manière unique avec un attrait esthétique.

Icône

Une icône est une méthode très simple pour faire passer l'idée au lecteur. Ils simplifient et séparent également le texte de toute conception Web. Ils ne doivent pas être confondus avec un logo et peuvent être utilisés dans un large éventail d'applications.

Termes de conception liés à la couleur

CMJN

Cela signifie Cyan, Magenta Yellow et Key et est un modèle de couleur utilisé pour les conceptions d'impression. Comment cela fonctionne, c'est que de minuscules points de ces couleurs sont disposés. Et lorsqu'ils sont utilisés dans différentes combinaisons, ils afficheront des couleurs différentes. Si vous ajoutez, par exemple, les quatre couleurs ensemble, vous obtiendrez du noir.

Palette de couleurs

Il s'agit d'un ensemble de couleurs qui se complètent et rassembleront les éléments d'un design.

Pente

Un dégradé vous permettra d'ajouter de la profondeur et de la dimension au design que vous créez. Cela permettra également aux yeux des spectateurs de passer en douceur d'une couleur à l'autre. L'utilisation de couleurs plates peut créer une sortie finale tout aussi plate. L'utilisation chaotique des couleurs peut être trop chargée, mais avec des dégradés, vous pouvez assurer l'ordre et l'attrait esthétique. Il existe quelques types de dégradés que vous pouvez utiliser.

• Linéaire - ici, la couleur passera d'un point de départ à une ligne droite.
• Radial - ici, les couleurs s'étaleront à partir du point de départ central dans un motif circulaire.
• Angle – le motif s'écoule dans le sens inverse des aiguilles d'une montre. La ligne qui indique le début et la fin de la répartition des couleurs est clairement visible.
• Réfléchi – la couleur se répand également des deux côtés du point de départ. C'est fantastique à utiliser lorsque vous concevez quelque chose avec une finition brillante.
• Diamant – la couleur se répand sous la forme d'un diamant. Ce point de départ serait généralement un coin de la forme en losange.

Teintes, teintes, tons et nuances

Une teinte est essentiellement n'importe quelle couleur sur la roue chromatique et ces couleurs peuvent se combiner pour créer d'autres couleurs secondaires et primaires.

Désormais, lorsque vous mélangez du noir, du blanc ou les deux dans une teinte (couleur) sur la roue chromatique, vous obtenez des variations. Ces variations sont ce que nous appelons des teintes, des tons et des nuances.

Lorsque vous mélangez du blanc dans n'importe quelle teinte, vous obtenez des teintes. C'est une version claire et désaturée de la couleur qui n'est pas aussi intense. Ils sont également connus sous le nom de pastels et sont des couleurs plus calmes.

Lorsque vous mélangez du noir et du blanc avec une teinte, vous obtenez un ton. Essentiellement, vous ajoutez du gris à la teinte. Vous pouvez éclaircir ou assombrir le ton en fonction des quantités de noir et de blanc que vous ajoutez.

Si vous ajoutez simplement du noir à une teinte, vous obtenez une nuance. C'est plus foncé et beaucoup plus intense que la teinte d'origine. Ajouter du noir peut être délicat car une petite quantité peut être vraiment accablante.

Espace négatif/blanc

Cela fait référence à l'espace qui entoure les éléments visuels que vous avez dans votre conception. Cela dit, l'espace n'est pas négatif et il n'est pas non plus nécessaire qu'il soit blanc. C'est juste plus d'espace pour respirer dans la conception et il peut avoir n'importe quelle couleur, motif et texture. L'espace blanc est également très important lorsque vous concevez. Cela aide à mettre l'accent sur les bons points de concentration et à évoquer une humeur.

Opacité

Ce terme fait référence à la transparence de votre image. Il est généralement affiché en pourcentage. 0 % signifie que l'image est masquée et 100 % signifie que l'image est entièrement transparente.

Pantone

Ce sont des couleurs qui représentent une nuance spécifique. Essentiellement, vous pouvez communiquer la couleur exacte dont vous avez besoin grâce à un code pantone. Ceci est considéré comme le langage de base pour les couleurs dans les graphiques. La formule développée par pantone est connue sous le nom de couleur d'accompagnement. Cela signifie que la palette pantone est composée de 18 couleurs de base et non d'écrans ou de points.

RVB

Ce modèle de couleur est utilisé pour les écrans et représente le rouge, le bleu et le vert. Lorsque vous ajoutez toutes ces couleurs, vous pouvez obtenir la couleur blanche.

Saturation

Ce terme décrit l'intensité de la couleur dans l'image. Une image saturée aura des couleurs trop vives. Si vos images sont sous-exposées par exemple, vous pouvez utiliser des graphiques pour augmenter la saturation des couleurs.

Termes de conception de type d'image

Images raster

Celles-ci sont aussi parfois appelées images bitmap et sont constituées de milliers de pixels qui détermineront ensuite la couleur et la forme des images. Par exemple, les photos sont des images raster. Les redimensionner peut être difficile car ces images sont constituées d'une quantité finie de pixels.

Lorsque, par exemple, vous donnez à une image raster des dimensions plus grandes dans Photoshop, le logiciel devra inventer des données afin d'ajouter à la taille de l'image et cela se traduira par une mauvaise qualité. Il existe plusieurs types de fichiers différents que vous devez connaître dans les images raster.

• GIF - le Graphics Interchange Format est un fichier raster qui prend en charge la transparence et l'animation. Les GIF ne peuvent afficher que jusqu'à 256 couleurs, ce qui réduit considérablement la taille de leurs fichiers.
• JPEG - cela signifie Joint Photographic Experts Group et est le format raster le plus largement utilisé en matière de conceptions Web. Ceux-ci se chargent rapidement et sont des fichiers compressés.
• PNG - ces fichiers ne perdent pas leur qualité même lorsqu'ils sont compressés et représentent Portable Network Graphics. Ils ont un format basé sur le Web. Ces fichiers ont en fait été développés pour que la qualité des fichiers GIF puisse être améliorée.
• PSD - lorsqu'un concepteur crée une image de fichier raster de travail non compressée dans Adobe Photoshop, elle devient un fichier PSD. Les lettres signifient Photoshop Document.
• TIFF - Tagged Image File Format est utilisé assez couramment pour échanger des images raster entre les applications. Il a une qualité légèrement supérieure à JPEG ou PNG et est principalement utilisé par les photographes et les industries de l'édition.

Images vectorielles

Les images vectorielles sont composées de nombreux points. Ces points ont une coordonnée X ou Y. Ces points rejoindront ensuite des chemins et formeront des formes et vous pourrez ensuite ajouter de la couleur à l'intérieur de ces formes. Les vecteurs peuvent être agrandis sans que vous ayez à vous soucier de la qualité. Ils sont généralement utilisés pour les logos et les graphiques qui peuvent être utilisés comme de nombreuses sorties différentes, des dépliants aux panneaux d'affichage. Regardons les différents types d'images qui entrent dans cette catégorie.

• AI - cela signifie document Adobe Illustrator. Ce format de fichier a été créé par les systèmes Adobe et ils ont des conceptions vectorielles d'une seule page.
• EPS - Le post-script encapsulé peut être redimensionné et est largement utilisé pour les conceptions vectorielles. Il est de très haute qualité et est utilisé dans de nombreux éléments d'impression comme les logos, les brochures et les cartes de visite.
• PDF – développé par Adobe, Portable Document Format est un type de fichier qui peut être téléchargé et visualisé par n'importe quel ordinateur. Ils sont idéaux pour partager des aperçus de travail car ils sont universellement visibles.

Résolution

Il existe 2 types ici dont vous devez être conscient, à savoir DPI et PPI.

• Le DPI est quelque chose dont vous devez vous préoccuper lorsque vous travaillez pour produire une sortie imprimée. Il représente également les points par pouce. Il s'agit essentiellement du nombre de points par pouce sur une page imprimée. Plus le nombre de points ici est élevé, plus la qualité de l'image est élevée. La norme pour une image d'impression est de 300 DPI.
• PPI signifie pixels par pouce. Si vous créez une image de grande taille dans Photoshop, vous devrez augmenter le nombre de pixels par pouce, où Photoshop constituera les données et vous perdrez également en qualité.

La résolution ne s'appliquera qu'aux images raster car les vecteurs ne fonctionneront pas avec les pixels.

Termes de conception de police, de texte et de typographie

Bloqueur

Il s'agit d'une extension linéaire d'une lettre affichée au-dessus de la ligne médiane.

Ligne de base

Il s'agit de la ligne même visible sur laquelle toutes les lettres que vous mettez dans votre dessin seront placées.

Hauteur du bouchon

C'est la distance entre la ligne de base et le haut des lettres majuscules.

Descendeur

Il s'agit d'une extension sur une lettre qui apparaîtra sous la ligne de base. Les zones en rouge dans l'exemple ci-dessous sont les descendants des lettres données.

Crénage

Cela fait référence à l'ajustement de l'espacement entre les caractères d'une police particulière afin d'obtenir un résultat plus agréable visuellement. Par exemple, vous voudrez peut-être laisser un peu d'espace entre le t et le i pour que le bras du t ne se confonde pas avec le i. Vous devrez également vous assurer que le crénage que vous faites est précis lorsqu'il s'agit d'utiliser des majuscules telles que T ou A dans n'importe quel titre.

Orphelins et veuves

Lorsque vous travaillez avec la composition, les veuves sont les paragraphes qui se terminent par une ligne au début de la page suivante ou de la colonne. Maintenant, les orphelins, en revanche, sont des paragraphes qui commencent au bas de la page ou de la colonne. Ils n'ont pas l'air trop attrayants et doivent généralement être remplis avec plus de copie, ou votre concepteur peut essayer de les réparer. S'il y a des mots simples qui tombent à la dernière ligne d'un paragraphe, essayez de travailler dessus car ils ont l'air disgracieux.

Sans empattement

Il s'agit d'un groupe de polices qui n'utilisent pas les lignes et les stubs à la fin des caractères comme dans le cas des empattements. Certaines des polices populaires appartenant à ce groupe sont Helvetica, Arial et Geneva. Les polices San Serif sont un peu difficiles à lire. Ils ne sont souvent utilisés que dans des textes courts comme des légendes et des titres.

Scénario

Ces polices imitent l'écriture manuscrite cursive. Il a une touche personnelle comme dans le cas de la calligraphie. Vous pouvez choisir parmi deux types de polices de script différentes - formelles et décontractées. Le groupe formel a beaucoup de touches de fantaisie en eux. Ils sont également très faciles à identifier car ils ont des boucles et des fioritures qui sortent de l'empattement. Maintenant, d'un autre côté, la police de script décontractée a moins de bits de curling. Si vous souhaitez donner à votre conception une atmosphère chaleureuse, vous pouvez utiliser ce type de police. Cependant, lorsque vous choisissez une police comme les scripts, vous devez faire attention car la lisibilité peut être inférieure.

Serif

Les empattements sont un type de police couramment utilisé. Les lettres dans ce cas ont des talons décoratifs comme indiqué dans l'image ci-dessus, où vous pouvez voir les morceaux verts en surbrillance. Il existe quatre principaux types de polices Serif.

• Style ancien
• De transition
• Didon
• Slab Serif

Suivi

Le suivi fait référence soit à l'augmentation (pour la plupart), soit à la diminution de l'espace entre les lettres d'une ligne ou d'un bloc de texte. Il est généralement appliqué horizontalement. Le leadership se produit lorsque le même principe est appliqué verticalement. Il s'agit essentiellement de maintenir le même espace entre 2 lignes. L'objectif principal ici est de s'assurer que votre type est lisible et que les descendeurs ne fusionneront pas avec la ligne immédiatement en dessous.

Conditions générales de conception

Alignement

L'alignement fait essentiellement référence à la manière dont les éléments de votre conception, qui comprennent du texte et des images, sont disposés les uns par rapport aux autres. Ces images peuvent être alignées pour s'adapter à la page et s'agencer parfaitement les unes aux autres.

Ratio d'aspect

Il s'agit de la relation proportionnelle entre la hauteur et la largeur. Vous le verrez dans un format x:y. Par exemple, une image qui a les dimensions de 6 x 4 aura un rapport d'aspect de 3:2. Cela décidera du rapport et de la forme de l'image et non de sa taille.

Contraste

C'est un principe de conception qui se produit lorsque deux éléments du visuel sont assez radicalement différents. Plus la différence est grande, plus le contraste est important. Le contraste de conception vous aidera à transmettre le message en guidant l'œil du spectateur vers les points focaux. Cela contribue également à améliorer la lisibilité. Vous pouvez voir le contraste appliqué en termes de couleur, de taille, de valeur ou de tout autre aspect d'un dessin.

Compression

La compression d'une image est essentiellement ce qui se passe lorsque la taille en octets d'un fichier graphique est réduite, sans que cela ait un impact négatif sur la qualité de l'image. Lorsque la taille du fichier est réduite, cela facilite l'envoi de ces fichiers par e-mail et ne prend que moins d'espace de stockage. Ils seront alors également facilement téléchargeables à partir de pages web.

Conception plate

Un design plat est un style de conception d'interface utilisateur qui comporte des éléments très simples et bidimensionnels ainsi que des couleurs vives et éclatantes.

Solde

Cela concerne l'équilibrage des éléments dans la page afin que les composants graphiques et textuels soient disposés correctement et uniformément. Il existe 3 façons principales d'y parvenir.

• Asymétrique - Cette peinture de Van Gogh est l'exemple parfait de conception asymétrique où différents objets et couleurs sont utilisés pour créer la pièce parfaite qui n'est pas répartie uniformément. En graphisme, lorsqu'il y a par exemple une image d'un côté et du texte de l'autre, on dit qu'il est asymétrique.

• Symétrique - tous les éléments de conception sont équilibrés uniformément des deux côtés d'une ligne centrale.

• Radial - dans ce type de conception, les éléments rayonneraient à partir d'un point central, ce qui créerait à son tour un équilibre dans la conception.

Composition et mise en page

La composition d'un design (c'est-à-dire la forme) est l'agencement des différents éléments de design. Si la composition est réussie, elle attirera le spectateur et portera également son regard sur le design complet. Il est composé de nombreux éléments différents comme l'équilibre, l'alignement, la proximité, l'espace blanc et le contraste.

Échelle

La taille d'un élément de conception par rapport à un autre élément de cette même conception.

Texture

En graphisme, quand on parle de texture, on fait référence au toucher, à l'actualisation et au ressenti. Cette caractéristique rehaussera les autres éléments de votre conception comme les couleurs, le contenu, les motifs et les illustrations.

Couper et fondre

La taille de coupe représentera les dimensions finales de la conception que vous faites. Le saignement se produit essentiellement lorsque la conception s'étend au-delà de la taille de la garniture. Lorsque la conception finale est terminée, la zone de fond perdu sera coupée la plupart du temps. Le but de la zone de fond perdu est de s'assurer que la conception atteint correctement tous les coins sans avoir de bordures blanches qui peuvent sembler assez disgracieuses.

Connaître vos termes peut vous aider beaucoup

Nous vous avons apporté beaucoup de choses qui, nous le savons, vous aideront en tant que non-designer, mais l'apprentissage du design ne s'arrête pas là ! Tout comme les tendances en matière de conception, les termes de conception changent également. Et plus vous essayez de rester à jour, mieux vous serez en mesure de poursuivre votre travail. De cette façon, lorsque les membres de votre équipe ou votre patron vous disent ce que vous devez faire et que les détails sont accompagnés de jargon, vous saurez exactement ce qu'ils signifient.