Le Graphisme 
et ses principes de base 
Webdesign 
Olivier Dommange
Olivier Dommange 
L'effet du graphisme 
Utiliser des ressources visuelles 
de façon à organiser et renforcer 
le contenu e...
Olivier Dommange 
La couleur 
et ses fonctions
Olivier Dommange 
Les couleurs 
Elles communiquent
Olivier Dommange 
Les couleurs 
Combinaisons naturelles des couleurs
Olivier Dommange 
Couleurs - modes de couleurs 
La déclinaison des modes de couleurs
Olivier Dommange 
https://kuler.adobe.com 
Couleurs - outils
Olivier Dommange 
La typographie 
et sa mise en forme
Olivier Dommange 
La typographie 
Leurs spécificités
Olivier Dommange 
La typographie - Webfonts 
@fontface (ou les polices Web autres que les « standards ») 
Fontface apparue...
Olivier Dommange 
La typographie 
La typographie et la mise en forme
Olivier Dommange 
La typographie 
La typographie et la mise en forme
Olivier Dommange 
La composition 
et la mise en page
Olivier Dommange 
La composition 
Objectif de la composition 
Il s’agit de définir des emplacements stratégiques 
pour les...
Olivier Dommange 
La composition 
Structurer et organiser le contenu
Olivier Dommange 
La composition 
La disposition du contenu
Olivier Dommange 
La composition 
Les niveaux de lecture
Olivier Dommange 
La composition 
Le sens de la lecture
Olivier Dommange 
La composition 
Les zones stratégiques
Olivier Dommange 
La composition 
L'accessibilité des zones
Olivier Dommange 
L'image 
et le traitement
Olivier Dommange 
L'image – le montage photographique 
Créer des compositions surréalistes
Olivier Dommange 
L'image – l'infographie (graphisme d'information) 
L'infographie combine l'illustration et le texte pour...
Olivier Dommange 
http://www.linkedin.com/in/olivierdommange
Prochain SlideShare
Chargement dans…5
×

Webdesign le graphisme et ses principes

1 004 vues

Publié le

Publié dans : Design
1 commentaire
3 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
1 004
Sur SlideShare
0
Issues des intégrations
0
Intégrations
13
Actions
Partages
0
Téléchargements
48
Commentaires
1
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Webdesign le graphisme et ses principes

  1. 1. Le Graphisme et ses principes de base Webdesign Olivier Dommange
  2. 2. Olivier Dommange L'effet du graphisme Utiliser des ressources visuelles de façon à organiser et renforcer le contenu et son message. Le graphisme à pour effet de : Augmenter la crédibilité et mettre en confiance Valoriser le contenu et faciliter sa lecture Organiser le contenu en fonction du support Identifier et établir des repères visuels Séduire
  3. 3. Olivier Dommange La couleur et ses fonctions
  4. 4. Olivier Dommange Les couleurs Elles communiquent
  5. 5. Olivier Dommange Les couleurs Combinaisons naturelles des couleurs
  6. 6. Olivier Dommange Couleurs - modes de couleurs La déclinaison des modes de couleurs
  7. 7. Olivier Dommange https://kuler.adobe.com Couleurs - outils
  8. 8. Olivier Dommange La typographie et sa mise en forme
  9. 9. Olivier Dommange La typographie Leurs spécificités
  10. 10. Olivier Dommange La typographie - Webfonts @fontface (ou les polices Web autres que les « standards ») Fontface apparue avec le CSS 3 offre la possibilité d’utiliser dorénavant des polices spécifiques dans les pages Web.
  11. 11. Olivier Dommange La typographie La typographie et la mise en forme
  12. 12. Olivier Dommange La typographie La typographie et la mise en forme
  13. 13. Olivier Dommange La composition et la mise en page
  14. 14. Olivier Dommange La composition Objectif de la composition Il s’agit de définir des emplacements stratégiques pour les contenus, menus et outils de la page. Faciliter l’accès aux contenus Gérer le niveau de lecture des contenus Simplifier la navigation par l’emplacement stratégique des menus de navigation Equilibrer et harmoniser les espaces et les contenus Faciliter le repérage des outils.
  15. 15. Olivier Dommange La composition Structurer et organiser le contenu
  16. 16. Olivier Dommange La composition La disposition du contenu
  17. 17. Olivier Dommange La composition Les niveaux de lecture
  18. 18. Olivier Dommange La composition Le sens de la lecture
  19. 19. Olivier Dommange La composition Les zones stratégiques
  20. 20. Olivier Dommange La composition L'accessibilité des zones
  21. 21. Olivier Dommange L'image et le traitement
  22. 22. Olivier Dommange L'image – le montage photographique Créer des compositions surréalistes
  23. 23. Olivier Dommange L'image – l'infographie (graphisme d'information) L'infographie combine l'illustration et le texte pour expliciter un concept.
  24. 24. Olivier Dommange http://www.linkedin.com/in/olivierdommange

×