Post on 12-Jul-2015
Le Graphismeet ses principes de base
Webdesign
Oliv
ier D
omm
ange
Oliv
ier D
omm
ange
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 confianceValoriser le contenu et faciliter sa lectureOrganiser le contenu en fonction du supportIdentifier et établir des repères visuelsSéduire
L'effet du graphisme
Oliv
ier D
omm
ange
La couleuret ses fonctions
Oliv
ier D
omm
ange
Elles communiquent
Les couleurs
Oliv
ier D
omm
ange
Combinaisons naturelles des couleurs
Les couleurs
Oliv
ier D
omm
ange
La déclinaison des modes de couleurs
Couleurs - modes de couleurs
Oliv
ier D
omm
ange
La typographieet sa mise en forme
Oliv
ier D
omm
ange
Leurs spécificités
La typographie
Oliv
ier D
omm
ange
@fontface (ou les polices Web autres que les « standards »)
La typographie - Webfonts
Fontface apparue avec le CSS 3 offre la possibilité d’utiliser dorénavant des polices spécifiques dans les pages Web.
Oliv
ier D
omm
ange
La typographie et la mise en forme
La typographie
Oliv
ier D
omm
ange
La typographie et la mise en forme
La typographie
Oliv
ier D
omm
ange
La compositionet la mise en page
Oliv
ier D
omm
ange
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 contenusSimplifier la navigation par l’emplacement stratégique des menus de navigation Equilibrer et harmoniser les espaces et les contenusFaciliter le repérage des outils.
La composition
Oliv
ier D
omm
ange
Structurer et organiser le contenu
La composition
Oliv
ier D
omm
ange
La disposition du contenu
La composition
Oliv
ier D
omm
ange
Les niveaux de lecture
La composition
Oliv
ier D
omm
ange
Le sens de la lecture
La composition
Oliv
ier D
omm
ange
Les zones stratégiques
La composition
Oliv
ier D
omm
ange
L'accessibilité des zones
La composition
Oliv
ier D
omm
ange
L'imageet le traitement
Oliv
ier D
omm
ange
Créer des compositions surréalistes
L'image – le montage photographique
Oliv
ier D
omm
ange
L'infographie combine l'illustration et le texte pour expliciter un concept.
L'image – l'infographie (graphisme d'information)
http://www.linkedin.com/in/olivierdommange
Olivier Dommange