Abat-jour Abaque
Le plateau supérieur du chapiteau de la colonne ; en architecture - le couronnement de la colonne, qui prend le poids de la corniche.
boulier d'avant-garde Le nom général d'un certain nombre de tendances dans l'art du XXe siècle. Avant-gardisme - le déni des formes d'art traditionnelles, la destruction des vues esthétiques établies, un penchant pour l'expression.
Style asiatique d'avant-garde Les principales caractéristiques de ce style sont l'ordre, l'équilibre, la clarté et la simplicité. L'intérêt pour le Feng Shui a rendu ce style populaire ces derniers temps. La texture, la palette neutre et l'accent mis sur le concept de la maison en tant que sanctuaire sont tous importants. Ce style est bien décrit par l'expression "moins c'est plus".
Acanthe de style asiatique Plante herbacée méridionale à grandes feuilles dentelées disposées en rosettes. Le motif d'acanthe est largement utilisé dans l'art ancien.
Aquarelle d'acanthe Peinture hydrosoluble et technique de peinture utilisant l'effet de transparence de la couche picturale.
Nom familier des polymères à base de dérivés d'acide acrylique et des matériaux fabriqués à partir de ceux-ci.
Axonométrie Acrylique Méthode de représentation d'objets dans un dessin à l'aide de projections parallèles. Une telle image se caractérise par une grande clarté, car. illustre un modèle 3D.
Axonométrie Accentuation de la composition Partie principale, centre de composition.
Allégorie
Image conditionnelle d'un concept abstrait.
visage de diamant
Éléments de décoration sous forme de morceaux de pierres précieuses.
Encoche ou niche dans un mur. Alcôve signifiait à l'origine une chambre à coucher, un lit fermé par un rideau. Dans un intérieur moderne, les alcôves sont de petites pièces latérales dans lesquelles la lumière ne pénètre pas directement de l'extérieur, mais uniquement des autres pièces à travers des portes ou des fenêtres en verre.
Alcôve Empire Le style du classicisme tardif (1er tiers du XIXe siècle). Les formes lapidaires massives, emphatiquement monumentales, sont caractéristiques; décor riche (souvent exotique); le recours à l'héritage artistique de la Rome impériale, l'utilisation de symboles militaro-impériaux. Le style s'est développé sous le règne de Napoléon Ier Bonaparte.
Amphore Empire Vase grec ancien à col étroit.
Peinture à l'argile colorée sur céramique.
entablement engobe Plafond à poutres de la travée, reposant sur des colonnes, et composé d'architrave, frise et corniche. Un entablement fait partie intégrante d'un ordre architectural.
Entablement Antiquité Histoire et culture de la Grèce antique et de la Rome antique, ainsi que des pays et des peuples.
Parquet, une étagère sous le plafond pour ranger diverses choses, séparée de la pièce par des portes. Le mot est également utilisé pour désigner le haut de l'armoire. La mezzanine est aussi appelée la partie haute de la salle haute, divisée en deux demi-étages.
Antrésol Anthropométrie Une des branches de l'anthropologie qui étudie les caractéristiques dimensionnelles de la structure, les mouvements de base et les postures du corps humain. L'anthropométrie établit des valeurs moyennes pour des personnes de sexe, d'âge, d'ethnie et de région géographique différents. Les données anthropométriques sont utilisées dans la conception pour assurer la proportionnalité des objets à une personne et, par conséquent, la facilité d'utilisation et le confort.
Entourage
Environnement, environnement. Celui qui accompagne le centre visuel, l'élément principal. Dans une certaine mesure, l'entourage peut être comparé au décor dans lequel se déroule l'action principale.
Une série de pièces communicantes dont les portes sont sur le même axe. Caractéristique du baroque et du classicisme.
Demande d'enfilade Une technique d'art et d'artisanat qui crée un ornement ou n'importe quelle image en superposant des morceaux d'un autre matériau sur le fond principal.
Un ornement en stuc plan ou fin avec un motif complexe, généralement symétrique, stylisant des pousses de plantes (parfois combiné avec des figures géométriques, des inscriptions, des images de personnes et d'animaux). Emprunté par l'art européen du Moyen Âge aux compositions ornementales de l'art islamique.
Arche Arabesque Type de structure architecturale, chevauchement arqué de l'ouverture - l'espace entre deux supports - colonnes, pylônes.
Arc Arcature. Frise en arc. Un certain nombre d'arcs décoratifs sur la façade du bâtiment ou sur les murs à l'intérieur.
Arcature. Frise en arc. arcs-boutants Dans les basiliques gothiques - ponts en arc qui transfèrent les forces d'expansion des arcs de la voûte centrale aux contreforts ; forment le squelette externe des structures de support.
Arcs-boutants Arlequin Meubles avec un secret, dont l'apparence ne correspond pas à la fonction.
Profilé de fenêtre Arlequin Renforcing Élément de renfort en acier à l'intérieur du profilé en PVC.
1920-1940 Direction, style géométrique dans l'architecture et le mobilier de maison, populaire dans les années 20 et 30 du XXe siècle. Façades caractéristiquement géométriques, arrondies, "fluides", meubles en bois avec poignées chromées et autres détails, plateaux de table en verre. L'Art Déco utilise de l'érable massif, du frêne, du palissandre, du bois de madronya. Le style Déco a de nombreuses sources : dessins cubistes, art amérindien, design automobile et aéronautique moderne.
Art Déco Art Nouveau Un style qui s'est développé en France et en Europe à la fin du XIXe siècle, avec des lignes fluides décoratives. La nature est une source d'inspiration, c'est pourquoi les thèmes des fleurs, des feuilles, des oiseaux et des insectes sont si caractéristiques du style. Les motifs nature sont souvent fabuleux et asymétriques. Ce style se caractérise également par des images de femmes aux longs cheveux raides et aux robes longues.
Art nouveau archaïque Ancien, propre à l'antiquité ; dans l'art grec - la période jusqu'au milieu du Ve siècle. avant JC e.
Archaïque
Répondant à l'antiquité, dépassé.
Architectonique
Modèles structurels inhérents à la conception d'un bâtiment, sculpture.
division architecture
La désignation générale des colonnes, des pilastres, des corniches, des profils, des arcs, des arcades, des balustres, des risalits, etc., adoptée dans les structures architecturales, que l'on retrouve dans les produits de meubles anciens.
Architectural
Caractéristique pour le type de construction d'art du bâtiment.
Colonne portante sous la forme d'une figure masculine puissante sur des meubles ou des bâtiments.
Atlante Atrius. Atrium. La partie centrale de l'ancienne habitation romaine et italienne (domus), qui était une cour intérieure de lumière, d'où il y avait des sorties vers toutes les autres pièces. Dans l'architecture moderne, l'atrium est l'espace de distribution central, généralement multi-lumière, d'un bâtiment public, isolé par une lucarne ou une ouverture dans le plafond.
Atrium. Atrium. Grenier Un mur au-dessus de la corniche couronnant la structure. Le grenier est souvent décoré de reliefs ou d'inscriptions.
La conception graphique, comme toute autre profession, regorge de jargon et de termes que vous ne connaissez peut-être pas. Dans cet article, nous avons fourni quelques termes clés que vous devez connaître, il sera donc utile aux débutants comme aux professionnels déjà expérimentés de se rafraîchir la mémoire.
1. Images matricielles et vectorielles
Les images raster sont composées de milliers de pixels qui définissent la couleur et la forme de l'image.
Les photos sont des bitmaps. Photoshop est l'éditeur raster le plus courant qui vous permet de travailler avec des couleurs et d'autres options de pixels. Mais les bitmaps sont constitués d'un nombre fini de pixels, ce qui pose des problèmes lors du redimensionnement de l'image. Si vous souhaitez agrandir un bitmap, le logiciel doit traiter les données pour ajouter des dimensions. En conséquence, l'image perd en qualité.
Les images vectorielles sont constituées de points, chacun représentant une coordonnée X et Y. Ces points relient des chemins, créant des formes que vous pouvez remplir de couleur. Étant donné que l'image est créée sur la base de ce principe, vous pouvez redimensionner les vecteurs autant que vous le souhaitez sans craindre de perdre en qualité.
Dernièrement, Adobe Illustrator a parcouru un long chemin et les graphiques vectoriels sont devenus incroyablement complexes. Vous pouvez désormais ajouter des dégradés, créer des formes complexes et bien plus encore pour créer des illustrations vectorielles détaillées. Comme les vecteurs peuvent être mis à l'échelle autant que vous le souhaitez, ils sont très souvent utilisés dans la création de logos et autres graphiques qui devront être placés sur des supports de différentes tailles.
2. CMJN et RVB
CMJN est le mode couleur standard pour l'impression - magazines, journaux, dépliants, brochures, etc. CMJN signifie : Cyan (cyan), Magenta (magenta), Yellow (jaune), Key (noir).
Lorsque vous travaillez dans Photoshop ou Illustrator, vous avez la possibilité de choisir le mode de couleur CMJN, RVB (rouge/rouge, vert/vert, bleu/bleu) ou autres (mais les deux ci-dessus sont ceux que vous devez connaître).
Étant donné que CMJN a une gamme de couleurs plus limitée que RVB (qui représente pratiquement ce que l'œil humain voit), vous pouvez rencontrer un manque de couleur lors de la conversion d'une image du mode RVB au mode CMJN.
3. PPP et PPP
La permission est un autre terme clé qui est souvent négligé. Deux acronymes principaux sont utilisés pour parler de résolution : DPI et PPI.
DPI est utilisé lorsque vous travaillez avec du matériel graphique qui sera imprimé. Il signifie "Dots Per Inch" - "Dots Per Inch", et sa valeur correspond au nombre de points par pouce d'une page imprimée. En général, plus il y a de points par pouce, meilleure est la qualité de l'image. 300 DPI est la norme pour les images imprimées.
PPI signifie "Pixels Per Inch" - "Pixels per inch", et, par conséquent, signifie le nombre de pixels par pouce. Si vous effectuez un zoom avant sur une image dans Photoshop, vous augmenterez le nombre de pixels par pouce et perdrez en qualité car le programme doit créer de nouvelles données.
N'oubliez pas que la résolution ne s'applique qu'aux graphiques raster, car les vecteurs ne fonctionnent pas avec les pixels.
En termes simples, la typographie est l'art d'organiser le texte. C'est l'un des fondements de la conception graphique et chaque concepteur doit comprendre la typographie.
La différence entre une bonne copie et une excellente copie est ce qui fait argumenter les concepteurs. La typographie rend le texte beau, équilibré et lisible.
Une grille dans la conception graphique est une série de lignes verticales et horizontales qui se croisent conçues pour organiser et structurer le contenu. Peu importe le programme que vous utilisez, la grille vous aidera à composer et à équilibrer le texte et les images.
Les grilles se composent souvent de grands espaces en haut et de colonnes de taille égale qui couvrent tout l'espace en dessous. Mais il n'y a pas de restrictions concernant le type de grilles.
6. Création de logo et image de marque
Un logo est une chose puissante ; Un bon logo fonctionne comme un rappel constant d'une entreprise ou d'un produit, et pour les designers, les logos sont un concours dans lequel ils doivent distiller l'essence du client en un simple élément graphique. Les meilleurs logos peuvent durer très longtemps, et une nouvelle conception de logo peut être ennuyeuse car quelque chose de familier est remplacé par quelque chose de nouveau.
Tout sauf le logo est une image de marque. Alors qu'un logo fait généralement partie d'une marque, l'image de marque concerne la marque. Une bonne identité se construit à partir d'un certain nombre d'éléments, et le logo reflétera ces éléments et fonctionnera indépendamment d'eux.
Une image de marque correctement créée vous permet de mieux expliquer aux consommateurs le but et l'essence de l'entreprise, son histoire et son caractère.
Vous êtes-vous déjà demandé ce qui deviendrait possible pour vous en marketing, même avec quelques connaissances en design ? Vous souhaitez faire passer vos réseaux sociaux au niveau supérieur, augmenter le nombre d'abonnés, de likes et de partages ? Un bon contenu visuel est indispensable ! Heureusement, à l'ère d'Internet, apprendre de nouvelles choses est devenu accessible à tous ceux qui savent utiliser un moteur de recherche. Pour vous aider à démarrer dans un nouveau domaine, découvrez ces 48 concepts de design et leurs utilisations. Pour faciliter la lecture, nous avons divisé les termes en groupes.
Inscription
La façon dont vous placez les objets dans l'image déterminera la perception de l'information par le lecteur. Il est important de placer aux points cibles de la conception, le reste ne doit pas distraire beaucoup d'attention.
1. Nombre d'or
Le nombre d'or est le rapport de deux quantités lorsque, en divisant la plus grande par la plus petite, on obtient le nombre 1,618. En utilisant la règle du nombre d'or, vous pouvez rendre vos photos agréables à regarder. Définissez comment les yeux du spectateur parcourront l'image - de l'espace le plus libre à la partie saturée.
Vous trouverez ci-dessous un exemple de la façon dont le nombre d'or est utilisé pour diviser l'espace entre le corps principal du site et la barre latérale.
2. Règle des tiers
Imaginez qu'une grille est dessinée sur votre image, qui divise l'image en 3 parties égales avec ses lignes.
Pour améliorer l'aspect visuel des images, placez des objets sur des lignes et leurs points d'intersection. L'horizon est mieux placé sur l'un des guides.
Utilisez les points de grille où les guides se croisent comme cibles pour votre conception.
Polices et remplissage
Il n'y a pas de règles obligatoires pour savoir quand utiliser un type de police ou un autre. Cependant, suivre un certain nombre de conseils d'experts rendra le texte plus lisible. il est généralement conseillé d'utiliser des polices sans empattement pour le corps principal du texte sur le site, mais les polices avec empattement conviennent mieux aux titres - elles attirent l'attention du lecteur.
3. Polices Serif (serif)
Les empattements sont comme un petit « balayage » ou boucle sur les lettres. Le représentant le plus célèbre est Times New Roman. Les polices Serif sont mieux utilisées pour les titres et autres éléments accrocheurs. Ils attirent l'attention du lecteur.
4. Sans empattement
"Sans" signifie "sans", respectivement, "sans-serif" - une police sans empattement sur les lettres. Un représentant typique est Arial.
Les polices sans empattement conviennent mieux au corps du texte. Rien n'empêchera le lecteur de percevoir l'information.
5. Polices Serif sous forme de plaques (slab serif)
La chose à propos des empattements de plaque est qu'ils se sentent plus géométriques et plus grands que les empattements traditionnels.
Un exemple d'une telle police est Museo Slab.
6. Styles de texte manuscrits
Basé sur le style d'écriture manuscrite. Ils sont plus lisses que les types de polices traditionnels. Bon pour la conception de logo et l'image de marque globale.
Un exemple de ce à quoi un texte de police manuscrit pourrait ressembler.
7. Police monospace
La police à espacement fixe (également connue sous le nom de police à pas fixe, à largeur fixe ou non proportionnelle) se produit lorsque des lettres et d'autres caractères (chiffres et icônes symboliques) occupent la même quantité d'espace horizontal. En d'autres termes : la lettre « g » et la lettre « t » auront la même largeur, ainsi que le chiffre « 2 ». Un large éventail de texte à espacement fixe est difficile à percevoir. Mais cela peut être une bonne solution de conception pour les titres sur les affiches.
8. Hiérarchie
La hiérarchie en typographie est un système d'organisation qui établit un ordre d'importance entre les données, facilitant ainsi la navigation dans le contenu. Cela aide à diriger l'œil du lecteur du début à la fin de la section, ce qui vous permet de mettre en évidence les informations nécessaires.
Un exemple illustrant l'importance de la hiérarchie des objets dans le texte.
9. Crénage
Le crénage est une modification sélective de l'espacement entre les lettres. Cet élément définit l'espace entre deux lettres spécifiques (ou d'autres caractères : chiffres, ponctuation, etc.). Ainsi, il y a un ajustement des espaces, ce qui améliore la lisibilité du texte.
10. Espacement entre les mots
En anglais, il existe un concept de suivi. Cela signifie à peu près la même chose que le crénage. La différence est qu'au lieu de se concentrer sur les espaces entre les lettres individuelles, l'attention est portée sur les espaces entre un groupe de lettres/entre des mots. Tout comme le crénage, l'élément est nécessaire pour améliorer la lisibilité du texte.
11. Espace entre les lignes
Détermine quel sera l'espace dans le texte entre les lignes. Utilisé pour créer un espace entre le bas d'une ligne et le haut de la ligne suivante pour faciliter la lecture.
Un grand espace entre les lignes vous permet de diviser le texte en blocs, paragraphes. Une légère division rend le texte unifié.
12. Cordes suspendues
Ce sont les lignes de texte qui restent "seules" en haut ou en bas d'un paragraphe. Il existe 2 options pour accrocher des cordes :
- Mot/phrase de sortie : lorsque la dernière ligne d'un paragraphe contient un mot ou une ligne très courte. Visuellement, la ligne semble petite, décalée par rapport au reste du paragraphe.
- Ligne de départ : La dernière ligne d'un paragraphe qui a été déplacée au début de la page suivante. Il est séparé du corps principal du texte.
Au stade de la mise en page, ils essaient de supprimer les lignes suspendues. Leur aversion s'explique par des raisons esthétiques (le texte perd son uniformité et sa forme rectangulaire) et techniques (les lignes pendantes réduisent la lisibilité du texte).
13. Lorem Ipsum
Lorem Ipsum est un pangramme classique en texte brut utilisé dans l'industrie du design. Il s'agit généralement d'un texte dépourvu de sens, qui utilise toutes ou presque toutes les lettres de l'alphabet. Lorem Ipsum est nécessaire pour remplir la mise en page. En même temps, il est utile de considérer le texte dans les paramètres donnés.
Couleurs
Les couleurs choisies jouent un rôle important dans la perception du message de l'auteur. Certaines couleurs incitent à l'action, d'autres se détendent. Une difficulté distincte dans la sélection des couleurs est la différence d'affichage des tons sur les écrans et le papier.
14. RVB
RVB est un modèle de couleur dans lequel le rouge, le vert et le bleu sont les couleurs primaires. Ils sont mélangés de plusieurs façons pour reproduire une large gamme de couleurs. Dans le cadre de ce modèle de couleurs, on pense que le mélange des couleurs donne du blanc. Étant donné que le modèle RVB est utilisé pour les images sur l'écran des ordinateurs et autres équipements, le rétroéclairage de l'écran est pris en compte dans les couleurs.
15. HEX
Hex est un modèle à 6 couleurs utilisé dans la conception d'applications HTML, CSS et logicielles pour représenter les couleurs.
16. CMJN
CMJN est le modèle de couleur utilisé pour l'impression. Les couleurs CMJN sont initialement plus claires que les couleurs produites par mélange. Plus il y a de mélanges, plus la couleur obtenue est foncée.
La base est jaune, magenta, cyan et noir, dont le mélange conduit à la création de nouvelles couleurs. Pourquoi avez-vous besoin d'un modèle CMJN ? Le modèle RVB est conçu pour les écrans numériques et perd de sa luminosité lors de l'impression. Il fallait un modèle qui préserve les couleurs lors de l'impression.
17. Modèle de couleur Pantone
Système de correspondance des couleurs standardisé. Chaque nuance a son propre numéro, ce qui simplifie le processus de recherche et de reproduction de la couleur souhaitée.
18. Couleurs chaudes
Les couleurs chaudes comme le rouge, l'orange, le jaune ou des variations de ces couleurs sont amicales, joyeuses, douillettes.
19. Couleurs froides
Les couleurs froides comme le bleu, le vert, le violet ont un effet calmant.
20. Analogues
Les schémas de couleurs analogiques utilisent des couleurs côte à côte sur la roue chromatique. Ils vont généralement bien ensemble et créent un design calme et confortable.
21. Gratuit
Les couleurs complémentaires sont des couleurs opposées sur la roue chromatique (par exemple, le rouge et le vert). Les couleurs situées aux points opposés du cercle vous permettent de "jouer" avec le contraste et de mettre en valeur les objets nécessaires.
22. Triades
Cette palette de couleurs conseille d'utiliser des couleurs espacées uniformément sur la roue chromatique. Si vous reliez les couleurs avec des points, vous obtenez un triangle équilatéral. Comme d'autres façons de travailler avec la roue chromatique, les triades vous aident à choisir des couleurs qui s'harmonisent les unes avec les autres.
23. Théorie des couleurs
Il existe 3 concepts de base dans la théorie des couleurs :
- Cercles de couleur - donnent un indice sur les couleurs qu'il est préférable d'utiliser ensemble.
- L'harmonie des couleurs est la cohérence des couleurs en raison de leur proportionnalité trouvée des formes et des volumes d'utilisation.
- Le contexte d'utilisation des couleurs, leur impact sur la perception humaine.
Comprendre comment utiliser différentes couleurs pour transmettre un message est une partie importante de la conception et du marketing. Vous trouverez ci-dessous un petit guide sur la façon dont les couleurs affectent la perception du cerveau.
24. palette
Une palette de couleurs est un ensemble de couleurs qui peut être utilisé pour toutes les illustrations ou dessins qui représentent votre marque. Les couleurs sélectionnées doivent être en harmonie les unes avec les autres.
25. Monochrome
Le terme "monochrome" est utilisé pour décrire des dessins ou des photographies qui sont réalisés dans la même couleur ou différentes nuances de la même couleur. La réception est souvent utilisée pour donner à l'image l'effet de l'antiquité.
26. Dégradé
Un dégradé est un changement progressif de couleur vers une autre couleur (par exemple, le vert passe au bleu) ou une transition en douceur d'une couleur vers la transparence. Il existe 2 types de dégradé : linéaire et radial.
Dans les images, un dégradé peut aider à rendre un objet plus réaliste. Par exemple, créez un effet de surbrillance.
27. Transparence/Opacité
Cela vous permet de rendre certains éléments de conception transparents. Plus le niveau d'opacité est faible, plus l'élément apparaît transparent. Par exemple, une opacité de 100 % signifie que l'objet est normal.
Les objets plus transparents « pèsent » moins. Vous pouvez sélectionner d'autres éléments dans l'image. A l'aide de la transparence, ils "jouent" avec les nuances de couleurs.
28. Ton
La teinte est une façon de décrire la couleur. Toute couleur sur la roue chromatique est un ton. Le rouge, le bleu et le jaune sont des tons.
29. Teinte
La teinte est une variante d'une couleur. Les teintes sont créées en ajoutant du blanc à n'importe quelle teinte de la roue chromatique. L'éclaircissement et la réduction du ton rendent la couleur moins intense.
Les tons saturés vous permettent de mettre en évidence l'essentiel. L'utilisation de nuances rend les objets visuellement plus doux et plus légers.
l'image de marque
Le nom, le logo, le symbole de la marque d'une entreprise est presque comme un nom pour une personne. Un certain style de l'entreprise souligne son unicité et la distingue des autres.
30.Logo
Logo - le nom de l'entreprise, qui est conçu dans un design unique pour un usage professionnel. Toute entreprise a besoin de se faire un nom sous la forme d'un logo afin que l'acheteur puisse identifier facilement et rapidement les produits.
31. Symbole de la marque
En règle générale, un symbole de marque ne contient pas de nom de société. L'entreprise utilise un symbole ou une icône pour se représenter. Tout comme un logo, il permet d'identifier les produits.
32. Icône
Les icônes sont des images utilisées pour représenter un objet ou une action. Par exemple, une image d'un stylo peut représenter le processus d'écriture de quelque chose, ou simplement le stylo lui-même en tant qu'objet.
Les icônes peuvent être utilisées pour créer un nom de marque. Ils ne doivent pas nécessairement être liés à ce que fait votre entreprise, mais ils doivent transmettre le sentiment que vous souhaitez transmettre au client.
Les icônes peuvent aider à économiser de l'espace lors de la création d'un site Web d'entreprise. Au lieu de mots ou de textes volumineux, il suffit de placer une image. Cependant, lorsque vous utilisez des images emblématiques, réfléchissez bien à ce que vous voulez présenter exactement et à quel point c'est clair pour votre public.
33. Guides de style
Les guides de style sont un ensemble de normes de conception pour tout ce qui concerne votre marque, qu'il s'agisse d'une page de destination, de cartes de visite ou simplement de documents imprimés. La raison de la création d'un guide de style est d'assurer une cohérence totale partout où le nom de la marque apparaît.
Travail de conception
Il est important de considérer le fonctionnement de chaque détail de conception. Des détails d'accompagnement brillants peuvent interférer avec la perception de l'information principale. Dans un méli-mélo d'éléments, le client ne verra pas votre super offre, un fond clair détournera l'attention du texte utile. Un espace esthétiquement bien conçu vous permettra de ne pas perdre de prospects et d'obtenir de nouveaux clients.
34. Grille
Nécessaire pour séparer uniformément les colonnes et les lignes. Les points de grille aident les concepteurs à positionner les éléments de manière appropriée. La grille vous permet de répartir uniformément les objets sur la mise en page.
35. Échelle
En design, l'échelle est le rapport de la taille d'un objet à la taille d'un autre. Deux éléments de même taille peuvent sembler identiques, mais des éléments de tailles nettement différentes auront un aspect différent.
Lorsque vous placez des éléments de conception côte à côte, pensez à la façon dont l'échelle peut être utilisée pour aider à illustrer les significations dans l'ensemble de l'image. Par exemple, un grand cercle semblera plus influent et important qu'un plus petit.
36. Format d'image
Il s'agit du rapport entre la largeur et la hauteur d'une forme, le plus souvent un rectangle (puisque la plupart des écrans ont une largeur supérieure à la hauteur). Il s'écrit sous la forme d'un rapport mathématique utilisant deux nombres séparés par deux points (largeur:hauteur).
37. Textures
La texture est un certain type de "surface" d'une image. Vous pouvez faire en sorte que l'objet de l'image ait l'air d'être fait de brique ou de tissu. La texture donne du volume et du réalisme à l'image, rend l'image «savoureuse» et vendeuse.
38. Disposition symétrique des objets
C'est la disposition des choses dans l'image de sorte qu'elles forment un angle de 90 ou 180 degrés l'une par rapport à l'autre. En d'autres termes : les objets sont parallèles ou perpendiculaires les uns aux autres.
Cette technique est souvent utilisée par les publications de mode. Il permet à l'auteur de montrer plusieurs objets à la fois sans créer de surcharge visuelle. Des objets soigneusement et soigneusement disposés rendent la photo élégante et attirent l'attention du public par leur esthétique.
39. Espace blanc
L'espace blanc, également appelé espace négatif, est la zone d'une décision de conception qui reste vide. L'espace entre les graphiques, les images et tout le reste de la page. Bien qu'il soit communément appelé espace blanc, il peut en fait être de n'importe quelle couleur.
Un bon exemple d'espace blanc est la page d'accueil de Google. Tout est pratiquement blanc pour que les utilisateurs puissent se concentrer sur la barre de recherche.
40. Résolution
La résolution d'une image détermine sa qualité. Généralement, plus la résolution est élevée, meilleure est la qualité. En haute résolution, l'image sera claire et nette. En bas - l'image sera floue, floue.
41. Contraste
Le contraste se produit lorsque 2 éléments d'une page semblent différents. Il peut s'agir de couleurs différentes pour le texte et l'arrière-plan, ou de tons sombres et clairs pour les images. L'une des principales raisons d'utiliser le contraste dans la conception est d'attirer l'attention.
42. Saturation
La saturation fait référence à l'intensité et à la pureté d'une couleur. Plus la couleur est saturée, plus elle apparaît brillante. Les couleurs désaturées apparaissent pâles.
La saturation élevée de tous les éléments de l'image les fait ressortir, ils peuvent attirer plus d'attention et avoir visuellement plus de poids que le reste des détails. Si vous souhaitez ajouter du texte à une image, il est préférable d'utiliser un arrière-plan légèrement saturé.
43. Flou
Le flou rend l'image floue, floue. C'est une bonne idée d'utiliser l'effet de flou lorsque vous allez superposer un calque de texte sur une image. Le texte et certains détails de l'image peuvent former une relation compétitive les uns avec les autres, le flou élimine cette situation et rend le texte plus lisible.
44. Recadrage
Lorsque vous recadrez une image, vous supprimez la partie indésirable de l'image. Le recadrage vous permet de modifier l'accentuation ou la direction d'une image.
45. Rendu d'objet réaliste
Lorsqu'un élément numérique ressemble à une copie exacte d'un élément physique. Par exemple, les étagères des applications de lecture ressemblent et agissent comme des objets dans la vie réelle.
Ce type de design était populaire au début des années 2010 et est encore utilisé aujourd'hui sur certains sites. Quand le rendu réaliste peut-il être utile ? Par exemple, vous publiez des exemples de vos produits sur le site. Un client potentiel pourra évaluer l'apparence, il lui sera plus facile de prendre une décision d'achat. L'utilisation d'un rendu réaliste des boutons sur le site permettra aux visiteurs de trouver plus facilement des éléments "cliquables".
46. Design plat
Une approche minimaliste qui mise sur la simplicité et la praticité. En règle générale, une telle conception se caractérise par la présence d'un grand espace libre dans l'image, des contours clairs, des couleurs vives et des illustrations en deux dimensions.
Le design plat (ou plat) est très populaire. Il donne à l'image une sensation de légèreté et de tendance. Convient pour attirer un jeune public. Cependant, l'utilisation du design plat sur les sites Web présente un inconvénient important - il n'est pas toujours évident de savoir quels objets sont cliquables et lesquels ne le sont pas.
47. Trame
Les images raster sont constituées d'une grille de pixels. Lorsque l'image est redimensionnée, elle peut devenir floue. Il y a de fortes chances que la plupart des images que vous avez vues soient raster.
48. Vecteur
Les images vectorielles sont composées de pixels, de lignes et de courbes. Cela signifie que l'image peut être redimensionnée sans perte de qualité. Contrairement aux images raster, les images vectorielles ne sont pas floues lorsqu'elles sont mises à l'échelle.
Il est préférable de créer des logos et divers signes de marque sous la forme d'une image vectorielle. Ainsi, vous n'aurez pas à les redessiner à chaque fois lors de la préparation d'une mise en page d'une nouvelle taille.
Le matériel a été préparé sur la base de textes tirés du siteblog.bufferapp.com
Tout professionnel qui fait son métier assez longtemps acquiert un jargon spécifique qu'il utilise facilement et sans réfléchir, et les personnes peu familiarisées avec ces termes s'étonnent et ne comprennent pas ce qui se dit. Ne comprenant pas, ils essaient de ne pas le montrer et hochent la tête en disant "oui, oui, nous sommes au courant". Par conséquent, je souhaite expliquer à travers cet article quelques termes assez largement utilisés qui sont utiles pour les personnes qui ne sont pas liées au design d'intérieur à apprendre.
Peindre selon la couleur
Cette phrase énigmatique ne signifie rien de plus que la norme de couleur industrielle allemande RAL. Étant donné que les couleurs sont normalisées et ont des numéros individuels, la même couleur aura la même apparence pour différents fabricants de meubles et de matériaux de finition, ajustée en fonction de la façon dont la peinture repose sur différentes surfaces. Les couleurs sont sélectionnées en fonction d'échantillons spéciaux de composition.
Capitonné
Je m'occupe de meubles italiens depuis environ 10 ans et j'utilise souvent ce mot dans la conversation avec les clients. Parfois, cela conduit à un "gel" du client, tout comme un ordinateur. Capitone est un rembourrage de meubles familier en forme de losange avec des boutons.
Auparavant, ce rembourrage était utilisé dans la fabrication de voitures, maintenant les têtes de lit, les canapés, les fauteuils et les poufs sont rembourrés de cette façon. D'ailleurs, certaines personnes, lorsqu'elles rencontrent la description : « La tête du lit est capito », elles pensent que c'est le type de tête de lit. En fait, il s'agit d'un type de rembourrage et un exemple typique en est le canapé Chester (Chesterfield).
éco-cuir
L'un des mots trompeurs les plus utilisés. Qui veut acheter des meubles en similicuir ou en similicuir? C'est comme un parfum naturel. Et le cuir écologique - ça sonne écologique et moderne !
Skinal
Un mot qui, il y a quelque temps, m'a conduit à l'état d'un "ordinateur gelé". Il s'est avéré que tout est très simple : c'est juste un tablier de cuisine en verre.
MDF (fraction finement dispersée)
Désigne une farine de bois fine qui a été mélangée à une base adhésive (généralement de la lignine d'origine naturelle) et qui a reçu une forme - une porte d'armoire plate ou un rouleau baroque figuré sur la façade de cette armoire.
Le MDF est souvent confondu avec le panneau de particules (aggloméré), qui était largement utilisé dans la production de meubles en URSS. La principale différence entre les meubles en MDF et les meubles en aggloméré est qu'en MDF, les charnières des portes ne tombent pas après quelques années de fonctionnement.
bois massif
Beaucoup de gens pensent quand ils entendent ce terme qu'ils comprennent de quoi il s'agit. En fait, tout n'est pas si simple. Lorsque le vendeur de meubles ou de portes intérieures vous dit : "ceci vient d'un tableau" ou, alternativement, "ceci est un arbre naturel", il s'agit de deux cas différents. Le premier (un tableau) suggère un morceau de bois qui a été scié, coupé et peint.
Et il existe une autre option, similaire au contreplaqué multicouche. Ceci est également appelé "tableau" et "bois naturel" par les vendeurs.
Et, croyez mon expérience de meubles, la deuxième option est préférable en fonctionnement. Il ne craque pas et ne « plombe » pas. Vous n'avez pas à vous soucier des fluctuations de température et d'humidité.
Variante en bois massif collé - latté
Filenka
Une planche mince ou du contreplaqué inséré dans un cadre. La plupart des portes intérieures sont fabriquées à partir d'un cadre et d'une variété de panneaux.
Verre de Murano
Un terme que beaucoup ont entendu et savent que le verre de Murano est un verre fabriqué sur l'île de Murano près de Venise. On l'appelle aussi "verre vénitien". Vous pouvez demander : « Tout le monde le sait déjà. Pourquoi l'expliquer ?" Récemment, alors que je terminais un projet de design, j'ai parcouru le catalogue d'une usine chinoise très connue, je ne la nommerai pas, qui produit des lustres et diverses lampes. Dans leur catalogue, il était écrit : « Lustre en verre de Murano. Chine". C'est la même chose que le "cognac de Moscou" ou le "parmesan russe". Est-ce que tu comprends ce que je veux dire?
modèle
Un motif, un système, un ornement. Je ne peindrai pas en détail, car il y a tout un article séparé sur ce sujet " ".
Le glossaire des termes de conception a été créé pour initier les débutants à la signification de certains concepts de base souvent utilisés dans le domaine du design.
UNE
Alignement(alignement) - l'emplacement des objets par rapport aux autres objets. Par exemple, gauche, droite, centre, etc.
B
arrière-plan(backend) - sur le Web, c'est la partie du site qui est cachée aux yeux de l'utilisateur moyen et qui s'exécute côté serveur. Applicable au CMS (voir ci-dessous), le backend est la partie administrative du système.
Ligne de base(ligne de base) - le terme est utilisé en relation avec la typographie - il s'agit d'une ligne imaginaire sur laquelle se trouvent toutes les lettres d'une ligne.
Sous le pli(hors écran) - Le terme vient de l'industrie de la presse et fait référence à un élément de contenu du site qui ne rentre pas dans la partie visible de l'écran du site ou de l'application. C'est-à-dire que pour afficher ce contenu, l'utilisateur devra faire défiler (scroll) la page vers le bas.
Courbe de Bézier(courbes de Bézier) sont des courbes paramétriques qui représentent un chemin vectoriel en infographie. Ils sont souvent créés avec l'outil Plume en reliant des points qui vous permettent de modifier la forme et la direction des courbes.
C
CMS(tsms, kms, système de gestion de contenu) - un outil qui vous permet de gérer le site. Généralement, dans un CMS, le contenu est séparé de la conception et des fonctionnalités du site, ce qui facilite la modification de la conception et des fonctionnalités sans affecter le contenu. Facilite la création de sites Web pour les personnes qui ne sont pas liées à la conception et au développement.
CMJN(smuk, smuk, tsmik, tsmuk, smik) est un jeu de couleurs soustractif utilisé principalement dans l'impression. CMJN utilise quatre couleurs - Cyan (cyan), Magenta (magenta), Yellow (jaune) et blacK (noir) pour former la couleur. Chacun des nombres utilisés pour représenter une couleur en CMJN représente le pourcentage d'encre de cette couleur qui compose la combinaison de couleurs.
CSS(Cascading Style Sheets) est un langage formel utilisé pour décrire l'apparence des pages Web écrites à l'aide des langages de balisage HTML et XHTML. CSS est utilisé pour définir les couleurs, les polices et le positionnement des blocs individuels sur les pages Web.
ré
PPP, PPP- le nombre de points (pixels pour PPI) qui tiennent sur un pouce d'écran.
F
favicon- ce sont de petites icônes (généralement 16x16 pixels, moins souvent 32x32 pixels) qui s'affichent sur l'onglet du site dans le navigateur à côté du nom du site.
poids de la police– détermine la saturation (épaisseur) des caractères dans le texte.
l'extrémité avant(frontend) - partie du site, exécutée du côté de l'utilisateur. Sur le Web, la mise en page HTML, les styles CSS et JavaScript agissent comme des interfaces. Applicable au CMS, le frontend est la partie frontale du site que l'utilisateur voit.
g
Grille(grille) - un ensemble de lignes verticales et horizontales qui forment un système pour organiser les objets.
H
HSB– schéma à trois canaux de formation de couleurs. Le nom vient des premières lettres des mots anglais : Hue (hue), Saturation (saturation), Brightness (luminosité).
K
Crénage(crénage) - la distance entre certaines paires de caractères : LA, Tr, Ta, Ty, Wa, WA, Wo, Ya et autres.
L
Page de destination(landing page, landing page) est une page Web assemblée d'une certaine manière, dont la tâche principale est de collecter les informations de contact du public ou de vendre des biens.
Couches(calques) - utilisé dans Photoshop pour composer une image. Les calques ressemblent à une pile de feuilles transparentes, à travers les zones transparentes des calques superposés, vous pouvez voir le contenu des calques inférieurs.
M
marge(marge) - marge de l'élément.
Maquettes(maquettes) - conception de page prête à l'emploi.
MVP- un produit qui contient un ensemble minimum de fonctions nécessaires au fonctionnement. La création d'un MVP vous permet d'évaluer à quel point le produit est intéressant pour les gens et s'il vaut la peine de le développer à l'avenir.
N
La navigation(navigation, menu) est un système de liens qui permet à l'utilisateur de naviguer sur le site ou l'application.
espace négatif(espace blanc, espace blanc, lait) - la partie de la page qui ne contient ni texte ni images.
P
Rembourrage(padding, padding) - le rembourrage intérieur de l'élément.
outil stylo(outil stylo) est un outil utilisé pour créer des courbes de Bézier dans les graphiques vectoriels.
Photoshop est l'éditeur graphique d'Adobe disponible sur Windows et Mac OS X. Il contient de nombreuses fonctionnalités pour travailler avec des graphiques raster et des fonctionnalités de base pour travailler avec des graphiques vectoriels. Faute de concurrence, il était auparavant largement utilisé par les designers pour créer des interfaces design.
Pixel(pixel) - le plus petit élément de l'image (comme une molécule dans une molécule). A une forme carrée.
plug-ins(plug-ins) sont des applications écrites par des développeurs tiers pour étendre les fonctionnalités de base du programme.
R
Trame, Bitmap(bitmaps) – une image représentant une grille de pixels sur l'écran de l'appareil. Ce graphique est édité à l'aide d'éditeurs de graphiques raster. Lorsque les données d'image sont redimensionnées, la qualité de l'image est considérablement réduite.
Résolution(résolution, résolution) - indique le nombre de pixels affichés à l'écran (par exemple, 1280x1024).
Sensible La conception (adaptative) est un type de conception de site (application) qui vous permet d'afficher correctement le site (application) sur des appareils avec n'importe quelle taille d'écran.
RVB- schéma additif de formation de couleur. La couleur désirée est obtenue en mélangeant les émissions lumineuses des trois couleurs primaires - rouge, vert et bleu (Red, Green, Blue). Mélanger 100% de couleurs primaires produit du blanc.
S
Esquisser(application) est l'application de Bohemian Coding pour créer des graphiques vectoriels. Il a été créé comme une alternative à Photoshop pour les concepteurs d'interfaces. Uniquement disponible sur Mac OS X. Prend en charge de nombreux plug-ins tiers qui facilitent grandement la vie d'un concepteur. Il est très bien accueilli par les concepteurs, car il ne contient rien de superflu et vise spécifiquement à créer un design d'interface (contrairement à Photoshop).
Esquisses(croquis) - croquis rapides du futur design, dépourvus de détails.
Carnet de croquis(album) - un album pour dessiner des croquis. Ils peuvent avoir appliqué schématiquement des images de divers appareils pour créer des croquis plus visuels.
spécification(termes de référence) - une description détaillée ou peu détaillée des objectifs, des fonctionnalités, de la structure et de l'apparence du site (application) en cours de développement. Ce document simplifie grandement la vie des concepteurs.
J
suivi(suivi) - modifier uniformément la distance entre les lettres (toutes, contrairement au crénage).
tu
Conception de l'interface utilisateur(interface utilisateur) est un concept qui comprend un certain ensemble d'éléments conçus graphiquement. Essentiellement, l'interface utilisateur est responsable de l'apparence du site (application).
Convivialité(convivialité) est la facilité avec laquelle les utilisateurs utilisent votre site (application) pour atteindre certains objectifs.
Personas utilisateur(personnes) sont des personnages fictifs qui possèdent un ensemble de qualités caractéristiques du public cible de votre site (application). Les personas sont utilisés pour identifier les objectifs des utilisateurs, la motivation des utilisateurs et les points faibles. Les personas doivent toujours être basés sur les résultats de la recherche d'audience.
Conception UX(expérience utilisateur) - un concept qui comprend le fonctionnement du produit et les émotions qu'il évoque et les utilisateurs.
V
vecteur images (vectorielles) - une manière de représenter une image en infographie, basée sur la description mathématique de formes géométriques de base (points, lignes, cercles, polygones, courbes de Bézier). La principale différence avec les bitmaps est que le redimensionnement ne modifie pas la qualité de l'image.
O
Maquettes(wireframes) est une représentation schématique des principaux blocs du futur site (application). Généralement créé afin de comprendre comment placer au mieux les objets pour atteindre l'objectif de l'utilisateur. Souvent réalisé en noir et blanc pour ne pas détourner l'attention de la fonctionnalité.
Vous n'avez pas trouvé la signification du terme dont vous avez besoin ?
Nous travaillons dans le design depuis de nombreuses années et n'avons pas pu vous expliquer tous les termes qui ne vous sont pas familiers. De nombreux mots nous semblent tout à fait compréhensibles, en raison de leur utilisation constante.
Par conséquent, si vous êtes intéressé par la signification d'un mot non décrit dans le dictionnaire, demander dans les commentaires! Nous sommes heureux d'ajouter ce mot au dictionnaire.
