3.3. Design

3.3.1. Formats et nomenclature

  • Formats attendus : .fig
  • Prototypes interactifs : Lien Figma.
  • Police : Google Fonts ou libre de droits.
  • Images : Libre de droits

Nommage de fichiers et dossiers de design : Convention de nommage générale

3.3.2. Normes de livraison

  • Styles
    • Enregistrés, nommés, classés puis appliqués.
  • Composantes
    • Placées dans une frame design system.
  • Composantes et contenus externes (communauté Figma, IA)
    • Placés dans une frame distincte, clairement identifiée.
  • Calques/éléments importants
    • Bien nommés (frames, composantes, variantes, auto-layout, etc.).
  • Rendu final clair, bien organisé, sans superflu.

3.3.3. Tailles de frames pour web

  • Desktop :
    • 1440 px de largeur.
    • Réfléchir à la hauteur du premier écran (≃ 800–900 px), sinon longueur variable selon les contenus.
  • Tablette :
    • 768 × 1024 px.
    • Réfléchir à la hauteur du premier écran (1024 px), sinon longueur variable.
  • Mobile :
    • 375 px (parmi les plus petits formats communs).
    • Réfléchir à la hauteur du premier écran (812 px), sinon longueur variable.