Plus la case est foncee, plus le score de cet indicateur est eleve.
MoinsPlus
Derniere relecture Sources et creditsCrédits médiasMéthodologie
Reponses courtes
Quand choisir Grille de diapositives et de documents ?
Quand le recit est : PowerPoint ou Google Slides, pages d'une page, affiches de classe.
Quand l'eviter ?
Dans des cas comme : empiler des boîtes flottantes sans bords partagés.
Qui l'a invente ou popularise ?
Systèmes de réseau suisses ; modèles de présentation ultérieurs et grille CSS
Qu'est-ce que ca encode ?
colonnes, gouttières et marges comme système spatial partagé
OK en pub ?
Oui si une these se lit d'un coup dans Meta, Google et print ; sinon liez vers la figure complete.
Un enseignant l'acceptera ?
Oui pour comptes rendus de TP et panneaux si axes, unites et une ligne de source sont la.
Grille de diapositives et de documents encode les valeurs comme colonnes, gouttières et marges comme système spatial partagé. Systèmes de réseau suisses ; modèles de présentation ultérieurs et grille CSS.
Dans les rapports, pubs et devoirs : PowerPoint ou Google Slides, pages d'une page, affiches de classe. A eviter quand empiler des boîtes flottantes sans bords partagés.
Logiciels
- Open Props — Concevez des jetons comprenant des échelles d’espace et de taille pour une disposition cohérente. · MIT · github.com/open-props/open-props
- normalize.css — Cohérence du rendu de base lorsque vous envoyez des documents HTML. · MIT · github.com/necolas/normalize.css
- Primer CSS — Ouvrez les modèles d'espacement du système de conception GitHub que vous pouvez étudier. · MIT · github.com/primer/css
- Tailwind CSS — Échelle d'espacement utilitaire - volez le rythme, pas nécessairement la pile. · MIT · github.com/tailwindlabs/tailwindcss
- Geometry demos — Squelettes de forme dessinés par le serveur qui enseignent l'alignement. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportations
- Exports 1 — SVG
- Exports 2 — PDF
- Exports 3 — EMF/SVG dans les diapos (pas de captures)
- Exports 4 — SVG pour le web, PDF pour l'impression
Accessibilite
- Accessibilite 1 — Jamais la teinte seule. Superposez motif, libelle et position.
- Accessibilite 2 — 4.5:1 pour le texte, 3:1 pour les grandes marques.
- Accessibilite 3 — Texte alt court sur le graphique ; nombres aussi en tableau HTML.
- Accessibilite 4 — Le mouvement seulement comme accent. Respectez prefers-reduced-motion.
Grille de diapositives et de documents : honorez colonnes, gouttières et marges comme système spatial partagé, et changez quand empiler des boîtes flottantes sans bords partagés.