Bibliothèque

Pourquoi chaque spécialiste du marketing en 2018 doit être un concepteur (à temps partiel): 52 termes de conception et conseils pour passer au niveau supérieur

Quand j'ai commencé dans le marketing, je n'avais pas tout à fait prévu que je serais également designer à temps partiel.



Désormais, en 201, le contenu visuel est plus de 40 fois plus susceptibles d'être partagés sur les réseaux sociaux que d'autres types de contenu et il est devenu évident et même nécessaire pour nous tous, spécialistes du marketing, d'avoir au moins une connaissance de base des termes clés de la conception.

Heureusement, nous vivons dans un monde merveilleux où tout le monde peut passer de novice à intermédiaire et créer des images bien conçues pour les médias sociaux. Il existe des outils comme Pablo et Canva qui rendent ce travail de conception réalisable (et beau).





Cependant, mis à part les outils, si vous souhaitez porter vos compétences en marketing au niveau supérieur, il est essentiel d'améliorer votre compréhension du design.

Vous êtes-vous déjà demandé ce qui pourrait être possible avec juste un peu de connaissances en design supplémentaires dans votre poche arrière?


OPTAD-3

Il s'avère que faire passer vos images de médias sociaux de bonnes à bonnes est un saut raisonnable. Et tout commence par une bonne base et une bonne compréhension de certains termes et principes de conception clés.

Si vous cherchez à prendre votre les images des réseaux sociaux au niveau supérieur et devenez un meilleur spécialiste du marketing, consultez ce dictionnaire de conception pour un cours intensif sur la façon de mieux comprendre le design.

-

52 termes de conception expliqués pour les spécialistes du marketing

1. Nombre d'or

Le nombre d'or se produit avec deux objets qui, une fois que vous divisez le plus grand par le plus petit, donnent le nombre 1,6180 (ou à peu près). Le nombre d'or le plus connu est le rectangle d'or, qui peut être divisé en un carré parfait et un rectangle du même rapport hauteur / largeur que le rectangle d'origine. Vous pouvez le voir dans la composition d'image ou la conception de site Web et la disposition de la grille.

nombre d

( via )

En utilisant le nombre d'or, vous pouvez vous assurer que vos images sont accrocheuses et magnifiquement formatées. Voici un exemple du nombre d'or servant à diviser l'espace entre le corps d'un site Web et la barre latérale:

conception-web-nombre-d

Ci-dessous est un autre exemple où les éléments clés de la conception s'inscrivent tous dans une section différente du nombre d'or:

132-1324x1649

2. Règle des tiers

Vous pouvez appliquer la règle des tiers en imaginant une grille 3 × 3 posée au-dessus de votre image puis en alignant le sujet de l'image avec les lignes de guidage et leurs points d'intersection (ex: placer l'horizon sur la ligne du haut ou du bas) ou en permettant les éléments de l'image pour passer facilement d'une section à l'autre.

règle des tiers

( via )

Une fois votre grille en place, les spots où les lignes se croisent les uns les autres indiquent les principaux domaines d'intérêt de votre conception:

points focaux

Termes de typographie, de texte et de police

3. Typographie

'La typographie est la composante visuelle du mot écrit,' La typographie pratique explique magnifiquement . Tout texte affiché visuellement, que ce soit sur papier, écran ou panneau d'affichage, implique une typographie.

4. Serif

Un empattement est le petit trait ou les courbes supplémentaires, à la fin des lettres.

5. Sans empattement

«Sans» signifie littéralement «sans», et une police sans empattement n'inclut aucun trait supplémentaire aux extrémités des lettres.

empattement

Bien qu'il n'y ait pas de règles définies pour savoir quand utiliser une police avec ou sans empattement, il est suggéré que Les polices sans empattement doivent être utilisées pour le corps du texte en ligne et les polices avec empattement pour les titres et l'impression.

6. Script

Les polices de caractères sont des polices ou des types basés sur des styles d'écriture historiques ou modernes et sont plus fluides que les polices traditionnelles.

Voici quelques exemples de polices de script:

Brosse Alex

alex-brush-font

Et, grand hôtel :

grand-hôtel-font

7. Slab serif

Les polices à empattement de dalle présentent une sensation géométrique que les polices à empattement traditionnelles et comportent des empattements carrés et plus grands, plus audacieux.

Un excellent exemple de police slab serif est Musée de la dalle :

dalle-musée

8. Monospace

Une police à espacement fixe, (également appelée police à pas fixe, à largeur fixe ou non proportionnelle) est une police dont les lettres et les caractères occupent chacun la même quantité d'espace horizontal.

9. Hiérarchie

La hiérarchie typographique est un élément essentiel de toute conception ou mise en page et même si vous n'êtes pas familier avec le terme, vous serez sûr d'avoir vu la hiérarchie en action sur n'importe quel site Web, journal ou magazine.

tuts + expliquer :

La hiérarchie typographique est un système d'organisation du type qui établit un ordre d'importance dans les données, permettant au lecteur de trouver facilement ce qu'il recherche et de naviguer dans le contenu. Il aide à guider l'œil du lecteur vers le début et la fin d'une section, tout en permettant à l'utilisateur d'isoler certaines informations en fonction de l'utilisation cohérente du style dans tout un corps de texte.

Voici un exemple pour illustrer l’importance de la hiérarchie:

hiérarchie 2

10. Crénage

Le crénage fait référence à l'espace entre deux lettres spécifiques (ou d'autres caractères: chiffres, ponctuation, etc.) et le processus d'ajustement de cet espace améliore la lisibilité.

crénage-gif

11. Diriger

L'interligne détermine la façon dont le texte est espacé verticalement en lignes. L'interligne est utilisé lorsque le contenu qui comporte plusieurs lignes de texte lisible et garantit que la distance entre le bas des mots ci-dessus et le haut des mots ci-dessous a un espacement approprié pour les rendre lisibles.

premier

12. Suivi

Le suivi est similaire au crénage en ce qu'il fait référence à l'espacement entre les lettres ou les caractères. Cependant, au lieu de se concentrer sur l'espacement entre les lettres individuelles (crénage), le suivi mesure l'espace entre les groupes de lettres.

13. Hauteur X

La hauteur x fait référence à la distance entre la ligne de base et la ligne moyenne des lettres minuscules dans une police.

x-hauteur

14. Monter / Descendre

L'ascendeur est la partie d'une lettre minuscule qui s'étend au-dessus de la ligne moyenne d'une police (la hauteur x) . D'autre part, le descendeur est la partie d'une lettre qui s'étend sous la ligne de base d'une police.

Monter

15. Orphelins / veuves

Les veuves et les orphelins sont des lignes de texte qui apparaissent au début ou à la fin d'un paragraphe, qui sont laissées seules en haut ou en bas d'une ligne. Il y a un débat sur les définitions exactes de ces termes, mais en règle générale:

  • Orphelin: A est un mot unique ou une ligne très courte, qui apparaît à la fin d'un paragraphe ou au début d'une colonne ou d'une page, séparé du reste du texte.
  • Veuve: Une ligne de fin de paragraphe qui tombe au début de la page ou de la colonne suivante, donc séparée du reste du texte. Ou le début d'un nouveau paragraphe qui commence au bas d'une colonne ou d'une page.
veuve

16. Très laisse

Lorem Ipsum est simplement un texte factice utilisé par l'industrie du design. Il est utilisé comme texte d'espace réservé et a une distribution plus ou moins moyenne des lettres, ce qui le fait ressembler à un anglais lisible, par opposition à l'utilisation de 'Ajouter du contenu ici, ajouter du contenu ici' dans les conceptions lorsque la copie n'est pas tout à fait prête.

section de ligne

Couleurs

17. RVB

La couleur RVB est un modèle dans lequel la lumière rouge, verte et bleue est ajoutée de diverses manières pour reproduire un large éventail de couleurs. RVB a tendance à être utilisé à des fins à l'écran.

couleur RVB

18. Hex

Un hexadécimal est un nombre à six chiffres utilisé dans les applications logicielles HTML, CSS et de conception pour représenter les couleurs.

hexadécimal

19. Palette

Une palette de couleurs comprend des couleurs qui peuvent être utilisées pour tout travail d'illustration ou de conception représentant votre marque. Les couleurs choisies doivent être conçues pour fonctionner harmonieusement les unes avec les autres.

palette

20. Monochrome

Monochrome est utilisé pour décrire un dessin ou des photographies dans une couleur ou différentes nuances de la même couleur.

monochrome

21. Analogue

Des schémas de couleurs analogues utilisent des couleurs qui sont côte à côte sur la roue chromatique. Ils correspondent généralement bien et créent des designs sereins et confortables.

Analogue

22. Complémentaire

Les couleurs opposées sur la roue chromatique sont considérées comme des couleurs complémentaires (exemple: rouge et vert).

Gratuit

23. Triadique

Un jeu de couleurs triadique utilise des couleurs régulièrement espacées autour de la roue chromatique.

Triadique

24. CMJN

CMJN est un modèle de couleur utilisé à des fins d'impression. Les couleurs CMJN commencent par le blanc, puis s'assombrissent à mesure que davantage de couleurs sont combinées.

Couleurs CMJN

comment trouver des vidéos d'amis sur facebook

( via )

25. Pantone

Le Pantone Matching System (PMS) est un système de reproduction des couleurs standardisé. Chaque teinte est numérotée, ce qui permet aux utilisateurs de référencer et de reproduire facilement les mêmes couleurs.

pantone

26. Couleurs chaudes

Les couleurs chaudes sont faites avec du rouge, du jaune orange et diverses combinaisons de ces couleurs. Ils donnent une ambiance amicale, joyeuse et chaleureuse.

27. Couleurs froides

Les couleurs froides telles que le bleu, le vert et le violet clair ont la capacité de calmer et d'apaiser.

chaud froid

28. Théorie des couleurs

Les théories de la couleur créent une structure logique pour la couleur. Il y a trois catégories de base de la théorie des couleurs : La roue chromatique, l'harmonie des couleurs et le contexte d'utilisation des couleurs. Comprendre comment utiliser différentes couleurs pour donner du sens est une partie importante de la conception et du marketing. Voici un guide rapide sur la façon dont les couleurs affectent notre cerveau:

Voulez-vous en savoir plus sur la théorie des couleurs? Vérifier: Pourquoi Facebook est bleu? La science des couleurs en marketing .

29. Dégradé

Un dégradé est un changement progressif de couleurs (comme le vert se transformant progressivement en bleu) ou une couleur se fondant en transparence. Il existe deux types courants de dégradés: radial et linéaire.

30. Opacité

L'opacité nous permet de rendre transparent un élément d'un dessin. Plus l'opacité est faible, plus l'élément est transparent. Par exemple, une opacité de 100% signifie qu'un objet est solide.

opacité

31. Hué

Essentiellement, une teinte est une façon de décrire une couleur. Et une teinte peut être n'importe quelle couleur sur la roue chromatique. Par exemple, le rouge, le bleu et le jaune sont toutes des teintes.

32. Teinte

Une teinte est une variété de couleur. Craftsy explique que Teintes sont créés lorsque vous ajoutez blanc à n'importe quelle teinte de la roue chromatique. Cela éclaircit et désaturé la teinte, la rendant moins intense.

teinte-teinte

Branding et logos

33. Logotype

Un logo est le nom d'une entreprise qui est conçu d'une manière visuellement unique pour être utilisé par cette entreprise. La plupart du temps, lorsque les gens font référence à un logo, ils font référence au logo de la marque.

34. Logomark / Marque de commerce

Une marque de logo ne contient généralement pas le nom de l'entreprise et représente plutôt cette entreprise de manière plus abstraite à l'aide d'un symbole ou d'une marque.

logo

35. Icône

Les icônes sont des images utilisées pour représenter une action ou un objet. Par exemple, une icône de stylo pourrait représenter quelqu'un qui écrit (action) ou simplement un stylo (objet). Lors de l'utilisation, les icônes réfléchissent attentivement à ce que vous voulez signifier et à sa clarté pour votre public.

36. Guide de style

Un guide de style est un ensemble de normes pour la conception de tout ce qui concerne votre marque, qu'il s'agisse d'une page de destination de site Web, d'une carte de visite ou d'un document imprimé. La raison d'avoir un guide de style est d'assurer une uniformité complète dans le style et la mise en forme partout où la marque est utilisée pour éviter toute dilution de cette marque.

A titre d'exemple, vous pouvez consulter notre Guide de style de tampon ici .

37. Grille

Une grille est construite à partir de colonnes et de lignes uniformément divisées. Le but d'une grille est d'aider les concepteurs à organiser les éléments de manière cohérente. Voici un exemple de la grille que nous utilisons chez Buffer:

la grille

En utilisant la grille de création Buffer, une page peut être divisée en cinquièmes, quarts, tiers et moitiés - et n'importe quelle combinaison de ceux-ci. Chaque ligne de la grille doit contenir des parties qui s'additionnent à un tout. Par exemple, un quart + un demi + un quart.

section de ligne

Termes et techniques de conception

38. Échelle

Dans la conception, l'échelle fait référence à la taille d'un objet par rapport à un autre objet. Deux éléments de même taille peuvent être considérés comme égaux. Alors que les éléments présentant une nette variation de taille ont tendance à être considérés comme différents.

Lorsque vous créez un design, réfléchissez à la façon dont vous pouvez utiliser l'échelle pour vous aider à illustrer la signification de votre image. Prenons l'exemple ci-dessous, le plus grand cercle semble être plus influent et important que le plus petit. Vous pourriez même dire que le petit cercle peut être un peu timide ou timide.

escalader

39. Rapport hauteur / largeur

Un rapport hauteur / largeur est la relation proportionnelle entre la largeur et la hauteur d'un rectangle (un rectangle est utilisé car la grande majorité des écrans sont plus larges que hauts). Un rapport hauteur / largeur est défini via un rapport mathématique, avec deux nombres séparés par deux points.

  • largeur hauteur
  • Cela signifie que 4 pouces de large sur 3 pouces de haut serait un rapport de 4: 3

40. Texture

Une texture est définie comme les caractéristiques de surface de votre image. Dans la conception, vous pouvez utiliser des textures telles que le tissu et la maçonnerie pour refléter l'apparence visuelle de la texture réelle.

41. Knolling

Le knolling consiste à disposer différents objets de manière à ce qu'ils soient à un angle de 90 degrés les uns des autres, puis à les photographier d'en haut. Cette technique crée un look très symétrique qui est agréable à l'œil. Les images qui présentent des bosses ont tendance à être placées sur un arrière-plan uni contrastant.

knolling

( via )

42. Espace blanc

L'espace blanc, souvent appelé espace négatif, fait référence à la zone d'un dessin laissée vide. C’est l’espace entre les éléments graphiques, les images, la copie et tout autre élément de la page. Même s'il s'agit d'un espace blanc, il peut s'agir de n'importe quelle couleur.

Un excellent exemple d'espace blanc est la page d'accueil de Google. Il est presque rempli d'espaces pour encourager les utilisateurs à se concentrer sur la barre de recherche:

Google

43. Résolution

La résolution d'une image détermine la qualité. En règle générale, plus la résolution est élevée, plus la qualité est élevée. Une image haute résolution sera claire et nette, tandis qu'une image basse résolution sera un peu pixélisée et floue.

haute résolution

44. Contraste

Le contraste se produit lorsque deux éléments d'une page sont différents. Par exemple, il peut s'agir de couleurs différentes entre le texte et la couleur d'arrière-plan ou des couleurs sombres ou claires.

contraste

L'une des principales raisons d'utiliser le contraste dans vos créations est d'attirer l'attention. Par exemple, les tristement célèbres publicités de silhouette d'iPod étaient si mémorables car il y a un contraste énorme entre l'iPod blanc et les écouteurs et l'arrière-plan et la silhouette lumineux.

ipod2

45. Saturation

La saturation fait référence à l'intensité ou à la pureté d'une couleur. Plus une couleur est saturée, plus elle apparaît vive ou lumineuse. Alors que les couleurs désaturées, apparaissent un peu plus ternes.

saturation

Les images très saturées ont tendance à se démarquer et à attirer l'attention, donnant ainsi l'impression de porter plus de poids que les images moins saturées. Si vous ajoutez un calque de texte sur une image et que vous souhaitez qu'elle se démarque, utiliser un arrière-plan moins saturé peut être un excellent moyen de le faire.

46. ​​Flou

Le flou rend les images plus floues ou moins distinctes. L'utilisation d'un flou peut être un excellent moyen de faire ressortir le texte lorsqu'il est superposé sur une image. Lorsque vous mettez du texte sur une image, les deux éléments peuvent former une relation quelque peu compétitive (exemple à gauche ci-dessous) , un peu de flou peut faire ressortir le texte davantage et paraître beaucoup plus lisible (à droite ci-dessous) .

texte flou

47. Récolte

Lorsque vous recadrez une image, vous coupez et supprimez les parties inutiles de l’image. Le recadrage vous permet de modifier l'accentuation ou la direction d'une image.

recadrer

48. Pixel

Un pixel est une zone minuscule d'un écran (le mot vient de «élément d'image»). Les pixels sont la plus petite unité de base de couleur programmable sur un ordinateur et les images sont constituées de nombreux pixels individuels.

49. Skeumorphisme

Le skeuomorphisme est lorsqu'un élément numérique est conçu pour ressembler à une réplique de l'œuvre physique. Par exemple, pensez à la calculatrice de l'iPhone ou au kiosque à journaux d'Apple, où la bibliothèque et les magazines ressemblent à ceux de la vraie vie.

Skeuomorphisme

50. Plat

Le design plat est une approche minimaliste qui met l'accent sur la simplicité et la convivialité (presque le contraire du skeuomorphisme) . Il a tendance à présenter de nombreux espaces ouverts, des bords nets, des couleurs vives et des illustrations en deux dimensions.

plat

( via )

51. Raster

Les images matricielles sont constituées d'une grille définie de pixels. Cela signifie que lorsque vous modifiez la taille d'étirement d'une image raster, elle peut devenir un peu floue et perdre un peu de clarté.

52. Vecteur

Images vectorielles constituées de points, de lignes et de courbes. Toutes les formes d'un vecteur sont calculées à l'aide d'une équation mathématique, ce qui signifie que l'image peut être mise à l'échelle sans perdre de qualité. Contrairement aux rasters, les vecteurs ne sont pas flous lorsqu'ils sont mis à l'échelle. Vous pouvez trouver de superbes images vectorielles à utiliser dans vos conceptions sur des sites tels que Vecteezy .

fin de ligne

À toi

J'espère que vous avez trouvé cette plongée dans les termes et définitions de conception utiles. Il est étonnant de voir à quelle vitesse les spécialistes du marketing peuvent choisir des outils tels que Canva et Pablo pour créer de belles images.

Je suis curieux de savoir s'il y a d'autres termes de conception que vous entendez régulièrement et que vous aimeriez avoir des éclaircissements sur? N'hésitez pas à partager vos questions ou vos réflexions dans les commentaires ci-dessous.

Lectures complémentaires:



^