Une page de présentation peut être ample sans être vide. Un nom, un propos clair, un visuel de référence et une action bien placée suffisent à créer une hiérarchie. Le pied de page porte les informations secondaires.
DESIGN / ÉDITIONFaire de la place
à ce qui compte.
Un titre présent, une mesure de texte contenue, un point de repère. Rien à ajouter pour être identifiable.
- Conserver une grille visible dans les alignements, même si l’illustration est libre.
- Éviter une répétition de six cartes identiques pour tous les sujets.
- Adapter la composition au contenu : lettre, profil, documentation et galerie ne partagent pas un gabarit unique.
Les composants gardent leur logique tout en changeant de composition. La barre de navigation et les marges suivent la largeur réelle du viewport. La taille des zones tactiles ne diminue pas pour faire tenir un écran desktop sur téléphone.
Les moments
qui restent.
Collection lumière
Exemple graphique · 3 élémentsUne structure lisible à 320 px.
Les contrôles gardent leur place,
le contenu conserve la sienne.
- Une barre fixe réserve son espace dans le document.
- Les menus temporaires s’ouvrent dans la zone visible, avec une fermeture toujours atteignable.
- Éviter un panneau de paramètres qui couvre tout le sujet réglé.
- Une URL longue, une erreur ou une traduction ne doivent pas élargir l’écran.
Le sujet reste visible pendant un réglage. La caméra est un espace de travail immersif : sa surface de capture est dominante, les outils sont regroupés et leur état est lisible. Une commande beauté, une lens et un réglage optique ont des fonctions distinctes.
Le sujet reste visible.
Un réglage actif à la fois. Un panneau compact, dans la partie basse, qui ne masque pas le visage. Les valeurs suivent l’effet réel.
Schéma d’agencement · cette page ne demande aucun accès à la caméra.
- Conserver une grande zone de prévisualisation pendant la retouche. Un panneau compact présente un réglage à la fois ou un groupe très court.
- Présenter la valeur effective et le contrôle d’activation de chaque effet. Les effets incompatibles ne se cumulent pas silencieusement.
- Garder les contrôles de sortie, de caméra avant/arrière et de déclenchement à une place stable.
- Le bouton RAW doit expliquer la portée du terme. Une absence de filtre n’est pas à elle seule un fichier RAW photographique.
- Une capacité dépendante du matériel ne doit pas être présentée comme toujours disponible.
La photographie donne la place aux personnes, aux objets et aux usages réels : portrait, mouvement, entraînement, quotidien et alimentation. Le traitement conserve une texture et une carnation crédibles. La retouche ne remplace pas le consentement ni les droits de diffusion.
- Privilégier une lumière lisible, des tons cohérents et un cadrage qui sert le sujet.
- Préserver un original et distinguer la copie traitée lorsque le parcours le nécessite.
- Éviter de présenter un traitement beauté comme une condition de valeur personnelle.
- Documenter l’origine, l’autorisation et la licence des médias utilisés dans une communication.
- Les illustrations de cette charte sont des compositions graphiques ; elles ne sont pas des photographies de modèles réelles.
Les documents utilisent la même hiérarchie et les mêmes rôles. Une page imprimée ne reproduit pas une interface entière : elle conserve ce qui sert la lecture, avec des marges, une pagination et des tableaux adaptés.
NOTE DE PROJET / 001Une continuité,
sur chaque support.
La mise en page s’appuie sur la même grille, le même rythme et une hiérarchie claire.
Marges de travail : 20 à 24 mm.
Corps : 10,5 à 12 pt.
Fond perdu si le décor atteint la coupe : à confirmer avec l’imprimeur.
| Élément | Recommandation |
|---|---|
| Format courant | A4, marges de lecture 18–24 mm. |
| Texte courant | 10–11 pt selon police et support ; interligne 1,4–1,55. |
| Titres | Hiérarchie claire, pas de corps minuscules pour faire tenir une page. |
| Noir & blanc | Logo monochrome, états identifiés par un mot ou un motif. |
| Production | Profil colorimétrique et épreuve avec l’imprimeur ; fond perdu selon sa demande. |
| PDF livré ici | Guide de consultation avec texte sélectionnable ; pas un fichier certifié PDF/X. |
Formats de communication
#Le système s’adapte aux formats carrés, verticaux et horizontaux. Les dimensions ci-dessous sont des formats de travail, pas une promesse permanente de compatibilité avec une plateforme.
du détail.Exemple carré · 1:1
Une présence.Exemple vertical · 9:16