L'HARMONIE VISUELLE

L'HARMONIE VISUELLE

L'harmonie visuelle
signifie essentiellement
la liaison ou l'accord entre les éléments
de votre design,
tant sur le plan esthétique
que thématique.
L'HARMONIE VISUELLE

L'harmonie visuelle
est obtenue par un équilibre entre l'unité et la variété.

Cela peut signifier le choix de schémas de couleurs

complémentaires ou analogues pour atteindre l'harmonie des couleurs,
ou le choix de polices de caractères
concordantes ou contrastantes mais non conflictuelles.

Un trait commun entre les éléments peut être la texture, les motifs, la
couleur, la forme ou la taille.
L'HARMONIE VISUELLE

À titre d'exemple, si vous regardez le site d'Odosketch,

vous verrez qu'il utilise des couleurs complémentaires
et qu'il a également un thème entièrement “sketch”.

Un écho visuel est créé par la corrélation

entre les couleurs, la texture du papier à dessin,
la typographie, la conception du logo
et le contenu réel du site.
L'HARMONIE VISUELLE

L’harmonie ne signifie pas

ennuyeux ou monotone.
Et cela ne veut pas dire que vous
devez rechercher l'harmonie
uniquement
dans le travail de design
sur les "belles choses".
Vous pouvez créer une pièce de
design harmonieuse sur la
guerre, la famine,
le cancer, la mort.
Les éléments du design peuvent
être différents de ceux d'une
pièce joyeuse, mais ils sont
toujours
en accord visuel
et thématique
les uns avec les autres.
L'HARMONIE VISUELLE
Sur l'affiche de la Birmanie,
on retrouve la couleur du feu
et l'orange utilisée dans le texte et le petit logo.
Il y a une référence thématique
entre les lettres brûlées
et les informations sur l’affiche
concernant les villageois
chassés de leurs maisons.

Vous pouvez voir que l’harmonie

est un aspect de l'art visuel,
de la sculpture à la peinture et au cinéma.
Il suffit de regarder de plus près
votre environnement quotidien
pour le constater dans presque tout
ce qui a été “DESIGNED" autour de vous.
L'HARMONIE VISUELLE

L'harmonie visuelle
signifie essentiellement la liaison ou l’accord
entre les éléments de votre design,
tant sur le plan esthétique
que thématique.

Nous examinerons des exemples d’harmonie

dans le design
sous les thèmes suivants :

Répétition
Référence thématique
Echo visuel
L'HARMONIE VISUELLE

Répétition
Les éléments de conception peuvent être
des photographies, des illustrations, des caractères,
des titres, des arrière-plans et des textures
(et tout autre élément que vous pourriez ajouter à votre
conception).

Ainsi, si vous répétez l'un de ces éléments,

il y a immédiatement un sentiment d’harmonie.
Deux ou plusieurs éléments identiques
ou presque identiques sont non seulement l'expression
d'un accord visuel, mais la répétition aide également à
attirer l'attention sur votre dessin ou modèle.

Cela ne veut pas dire que votre dessin sera fabuleux

simplement en ajoutant deux éléments similaires,
mais le choix de ce qui doit être répété est important.

Examinons quelques exemples de répétition en action.

L'HARMONIE VISUELLE
Répétition d'une image
ou d'une icône
Dans le dessin de la couverture de ce livre,
des images de pigeons silhouettés sont répétées
sur trois lignes en bas de la couverture.

Bien que les silhouettes ne soient pas identiques,

elles sont toutes de la même couleur
et sont très similaires.

La répétition des oiseaux donne un aspect ludique à la

couverture.

Répétition
L'HARMONIE VISUELLE
Répétition d'une image
ou d'une icône
L'affiche du film "The Ugly Truth”
est un design simple et amusant.

La répétition du cœur entre la tête

et la zone de l’aine
est humoristique
et il y a également répétition
dans la typographie et avec le contraste
du texte noir fin et gras
dans les noms des acteurs
et dans le titre du film.

Répétition
L'HARMONIE VISUELLE
Répétition
dans une bordure
Dans cette nouvelle série de couvertures de livres,
vous pouvez voir clairement le lien
et la cohérence entre chaque livre.

L’ épaisseur et la position de la bordure sont répétées sur chaque couverture, tout comme le petit logo du Pingouin.

Les mêmes polices de caractères sont utilisées sur chaque livre et le nom de l’auteur,
le titre du livre et les mots "Modern Classic" apparaissent exactement à la même position sur chaque livre.

Cela laisse de la place pour des illustrations individuelles pour chaque couverture,
sans perdre l'harmonie visuelle qui a été établie à travers la série.

Répétition
L'HARMONIE VISUELLE
Répétition
dans la décoration
Les Concentric Studios répètent leur logo
(de cercles concentriques)
à l'arrière-plan des blocs de gauche
et de droite de leur site.

Un blog de Crayon's Life utilise une texture de toile

dans le fond de couleur claire
et également dans le titre du blog et les titres.

Le schéma de couleurs orange et beige est répété

dans la navigation et le dessin principal du site.

Répétition
L'HARMONIE VISUELLE

Référence thématique
La référence thématique est un terme
quelque peu grandiose utilisé pour décrire
la manière d'établir des liens
entre les thèmes d'un design.

Par exemple, si vous concevezun site pour les mariées,

vous éviterez très probablement
les couleurs sombres et ternes,
les images de crânes et de crossbones
et les caractères déformés.
Ce n'est pas un thème approprié
pour tout ce qui a trait aux mariages.

Une façon de parvenir à une harmonie visuelle

est de choisir un thème et d’utiliser
des éléments de conception - images, types, textures,
couleurs - qui reflètent ce thème.
L'HARMONIE VISUELLE

Prenons un exemple simple de cela en action

en utilisant le site web de The Fruit Box.
La fonction de ce site est de faire connaître
aux clients potentiels son service de livraison de fruits.

Pour commencer, le logo présente

une boîte de fruits aux couleurs vives.

L'image principale de la page d'accueil est une

photographie d'un fruit juteux aux couleurs vives.

Les couleurs utilisées dans la barre de navigation

et les informations de contact en haut de la page
sont orange, rouge et vert, ce qui rappelle les fruits.

Ainsi, le contenu et la conception se renforcent

mutuellement.

Tout cela semble très simple, n'est-ce pas ?

Mais souvent, donner à un site l'air simple et attrayant
peut être une tâche difficile.

Référence thématique
L'HARMONIE VISUELLE

Cet emballage pour Rochdale Cider a été conçu par Supply.

Le briefing exigeait que le rebranding s’inscrive
dans un thème d'histoire et de tradition.

La typographie rétro au pochoir complète la copie utilisée sur l'étiquette et la boîte

ainsi que la marque de pomme à l'ancienne sur le devant de la bouteille.

Le papier jauni d'aspect naturel ajoute à un thème général de nostalgie tout en

gardant un aspect moderne.

Référence thématique
L'HARMONIE VISUELLE

Ici, le style de l'œuvre d’art

transmet un thème
du temps passé.
Les magnifiques dessins
à l’encre
et la musique d’opéra
qui les accompagne
se font écho.
Le texte en italique
utilisé dans les légendes
renforce le sentiment
d’élégance de l’opéra.
Tous les éléments
se rejoignent
de manière harmonieuse.

Référence thématique
L'HARMONIE VISUELLE

Echo visuel
Nous avons vu comment la répétition des éléments
apporte de l'harmonie et attire l’attention
et comment la référence thématique établit un lien
entre les thèmes tant dans le contenu
que dans les éléments du design.

Dans cette dernière partie,

nous aborderons l'idée d'écho visuel.

Un écho visuel établit un sentiment d'unité attrayant

entre les éléments de conception d'une mise en page,
quelle que soit son application.
L'HARMONIE VISUELLE
L'écho à travers la couleur
Un moyen facile
d'obtenir un écho visuel est de
réutiliser les couleurs
d'une photographie
ou d'une illustration
ou de leur faire écho
dans les couleurs,
la typographie
et les styles
de votre mise en page.

Regardez cette affiche

pour le film Collateral.
La photographie principale
est très sobre
en termes de couleur,
mais la couleur dorée de la peau
du visage de Tom Cruise
se retrouve
dans les noms des acteurs
et dans le titre du film.

Echo visuel
L'HARMONIE VISUELLE
L'écho à travers la couleur
Le site Friendly Duck
est d'une simplicité trompeuse.

Les couleurs blanche et orange

de l'illustration du canard
sont reprises dans le texte,
la bulle de texte
et le tableau circulaire
de la page.

Ce n'est pas un accident.

Ce dessin serait loin

d'être aussi efficace
si chacun de ces éléments
était de couleurs
complètement différentes.

Echo visuel
L'HARMONIE VISUELLE
L'écho à travers la la typographie
L'écho peut également être obtenu
par la typographie.

Le même style de typographie

sur le site Kidd 81
apparaît dans le logo et l’en-tête,
dans l’introduction
et dans la barre latérale.

Souvent, lorsqu'un design

semble faible, c'est parce que
le concepteur n'a pas donné suite
à l'utilisation de la typographie.

Ce concepteur n'a pas eu peur

d'utiliser le style dessiné à la main
dans plusieurs sections du site.

Pour des raisons pratiques,

telles que l’optimisation
pour les moteurs de recherche,
le concepteur devra utiliser
une police de caractères sûre
pour le texte principal du site,
mais sur ce site,
l'écho est fort et significatif.

Echo visuel
L'HARMONIE VISUELLE
L'écho à travers la typographie

L'industrie Rikcat est un exemple similaire mais plus subtil d'écho en typographie.

La typographie du logo, de la navigation et de la barre latérale est la même que celle du logo sans serif,
tandis que les titres utilisent une police à serif.

L'utilisation du noir sur blanc et du blanc sur noir offre un contraste intéressant.

Echo visuel
L'HARMONIE VISUELLE
L'écho à travers le style

Vous pouvez aussi créer

un écho par le style.
Cette publicité
pour les icônes féminines
est une combinaison
de typographie griffonnée
à la main,
grunge,
et d'une photographie
stylisée en noir et blanc,
légèrement déformée
sur un fond rose.
Elle ne dit pas
"Je suis une fille, ma fille”,
elle crie
“Je suis une femme hardcore et rockin' !

Echo visuel
 Partout où vous regardez,
vous trouverez des exemples d'harmonie visuelle.

Comme nous l'avons déjà mentionné,

l'harmonie ne signifie pas que le design
doit être uniquement pour un "beau" sujet,

L'HARMONIE VISUELLE
mais simplement que tous les éléments
sont en accord les uns avec les autres.

Ils peuvent être bruts, bien sûr et choquants

ou aussi beaux qu'une tarte,
tant que vous faites les choix
des couleurs,
des styles,
de la typographie
et des textures.