À vous de jouer !
Vous avez commencé à réfléchir à votre site internet et/ou application mobile. Vos idées commencent à se cristalliser et vous voulez entamer la première partie de la phase de conception. Au lieu de simplement faire des croquis, vous décidez de débuter avec la méthodologie de l'Atomic Design et créer votre propre style guide !
L’objectif est de comprendre comment utiliser ces fonctionnalités pour mettre en place votre propre style guide !
Créez 4 pages sur Sketch, nommées comme suit :
1. Atomes
Inclure au moins 6 atomes.
Inclure au moins un symbole.
Faire au moins un symbole imbriqué.
2. Molécules
Inclure au moins un symbole.
Faire au moins un symbole imbriqué.
Faire au moins 2 molécules.
3. Organismes
Inclure au moins un symbole.
Faire au moins un symbole imbriqué.
Faire au moins 1 organisme.
4. Template
Chaque élément visible sur le template doit être un symbole.
Faites attention de bien nommer vos éléments dans le menu artboard (ex. "catégorie/nom/type”, traduit par “atomes/bouton/activé”).
Enfin, convertissez votre fichier Sketch en librairie.
Vérifiez votre travail
Librairie
Le fichier Sketch a été converti en librairie.
Pour vérifier : ce message devrait apparaître à l’ouverture du fichier Sketch.
Fichiers Atomes
Au moins un symbole est présent.
Au moins un symbole imbriqué est présent.
Au moins un Override de disponible avec du texte et des changements de symboles directs.
Au moins 6 atomes sont présents.
Chaque atome est un élément de base qui donne la possibilité à un utilisateur de faire une seule action.
Le format de la nomination est pareil pour l'ensemble des atomes.
Fichiers Molécules
Au moins un symbole est présent.
Au moins un symbole imbriqué est présent.
Au moins un Override de disponible avec du texte et des changements de symboles directs.
Au moins 2 molécules sont présentes.
Chaque molécule est assemblée de plusieurs atomes existants.
Chaque molécule a un seul objectif.
Le format de la nomination est pareil pour l'ensemble des molecules.
Fichiers Organismes
Au moins un symbole est présent.
Au moins un symbole imbriqué est présent.
Au moins un Override de disponible avec du texte et des changements de symboles directs.
Au moins un organisme est présent.
Chaque organisme est composé d'atomes et/ou de molécules.
Chaque organisme a plusieurs objectifs.
Le format de la nomination est pareil pour l'ensemble des organismes.
Fichier Template
Le template des atomes, des molécules et des organismes.
Chaque élément visible sur le template doit être un symbole.
Le template est sans contenu graphique et sans données (titre, texte, etc.).
