réflexion sur un design web : partire d'une source visuel

1. Premiére étape : l'inspiration

1.1. Récolter la matiére premiére de la création

1.2. Nos environnement visuel sont riches

1.3. Dans notre quotidien des images, des publicité accrochent l'oeil et retiennent notre attention

1.4. C'est une démarche active, elle nécéssite de prendre des notes, de faires des shémas, des collages

1.5. Il s'agit de capitaliser des visuels, a ce stade il ne s'agit pas de faire un tri.

1.6. Un grand principe concernand la créativité : ne jamais envisager ce qui possible ou non. Rester seulement sensible et réceptif

2. Deuxiéme étape : travailler la matiére premiére

2.1. des images

2.2. il va falloir les décomposer, comme on le ferais d'un oeuvre d'art

2.3. pour en extraire

2.3.1. les couleurs

2.3.1.1. l'attrait esthetique du visuel est constitué par l'assemblage des différentes couleurs

2.3.1.2. la variété chromatique et les interactions entre elles définissent une identité propre de l'assemblage

2.3.1.3. a ce stade il peut être intéressant de travailler avec des outils numériques

2.3.1.3.1. en scannant des photos ou images

2.3.1.3.2. en utilisant les pipettes dans un logiciel graphique pour en extraire les valeurs

2.3.1.4. le résultat de cette étape doit être un nuancier de 4 à 5 teintes représentatives de l'image

2.3.1.4.1. les dégradés de ce nuanciers pourront être utilisé comme variation sur le théme

2.3.1.4.2. le nuancier peut évoluer sur les tonnalité utilisées

2.3.2. les masses

2.3.2.1. Avoir les couleurs ne suffit pas

2.3.2.2. En effet si on regarde le nuancier obtenu précédemment, avec une surface identique, le résultat de la combinaison des couleurs est différent de l'effet obtenu

2.3.2.3. Il faut donc établir les présences relatives des couleurs pour déterminer l'harmonie chromatique de l'ensemble. Pour cela effectuer un traitement de l'image en simplifiant le nombre de couleurs. > a définir, en applicant un filtre

2.3.3. les dynamiques

2.3.3.1. l'architecture de l'image

2.3.3.1.1. une dynamique : les ligne et le mouvement général

2.3.3.1.2. Un trajet de l'oeil

2.4. au fil de cette analyse on obtient des caractéristiques

2.5. Celles ci seront utiles pour travailler sur le design

3. 3éme étape : élaborer le résultat

3.1. aprés avoir obtenu les composantes suivantes

3.1.1. Harmonie chromatique

3.1.1.1. Nuancier

3.1.1.2. proportion des couleurs

3.1.2. architecture

3.2. Il devient nécéssaire de les confronter à d'autres contraintes

3.3. Celle ci vont prendre en compte l'objectif du support et les destinataires de l'objet visuel

3.4. La mise à plat de ces contraintes se feras sous une forme graphique ( un broullion numérique ) dans lequel s'intégrerons les contenus graphiques et les contenus textes

3.5. Ce brouillons pourras s'élaborer sous forme d'une grille, reproduisant l'équilibre visuel de l'ensemble

3.6. La typographies pourras y prendre place, elle devient un élément important et modifieras considérablement le résultats

3.7. L'utilisation de la typographie permet de conserver la constance de l'harmonie chromatique désirée

3.8. Dans cette étape vont aussi être introduits des objets pourvant aussi influencer l'esthétique d'ensemble et la dynamique

4. une méthode

4.1. Aprés réfléxion et lecture d'une série d'article sur le web je vous présente une méthode à priori simple

4.2. Je donnerais les résultats et les pas à pas de cette approche

4.3. Un recyclage par une retraduction et une analyse d'un visuel de départ