Construire une interface web ou cédérom ne relève pas de l'à peu près esthétique, du joli, du beau ou du cool. Les multiples contraintes du support numérique doivent engendrer chez le designer la justification de ses choix visuels.
Ici, pas de lyrisme jubilatoire mais une architecture élaborée au pixel
près...

home > enseignement > direction artistique > construction de l'éc...

multimédia
direction artistique
com'visuelle
expression plastique

DIRECTION ARTISTIQUE
théorie des couleurs
texte et typographie
signes et formes
le logotype
construction de l'écran
redesign de sites

CONSTRUCTION DE L'ECRAN


1. WEB DESIN ET CONTRAINTES ERGONOMIQUES
    1.1 Qu’entendre par design graphique ?
    1.2 Design et ergonomie
       a) Le design ergonomique
       b) L’art pour l’art : source de perturbation
       c) Les 7 obligations du graphisme
       d) Etapes d'amorçage d'une création
       e) Benchmarking et brief client

2.
PERCEPTION DE L'ECRAN
   
2.1 Parcours de l’œil
       a) Sens de la lecture
       b) Zones de focalisation du regard
       c) Ce que perçoit l’œil en premier
       d) Ce que recherche l’œil

3. GRILLES ET GABARITS
    3.1 Métaphores
      3.2 Grilles de montages et gabarits
       3.2.1 Structure en L inversé
       3.2.2 Structure en U inversé
       3.2.3 Page pleine avec barre verticale
       3.2.4 Page pleine centrée
       3.2.5 Page centrée et cadrée
       3.2.6 Composition en console

4. Styles et effets de mode
    4.1 Le style magazine électronique
     4.2 Le style journal d'information
     4.3 Le style ludo-éducatif
     4.4 Le style design
     4.5 Le style "maigre"
     4.6 Le style "barogothique"
     4.7 Le style "techno-branchouille"
     4.8 Le style tendance
     4.9 Le style féminin
     4.10 Le style masculin


5. COMPOSITION DE L'ECRAN
    5.1 Le nombre d'or
       5.1.1 Equilibre interne
       5.1.2 Pi
       5.1.3 Correspondances
       5.1.4 Art & Sciences
       5.1.5 Utilisation du nombre d'or
       5.1.6 Rectangle d'or
       5.1.8 Spirale d'or
    5.2 La règle des tiers
     5.3 Point focal et accent
        
5.3.1 Définition du point focal
       5.3.2 Définition de l'accent
       5.3.3 Mécanismes pour obtenir un accent
     5.4 Lignes de force
     5.5 La composition
        
5.5.1 Le centre d'intérêt
       5.5.2 Le rappel
       5.5.3 L'alignement
       5.5.4 Le rythme
       5.5.5 Proximité
       5.5.6 Equilibre et symétrie
       5.5.7 L'unité
       5.5.8 L'harmonie

6. IMAGES & BACKROUND
     6.1 Typologie des images
     6.2 L'image narrative

7. LES COULEURS
8. LE TEXTE
9. LA TYPO
10. L'ICONIQUE
11. LES ELEMENTS DE L'ECRAN
12. LE LOGOTYPE
13. CONSTITUTION DE LA CHARTE GRAPHIQUE