Autre

Zapier Brand Guide 2022

slides: 60
motifs: 3

Zapier

01 / 60

Analyse

3 motifs de mise en page

Règle 04

Une page porte un seul élément à l'accent. S'il en faut deux, la hiérarchie de la page est à refaire.

Sur un graphique

La barre de l'année en cours prend l'accent. Les quatre autres restent en aplat neutre.

Dans un tableau

La colonne recommandée reçoit l'accent adouci en fond. Aucune coche, aucune couleur de validation.

Dans un titre

Le mot décisif se surligne, jamais la phrase entière. Une seule fois par page.

Sur une image

L'accent ne se pose pas sur une image. La teinte de charte s'en charge, en mélange.

Exception : les intercalaires de section, où l'accent porte le fond entier.9

Notre composant @regle-et-exemples, pas le document cité

Motif 1 · Page 14

Artefact grandeur nature, règles en colonne

La proposition de valeur occupe les deux tiers gauche, dans un aplat teinté, à la taille exacte où elle sera employée. La colonne étroite de droite porte deux paragraphes courts titrés « What It Is » et « How We Use It », assez discrets pour que personne ne confonde le commentaire et l'objet.

Refaire avec @regle-et-exemples

✓Correct

« La marge gagne 5,5 points en quatre ans »

Le lecteur qui ne lit que les titres a compris la démonstration.

✕À refaire

« Évolution de la marge 2022-2026 »

Le titre nomme l'objet de la figure et laisse le lecteur conclure seul.

✓Correct

« Trois sites concentrent 71 % du retard »

Le chiffre est dans le titre, la figure ne fait que le localiser.

✕À refaire

« Analyse des retards par site »

Un titre de dossier, pas un titre de page. Il ne dit rien de ce qui a été trouvé.

Relevé de démonstration, quatre pages tirées d'une revue de document.10

Notre composant @contre-exemples, pas le document cité

Motif 2 · Page 38

Vignettes pastillées oui ou non

Six vignettes montrent chacune un usage du logo, marquées d'une pastille verte ou rouge, et les deux règles écrites à gauche portent exactement les mêmes pastilles. Le lecteur relie la règle à l'exemple sans effort, parce que le même symbole tient les deux bouts.

Refaire avec @contre-exemples

02

Le marché et la place à prendre

01 Situation02 Marché03 Dispositif04 Calendrier

Notre composant @intercalaire-section, pas le document cité

Motif 3 · Page 30

Intercalaire qui liste ses sous-parties

L'intercalaire remplit la slide d'un aplat de couleur de marque et empile les six sous-parties à venir au corps d'un titre, sans numéro ni puce. Le lecteur voit d'avance le périmètre des quinze slides suivantes, et la section se signale par sa couleur autant que par son texte.

Refaire avec @intercalaire-section

Le document