J'peux faire mieux que ça ! (Layout Rescue)¶
Vous allez refaire la mise en page d’une affiche existante (au choix) pour en proposer une version plus efficace.
Le but n’est pas seulement d'« embellir » l’affiche. Le but est d'améliorer la communication (clarté, lisibilité, hiérarchie, intention, appel à l’action, etc.).
Pour y arriver, vous devrez d’abord comprendre l’affiche (qui parle à qui, pourquoi, avec quel message) à l’aide de la méthode QQOQCCP (version simplifiée), puis appliquer des principes de design graphique pertinents dans votre redesign.
Ce devoir compte pour 7% de la note finale
Contraintes¶
- Choisissez un affichage physique que vous prendrez en photo. Voici quelques exemples :
- Affiche dans un lieu public
- Panneau publicitaire sur la route
- Menu de restaurant
- Page d'un magazine
- Images et éléments graphiques libres de droit
- Vous devez démontrer au moins 4 principes de design graphique vus en classe.
- Format : vous pouvez conserver le format original ou le modifier. Dans les deux cas, vous devrez justifier votre choix.
Figma¶
Créer le fichier¶
- Dans Figma, créer un projet « Devoirs »
- Dans le projet, créez une composition de type « Design » et renommez la « Devoir 01 »
- Une seule page est nécessaire pour le devoir. Renommez la page par « Sauvetage »
Créer les Frames¶
- Créez 3 frames et renommez-les exactement comme suit :
« Source »
- Ajoutez l’image de l’affiche originale
« Version améliorée »
Créez votre redesign complet de l’affiche.
Vous pouvez réorganiser, ajuster ou remplacer des éléments tant que le message reste cohérent et plus efficace.
« Explication »
Présentez votre analyse (QQOQCCP) et vos justifications de design (voir ci-dessous).
Contenu par frame¶
Frame « Version améliorée »¶
Votre redesign doit :
- rendre l’information plus claire (hiérarchie, lecture, structure),
- améliorer la lisibilité (contraste, typographie, espacement),
- guider l’œil (rythme, alignements, regroupements),
- soutenir l’intention (ex. : convaincre, informer, inviter, sensibiliser).
Frame « Explication »¶
Le frame Explication justifie les choix de la version améliorée.
Insérez du texte dans ce frame à l'aide de l'outil texte de Figma.
Démontrer votre compréhension du projet en inscrivant les éléments suivants :
- Quoi (quel est le message principal) ?
- Qui parle ? À qui ?
- Où / Quand (si applicable) ?
- Comment (moyen, ton, style, structure) ?
- Pourquoi (quel est l'objectif du message) ?
Format
- Justifier la dimension de la version améliorée.
Principes de design graphique
- Listez au moins 4 principes et expliquez où et pourquoi vous les avez utilisés.
Remise¶
Sur Teams, dans le « Devoir 01 », remettre :
Le fichier source et les 3 Frames exportés séparément en ".png" avec la nomenclature suivante :
nomdefamille-prenom-devoir01.fignomdefamille-prenom-devoir01-source.pngnomdefamille-prenom-devoir01-version-amelioree.pngnomdefamille-prenom-devoir01-explication.png
Date : La veille du cours de la semaine 3 à 23 h 59
Critères d’évaluation¶
Frame Source (1 pt)
- Choix du matériel de départ : Choisir un visuel qui nécessite vraiment un redesign
Frame Version améliorée (2 pts)
- Clarté du message : Priorités visibles, ordre de lecture intentionnel, différences perceptibles (taille, poids, espace, placement, densité) au service de la lecture.
- Organisation de la mise en page : Organisation solide, alignements cohérents, regroupements logiques, sections lisibles, espacement utile.
Frame Explication (3 pts)
- Compréhension du message
- Justification du format
- Justification des principes de design graphique utilisés
Respect des consignes (1 pt)