Skip to content

Maquette et charte graphique

Maquette de Macao-Hugo élaborée pendant la réunion client, basée sur la palette de couleurs Solarized

Screenshot_2024-07-09_11-20-05

Barres de navigation : exactement comme Macao-Legacy

  • gauche : jusqu'à l'avant-dernier niveau (sous-parties) ; titres des grandes parties en gras
  • droite : dernier niveau de navigation (activités)

Barre supérieure : titre de l'activité (moins grand qu'un <h1>) et si possible titre de la sous-partie aussi

Mail de Laurence Durroux :

Concernant la charte graphique, il me semble qu'on a bien avancé et je voulais faire un point écrit pour vous dire ce que je trouverais cohérent :

  • ce que l'apprenant.e doit sélectionner et partout où il doit agir : orangé doux (du coup, aussi, les boutons/flèches pour écouter, les boutons réponses ainsi que les fonds des mots "valider" et "effacer" ; on n'en a pas pas parlé mais ce serait cohérent, il me semble)
  • la zone de rétroaction : encadré en cyan ; et donc aussi les liens vers les mémentos dans la même couleur (ex. "voyelle") ? et fond blanc
  • le menu de gauche et le bandeau supérieur indiquant le titre de l'activité et l'accès aux exercices de l'activité : fond "écru"

Merci de me dire ce que vous en pensez.

Edited by Eliott Sammier