Avez-vous déjà du mal à comprendre le jargon des concepteurs? (Cela peut arriver aussi bien aux designers qu'aux non-designers.) Le jargon du design a évolué au fil des ans, laissant sans doute certains d'entre vous secouer la tête!
Nous allons décomposer une partie de la terminologie, par type de conception, dans l’espoir de permettre aux concepteurs et aux clients de communiquer plus efficacement. Voici un guide de ce que tout cela signifie avec 12 termes, chacun dans les catégories conception générale et conception Web. Revenez plus tard cette semaine pour connaître les termes relatifs à la conception d’impression et à la typographie.
Conception générale
Il existe assez peu de mots universellement utilisés pour concevoir des projets - imprimés et en ligne. Ces termes peuvent faire la différence entre communiquer facilement avec d'autres concepteurs ou clients et avoir du mal à se comprendre.
Alignement: La position des éléments dans les marges. Cela peut s’appliquer au texte, aux images ou à d’autres éléments. Il existe quatre types d'alignement: gauche, droite, justifié et centré.
Palette de couleurs (nuancier): Ensemble de couleurs défini pouvant être utilisé dans un projet. Chaque couleur doit avoir une valeur définie plutôt qu'un nom tel que rouge, violet ou menthe. Il n'y a pas de nombre défini de couleurs dans une palette; ils varient souvent selon les projets et incluent trois teintes, nuances et teintes ou plus.
Copyfitting: Le processus d’ajustement de la taille des caractères, du suivi et de l’espacement des lignes pour l’adapter à l’espace souhaité. Les techniques de copie peuvent inclure des manipulations de la police (taille et espacement) ou l'édition pour adapter les mots.
FPO (pour le poste seulement): Il s'agit d'une image de substitution, généralement de faible résolution, utilisée pour conserver une forme ou une taille donnée avant que l'image finale ne soit prête.
Grec: Changer les propriétés d'affichage pour accélérer le taux de rafraîchissement sur un écran de sorte que les images et le texte s'affichent rapidement sous forme de zones grises s'appelle le greeking. Cela rendra les images et le type illisibles. Certains concepteurs utilisent ce terme pour faire référence à une image ou à un texte ne liant pas correctement à un document, ce qui entraîne également une zone grise.
Image de héros: L'image ou le graphique le plus grand et le plus audacieux de la conception. Cette image souvent surdimensionnée est le point central d'un dessin.
Espace négatif (espace blanc): L'espace inutilisé autour de votre conception est référencé avec ces termes. L'espace blanc est généralement défini comme un espace en dehors des zones de texte et d'image, tandis que l'espace négatif fait souvent partie du schéma de conception global. Les deux doivent être considérés comme des espaces prévus et planifiés.
Pantone: Le système de correspondance Pantone est un système de couleur exclusif créé par la société Pantone et communément appelé «Pantone». Le système standardisé permet aux concepteurs de "parler la même langue". en termes de couleur pour une variété d'options de publication.
Preuve (coller, filaire, maquette): Une première copie d'un projet de conception qui est utilisée pour examiner les concepts, rechercher les erreurs et servir d'outil pour vérifier le statut d'un projet.
Sens inverse: Utilisez le type et la couleur dans le sens opposé, comme le type blanc sur fond noir. Inverser fait également référence au négatif d'une image.
Règle: Lignes fines utilisées pour distinguer les parties de la conception. Les règles peuvent être autonomes ou être utilisées autour d'objets, par exemple pour encadrer une photo ou un texte de contour.
Vecteur (vs raster): Le format vectoriel utilise des lignes, des formes et des formules mathématiques pour créer des images. L'avantage des formats vectoriels est la création d'images et de formes pouvant être redimensionnées sans perte de qualité. Le vecteur est le format préféré pour la création de logo. Les formats raster utilisent des pixels (petits carrés) pour créer des images. ils dépendent de la résolution.
Web et design numérique
En ce qui concerne le jargon Web et la conception numérique, certains termes semblent changer tout le temps. Une partie du jargon le plus récent vient des tendances du design et des techniques populaires.
Anti crénelage: Cette technique est-elle utilisée pour lisser les bords des polices et des objets construits au format raster? Le processus est automatisé à l'aide d'un logiciel commun.
Bannière: La grande image ou un élément en haut d'une page Web. Une bannière peut être une information liée au site Web et contenir un logo, des informations de navigation ou une publicité (bannière publicitaire) qui apparaît dans la partie supérieure de la page. Les bannières publicitaires correspondent généralement à la largeur de l'écran (ou à la plus grande annonce en haut de l'écran) de 120 pixels de profondeur.
CAPTCHA: Cet acronyme pour des tests de turing publics complètement automatisés pour différencier les ordinateurs des humains est utilisé pour protéger les sites des robots. Un CAPTCHA est couramment utilisé pour remplir un formulaire ou une autre saisie de données. La technologie open-source est courante et comprend divers formats de test (mots, chiffres et questions).
Favicon: Petite image de 16 x 16 pixels à côté de l'URL d'un site Web dans la barre de menus du navigateur et à côté des signets. La petite image sert à rendre votre site Web plus reconnaissable. Les favicons sont un élément commun de la conception Web.
Appartement: Cette tendance de conception a pris son envol à la fin de 2013 et continue d'être populaire. Le style de design plat est minimal, il utilise des techniques simples, du type et presque aucun effet de design ou astuce. Apple a adopté un style presque plat pour iOS 7 et d'autres sites populaires, notamment Facebook et Google+, qui utilisent un style plat.
Lorem ipsum: Texte fictif ou fictif qui utilise une variété de caractères à différents "mots" longueurs pour vous donner une idée précise de ce type ressemblera dans un bloc de texte.
Parallaxe: La parallaxe est une technique dans laquelle les couches de contenu sont conçues pour fonctionner et se déplacer ensemble. Les images d'arrière-plan, du milieu et de l'avant-plan sont créées et conçues pour se déplacer à différentes vitesses, de manière à ce que les éléments à l'écran bougent. C'est une technique de défilement courante et à la mode. (En savoir plus dans un article récent de Design Shack.)
Conception sensible: Ce concept de conception de sites Web permet à un seul site d’obtenir un bon rendu de son rendu sur divers appareils (ordinateurs de bureau, tablettes et mobiles) de différentes tailles. L'avantage est d'avoir un seul site avec une expérience utilisateur commune.
RVB: Le mode couleur pour la conception numérique qui utilise des combinaisons de rouge, de vert et de bleu pour créer des couleurs. Dans le modèle RVB, chaque teinte utilise ces couleurs pour créer toutes les couleurs.
Curseur: Cette technique populaire utilise un gros bloc (souvent basé sur jQuery) pour faire pivoter plusieurs images (et texte) en un seul endroit du site. Les curseurs peuvent s'exécuter automatiquement ou en fonction de clics ou de pressions.
Étiquette: Code associé à un élément spécifique fournissant des instructions pour le formatage. Une des références communes est? Alt tag ,? qui comprend des informations sur une image sous forme de texte.
UX (expérience utilisateur): Le terme le plus important dans la conception Web et numérique est l’expérience utilisateur, ou son fonctionnement. UX comprend tout ce qui concerne l'interaction d'une personne avec un élément numérique, du comportement à l'émotion en passant par l'attitude.
Phrases à la mode
Parfois, le jargon évolue avec le temps. Voici quatre mots à la mode que vous devriez connaître.
Contour: Tout comme une règle, cela fait référence à quelque chose qui est décrit. Mais ce type de forme est plus fluide et permet de créer un effet 3D.
Skeuomorphic: Un style qui tente de donner aux éléments sur une surface plane un aspect et une sensation tridimensionnels. Ces éléments ont utilisé un design? Des astuces? tels que les ombres, le biseautage et les dégradés pour obtenir l’effet souhaité.
Structuré: Les conceptions utilisant des formes géométriques et des proportions standard sont appelées structurées. (Pensez à un logo tel que Fort Worth Museum, qui utilise plusieurs carrés.)
Translucide: Cet effet ressemble beaucoup au verre dépoli, avec une couche superposée permettant à une partie de l’image d’arrière-plan de transparaître. Les couleurs et les formes de l'image apparaîtront, mais sans définition.
Conclusion
Nous pourrions continuer encore et encore avec encore plus de jargon lié au design. Et en fait, nous le ferons. Assurez-vous de chercher le glossaire des mots «concepteurs», nouveaux et anciens (partie 2)? pour les termes liés à la conception d'impression et de typographie.
J'espère que ce guide vous a aidé à comprendre un peu plus le jargon du design. Quels autres mots entendez-vous plus souvent ces jours-ci? Savez-vous ce qu'ils veulent dire? Partagez avec nous dans les commentaires.
Source de l'image: SamahR.