1 / Mise en Perspective – 2 / Analyse Sectorielle – 3 / Architecture de l’Information (1/2) – 5 / Conception Graphique
Écriture pour les Médias Numériques / M1105
1 / Mise en Perspective – 2 / Analyse Sectorielle – 3 / Architecture de l’Information (1/2) – 5 / Conception Graphique
Application: Arborescence (site d’architecte ou site client du projet tuteuré)
Documents à télécharger sur le Bureau Virtuel
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
Grille de Mise en Page
Bootstrap – l’outil de développement HTML, CSS, JS responsive le plus populaire
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.