Termes de conception à connaître

Travailler sur la conception de votre boutique en ligne devrait être un processus amusant. Même s’il est passionnant de voir votre marque prendre vie sur le Web, il est parfois difficile de conserver un nouveau design. Cette police fonctionnera-t-elle avec ma marque? Pourquoi cette image est-elle une basse résolution?

Pour vous assurer de tirer le meilleur parti de votre conception, il est important de comprendre la terminologie de conception de base. Nous avons rassemblé ce glossaire de certains termes de conception que vous devrez connaître pour comprendre le design et son fonctionnement sur le Web!

Copie du corps: Police principale utilisée pour de grandes quantités de texte dans un dessin. Par exemple, ce type que vous lisez en ce moment est une copie du corps.

CMJN: Un mode couleur composé de Cyan, Magenta, Jaune, Clé (noir). CMYK est utilisé à des fins d’impression.

Afficher la police: Utilisé pour attirer l’attention et se démarquer de la copie du corps. Dans le département de conception des services créatifs, nous utilisons des polices d’affichage non seulement pour attirer l’attention sur des zones importantes d’un site, mais également pour ajouter un intérêt visuel à la conception.

la grille: La base et le cadre sont constitués de colonnes régulièrement espacées et divisées. Travailler sur une grille est crucial lors de la conception d’un site réactif pour 2 raisons principales: 1. Cela permet aux concepteurs d’organiser proprement et proprement les éléments de manière cohérente, et 2. Il aide les développeurs quand vient le temps de coder une conception. Il est beaucoup plus facile pour un développeur de coder un site avec des éléments et des zones de texte qui sont tous alignés de manière cohérente au lieu de partout.

Code hexadécimal: Un chiffre à six chiffres utilisé dans le code pour représenter les couleurs. Pour référence # 000000 est le code hexadécimal pour le noir et #ffffff est le code hexadécimal pour le blanc.

Hiérarchie: La disposition visuelle des éléments sur une page qui aident à classer l’importance. Par exemple, nous pouvons rendre un titre plus grand et en gras pour attirer l’attention et garder les légendes d’image plus petites et moins visibles.

De premier plan: L’espace entre les lignes de texte. L’interlignage (prononcé «ledding») affecte la densité d’un groupe de texte. Essayez d’éviter les interlignes trop serrés, car cela pourrait entraîner un chevauchement du texte rendant le contenu illisible. Sinon, essayez d’éviter une avance très lâche. Les lignes de texte avec trop d’espace entre les deux peuvent sembler disjointes.

En relation :  5 secrets pour créer un excellent logo

Opacité: La transparence d’un élément de conception. Plus l’opacité est faible, plus elle est transparente.

RVB: Un mode de couleur composé de rouge, vert, bleu. RVB est utilisé à des fins à l’écran. Ce mode couleur est celui que les concepteurs de services créatifs utilisent le plus souvent.

Objet raster: Éléments de conception composés de pixels. Lorsque les pixels sont rétrécis ou étirés, ils perdent de la clarté et peuvent donner une image très floue.

Sensible: Capacité d’un design à s’adapter à différents appareils et tailles d’écran. Les concepteurs de services créatifs veillent à ce qu’une conception fonctionne bien sur tous les appareils afin d’offrir une expérience d’achat optimale aux utilisateurs.

Police sans empattement: Polices sans traits décoratifs à la fin des lignes horizontales et verticales d’un caractère. Les polices sans empattement sont généralement plus propres et modernes. Par exemple, Verdana est une police sans empattement.

Police Serif: Une police avec des traits décoratifs (bonjour, empattements) aux extrémités des lettres et des symboles. Les polices Serif donnent généralement un ton professionnel et traditionnel. Times Roman est un exemple de police serif.

suivi: L’espace entre les lettres. Le suivi d’un corps de texte modifie sa densité et son apparence. Si le texte a un suivi lâche, les lettres sont très espacées. Un suivi serré rapproche les lettres.

UI: Interface utilisateur. La conception de l’interface utilisateur signifie essentiellement la conception d’une interface intuitive et conviviale, claire et facile à utiliser.

UX: Expérience utilisateur. L’UX est essentiellement ce que ressent une personne lorsqu’elle interagit avec une application Web, un logiciel ou un site Web.

Objet vectoriel: Éléments de conception composés de points et de courbes. Contrairement aux objets raster, les objets vectoriels vous permettent de mettre à l’échelle librement un objet dans n’importe quelle direction sans perte de qualité ou de résolution. Si possible, les logos doivent toujours être au format vectoriel pour permettre une flexibilité maximale à la fois hors ligne et en ligne.

N’oubliez pas que vous plonger dans le monde de la conception Web ne doit pas nécessairement donner l’impression d’apprendre une nouvelle langue. Nous espérons que ce glossaire des termes de conception vous sera utile lorsque vous vous attaquerez à vos propres efforts de conception avec Moyens I/O!

Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.