Objectifs
Voici les connaissances abordées dans ce cours.
- Apprendre à hiérarchiser le contenu texte et images d’une page web
- Savoir structurer un layout à l’aide d’une grille horizontale et verticale
- Découvrir une application dédiée au design d’interface : Sketch
- Maîtriser le vocabulaire de base caractérisant les éléments de structure d’un layout
Mots-clefs
Brief
Dans ce sujet vous reprendrez votre maquette Durand plomberie et la retravaillerez en vous appuyant sur un des outils majeurs du designer graphique : la grille horizontale et verticale. Vous mettrez en page votre design avec l’application Sketch.
Demande
Votre travail consistera en un découpage du contenu de la page web en sections et en colonnes. À vous de l’organiser de la manière la plus pertinente. Votre design devra toujours aller à l’essentiel et rester très simple. La nouvelle mouture de votre maquette devra également prendre en compte les retours formulés dans la correction du sujet 1.
Inspiration
klikkenthéke est une galerie mettant en avant des sites Internet sélectionnés pour leur simplicité. Essayez d'analyser la manière dont les sites présentés utilisent la grille et de vous en inspirer.
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-2-prenom-nom |
|---|
export |
site.jpg |
polices |
nom-de-la-fonte.otf |
source |
site.sketch |
Voici les critères de notation pour ce sujet.
| /20 | |
|---|---|
| /9 | Prise en charge des retours du sujet 1 et adéquation de la proposition graphique avec le brief |
| /9 | Organisation pertinente du contenu et utilisation correcte de la grille |
| /2 | Tous les fichiers demandés fournis, organisés et nommés correctement |