Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webdesign le graphisme et ses principes

1,341 views

Published on

Published in: Design

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

×