Esthétisme du numérique
Les principes de bases <ul><li>Proximité </li></ul><ul><li>Alignement </li></ul><ul><li>Répétition </li></ul><ul><li>Contr...
1. Proximité <ul><li>Les éléments ayant une relation entre eux doivent être regroupés </li></ul><ul><li>Lorsque plusieurs ...
1. Proximité
1. Proximité
1. Proximité
1. Proximité
2. Alignement  <ul><li>Rien ne doit être placé arbitrairement sur la page </li></ul><ul><li>Chaque élément doit être dispo...
2. Alignement
2. Alignement
2. Alignement
2. Alignement
3. Répétition  <ul><li>Répétez les éléments visuels de la conception dans le document (couleurs, formes, textures, relatio...
3. Répétition
3. Répétition
3. Répétition
4. Contraste  <ul><li>Le but recherché est d’éviter la répétition d’éléments  similaires sur la page. Si les éléments (typ...
4. Contraste
4. Contraste
4. Contraste
4. Contraste
Prochain SlideShare
Chargement dans…5
×

Presentation esthetisme

759 vues

Publié le

Presentation lors de la 2e semaine de cours à l'école de musique Vincent d'Indy.

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
759
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Presentation esthetisme

  1. 1. Esthétisme du numérique
  2. 2. Les principes de bases <ul><li>Proximité </li></ul><ul><li>Alignement </li></ul><ul><li>Répétition </li></ul><ul><li>Contraste </li></ul>
  3. 3. 1. Proximité <ul><li>Les éléments ayant une relation entre eux doivent être regroupés </li></ul><ul><li>Lorsque plusieurs éléments sont très proches les uns des autres, ils arrivent à former une même unité visuelle et non plusieurs unités séparées </li></ul><ul><li>Cela facilite l’organisation de l’information, réduit le désordre et offre au lecteur une structure claire </li></ul>
  4. 4. 1. Proximité
  5. 5. 1. Proximité
  6. 6. 1. Proximité
  7. 7. 1. Proximité
  8. 8. 2. Alignement <ul><li>Rien ne doit être placé arbitrairement sur la page </li></ul><ul><li>Chaque élément doit être disposé en fonction des autres </li></ul><ul><li>Cela génère un aspect net, sophistiqué et frais </li></ul><ul><li>Évitez autant que possible l’alignement centré </li></ul>
  9. 9. 2. Alignement
  10. 10. 2. Alignement
  11. 11. 2. Alignement
  12. 12. 2. Alignement
  13. 13. 3. Répétition <ul><li>Répétez les éléments visuels de la conception dans le document (couleurs, formes, textures, relations spatiales, épaisseurs de lignes, polices, tailles, concepts graphiques, etc.) </li></ul><ul><li>Cela permet d’améliorer l’organisation et de renforcer l’homogénéité du document </li></ul>
  14. 14. 3. Répétition
  15. 15. 3. Répétition
  16. 16. 3. Répétition
  17. 17. 4. Contraste <ul><li>Le but recherché est d’éviter la répétition d’éléments similaires sur la page. Si les éléments (type, couleur, taille, épaisseur, forme, etc.) ne sont pas identiques, vous devez alors vraiment le différencier </li></ul><ul><li>Le contraste est souvent l’élément visuel le plus important d’une page : c’est ce qui attire le regard du lecteur </li></ul>
  18. 18. 4. Contraste
  19. 19. 4. Contraste
  20. 20. 4. Contraste
  21. 21. 4. Contraste

×