Maquette et mise en page

WEBDESIGN/CONCEPTION ARTISTIQUE
Maquette et mise en page
1- Couleur
A- Perception des couleurs
« Voir est une illusion » elles n’existent pas car la lumière n’a pas de
couleur c’est le cerveau qui l’interprète selon les ondes. Ce sont des
faisceaux énergétiques dont la taille varie ( perçu par l’œil ) => Spectre
électromagnétique.
C’est sur la rétine que l’image vue se forme. Il y a les cônes et les
bâtonnets ( cellules photosensibles ) = réponse photométrique et
chromatique : pigments d’absorption B,V et R -> Base des couleurs ( ex :
255 R + 255 V = jaune )
Spectre de lumière :
Synthèse Additive : RVB ( RGB)
1
WEBDESIGN/CONCEPTION ARTISTIQUE
Synthèse Soustractive : CMJN ( CMYK ) : imprimerie
Théorie de la couleur :
Couleurs primaires, secondaires et complémentaires
Effet des couleurs :
Encrages environnementaux ( selon cultures … ) : Rouge = dangers ou
interdiction // Bleu = obligation ou autorisation . Signification issu d’un choix
fait dans l’histoire.
2
WEBDESIGN/CONCEPTION ARTISTIQUE
Le Blanc :
C’est une ambivalence.
Somme de toutes les couleurs en synthèse addictive.
Symbolisation : + Perfection, foi, bonté, début, nouveauté, pureté, propreté,
innocence, modestie, neutralité, vérité, intelligence, science ( produit
génique dans pub .. )
- : le vide et l’inconnu, comportement irréprochable
Ce n’est pas une couleur car il est achromatique
Le Jaune :
+ : La lumière, le soleil, la maturité, la chaleur, la clarté, la loi, la
planification, l’optimisme, la poussée en avant, la joie de vivre, la fraiseur,
la bonne humeur, la gentillesse, le changement et l’extraversion
- : Maladie, vanité, arrogance, envie, maladie, égoïsme, venin, mensonge,
…
Le Orange :
+ : Joie efficacité, vitalité, amusement, excitation, exubérance, énergie et
activité …
- : Fanatisme, rudesse et arrivisme…
Le Magenta :
+ : Idéalisme, gratitude, ordre, sympathie, engagement …
- : snobisme, arrogance, suffisance …
Le rouge :
+ : vitalité, joie, activation, dynamisme, énergie, tempérament, impulsivité,
conquête, action, amour sentimentale, fête et chance...
- : Feu, intense, vibrant et agressif, KO, dette, révolution, correction,
danger …
Sang, destruction, guerre, sacré et divin, rébellion…
Le Violet :
+ : Mystère magie vanité et extravagance,
- : Arrivisme et conflit
3
WEBDESIGN/CONCEPTION ARTISTIQUE
Le Bleu :
Ciel eau lumière , espoir
+ : Relaxation, confiance, fiabilité, silence, passivité, propreté, passivité
infini désir, apprentissage, science , imagination, détachement, distance ,
apaisement …
- : Froid étourderie, négligence, naïveté, assouvissement, mélancolie,
dépression et introversion
Le Vert :
Calme, Sollicite, sollicite le moins les nerfs optique..
+ : Endurance, printemps, environnement, fraicheur, ténacité, jeunesse,
relaxation, confiance, générosité …
- : indécision, paresse, envie, nausée, poison et décomposition …
Le Noir :
Somme de toutes les couleurs soustractives
Résistance, obscurité, fonctionnalité, drame, mystères, réservé,
Lourdeur, trouble, négation, tristesse, pessimisme, désespoir
Ce n’est pas une couleur car achromatique
Le gris :
+ : Neutralité, sincérité, fonctionnalité, simplicité
- : Négativité, incertitude, manque d’engagement, inconsolable, misère
Association de couleurs Rection humaine émotionnel :
Culture : Politique histoire, mémoire, expérience, encrage
environnementaux ; saison
Emotion : Rouges/ orange : stimulantes
Teinte :
La famille de « bleu, vert … »
4
WEBDESIGN/CONCEPTION ARTISTIQUE
Tonalité : photo
Force di pigment puissance force de la couleur
Saturation : photo
Enlever info de noir de la couleur
Température des couleurs : Perception
Chaude vers rouge
Froide : vers bleu
Couleurs qui avancent et reculent : Perception
Avance : rouge et orange
Recule : Bleu et vert
Contraste, vibration et poids :
Contraste simultané : On dirait que 2 couleurs sont différentes selon le
fond
Ex : Orange sur fond rouge et orange sur fond jaune ( on dirait que les 2
oranges sont différents … )
Vibration : Couleur + Fond qui dérangent car l’œil vibre …
Ex : Rouge sur vert et inversement
Lourd : Le rouge semble le plus lourds alors que le bleu la légèreté
Différences de couleur et lisibilité :
Ne pas s’amuser à superposer la couleur de police et le fond d’un
contraste moindre …
Contexte : âge, éclairage ambiant, calibrage matériel …
Contenu : couleurs choisies fond choisie, taille et forme des caractères …
Lisibilité : Couleurs de fond et de formes opposées, contrastes …
5
WEBDESIGN/CONCEPTION ARTISTIQUE
Couleurs et infographie : La structure des données visualisé :
Coordination :
Cohérence page
Respect de charte
Code :
Indicatifs visuels
Légende
Identification :
Section
Graphismes
Couleurs WEB :
Code Hexadécimal : 0123456789 abcdef RR VV BB
16x16 = 256 possibilité
Liste de Contrôle : Choisir un climat couleur :
Qui est ma cible ?
Réflexion sur le message et l’atmosphère
Réflexion sur groupe de cible concerné
Réflexion Contraste harmonie recherché
Réflexion Couleur de base a utiliser
6