Objectifs
Voici les connaissances abordées dans ce cours.
- Apprendre à hiérarchiser les textes au sein d’un document
- Utiliser une échelle typographique standard
Mots-clefs
Brief
Dans ce sujet vous travaillerez à la refonte du site web des éditions Agone. Votre design fera la part belle au texte et à sa présentation. Il utilisera peu de couleurs et d’éléments iconographiques – les seuls visuels présents seront les couvertures de livres.
Éléments
Avant de commencer, télécharger le dossier elements qui contient tous les éléments fournis pour ce sujet.
Demande
Vous plancherez au redesign de quatre vues du site :
Les polices de caractères sont imposées et fournies : ITC Garamond Std et Inter UI. Tout le contenu présenté dans votre maquette devra être issu du site existant (pas de lorem ipsum). N’hésitez pas à réorganiser ce contenu si cela vous paraît approprié.
Il est important que le design de votre site soit consistant d’une vue à l’autre, afin de mettre en place un système graphique cohérent. Pour cela, vous vous appuierez sur une grille de mise en page conventionnelle à 12 colonnes, ainsi que sur l’échelle typographique ci-dessous.
| 6 |
| 8 |
| 9 |
| 10 |
| 11 |
| 12 |
| 14 |
| 16 |
| 18 |
| 24 |
| 30 |
| 36 |
| 48 |
| 60 |
| 72 |
| 96 |
| 120 |
| 144 |
| 192 |
Inspiration
Quelques sites aux univers très différents, observez particulièrement la hiérarchisation des textes :
Rendu et notation
Le rendu s’effectuera par mail à l’adresse mayliscours@wearemd.com. Vous trouverez ci-dessous la liste exhaustive des dossiers / fichiers à inclure dans votre rendu. Veillez à respecter la convention de nommage demandée (avec des tirets).
design-thinking-sujet-3-prenom-nom |
|---|
export |
1-accueil.jpg |
2-livre.jpg |
3-collections.jpg |
4-glossaire.jpg |
source |
site.sketch |
Voici les critères de notation pour ce sujet.
| /20 | |
|---|---|
| /10 | Organisation rationnelle des contenus et bonne hiérarchisation des textes (utilisation de la grille et de l’échelle typographique) |
| /8 | Adéquation de la proposition graphique avec le brief |
| /2 | Tous les fichiers demandés fournis, organisés et nommés correctement |
