logo
Gilles Grosdoit-Artur - MMI
Please remember that course material for each unit, whether for Web Design or for English classes, must be downloaded prior to the beginning of the next session. Failing to do so may result in unnecessarily delaying the beginning of classes, due to lengthy downloading times.
Access the Bureau Virtuel →
MMI - Métiers du Multimédia et de l'Internet, Troyes / Gilles Grosdoit-Artur | Web Design – Architecture de l’Information 2/2
16329
page-template-default,page,page-id-16329,ajax_updown,page_not_loaded,,qode-title-hidden,side_area_uncovered_from_content,qode-theme-ver-11.1,qode-theme-bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive
Semestre 1

Écriture pour les Médias Numériques / M1105

Semestre 2

Écriture pour les Médias Numériques / M2105

Semestre 2

Intégration Web / M2206

1 / Mise en Perspective – 2 / Analyse Sectorielle – 3 / Architecture de l’Information (1/2) – 5 / Conception Graphique

Architecture de l’Information – Le Niveau Page

Plan du Cours

  • L’architecture de l’information (2ème partie)
    • Le niveau page;
    • Formalisation du modèle informationnel;
      • Processus : le niveau “contenu” (inventaire – organisation);
      • Processus : le niveau “site” (arborescence  – navigation);

 

 

Application: Arborescence (site d’architecte ou site client du projet tuteuré)

  • Lecture des consignes;
  • Remise du livrable sur le bureau virtuel au plus tard le 4 décembre 2017.

 

 

Documents à télécharger sur le Bureau Virtuel

  • Consignes du rapport de conception;
  • Exemple de rapport de conception.

 

  • Consignes de l’arborescence;
  • Rappels sur l’arborescence (cours);
  • Schémas du processus;
  • Modèle d’arborescence de type diagramme;
  • Modèle d’arborescence de type inventaire;
  • Typologie del’arborescence.

Articles en relation avec le cours

La Grille de Mise en Page

 

Un site sublime sur les grilles (et aussi la typo et la couleur) – R/M Design School

Les Grilles en Web Design – Alsacréation

Outil de statistique utilisé en cours – Similar Web

 

La Grille Typographique

 

Grid First Design – Design Shack

Size Matters: Balancing Line Length and Font Size in Responsive Web Design – Smashing Magazine

 

Zoning et Gabarits

 

Stephen Hay – Responsive Design Workflow – Beyond the Desktop Conference

Liens utiles

Grille de Mise en Page

 

960 Grid System

Bootstrap – l’outil de développement HTML, CSS, JS responsive le plus populaire

Flexbox Grid

Sneak Pick It – gabarits de mise en page pour croquis papier (pc, mobile, tablette…)

Style Tiles – pour aller plus loin

 

Typographie

 

Blind Text Generator – générateur de texte de remplissage (sorte de lorem ipsum amélioré).

Type Tester – pour le choix des polices, du corps et de l’interlignage, etc.

Placehold.it – pour générer des images de gabarit.