Las celdas mas oscuras marcan una puntuacion mas alta en ese indicador.
MenosMas
Ultima revision Fuentes y creditosCréditos de mediosMetodología
Respuestas rapidas
Cuando elijo Cuadrícula de diapositivas y documentos?
Cuando el relato es: PowerPoint o Google Slides, folletos de una página, carteles para el aula.
Cuando lo evito?
En casos como: apilar cajas flotantes sin bordes compartidos.
Quien lo invento o popularizo?
Sistemas de red suizos; plantillas de presentación posteriores y CSS Grid
Que codifica?
columnas, canalones y márgenes como un sistema espacial compartido
Vale en anuncios?
Si si una tesis se ve de un vistazo en Meta, Google e impresion; si no, enlaza a la figura completa.
Lo aceptara un profesor?
Si en informes de laboratorio y cartulinas si hay ejes, unidades y una linea de fuente.
Cuadrícula de diapositivas y documentos codifica valores como columnas, canalones y márgenes como un sistema espacial compartido. Sistemas de red suizos; plantillas de presentación posteriores y CSS Grid.
En informes, anuncios y tareas encaja: PowerPoint o Google Slides, folletos de una página, carteles para el aula. Evitelo cuando apilar cajas flotantes sin bordes compartidos.
Software
- Open Props — Fichas de diseño que incluyen escalas de espacio y tamaño para un diseño coherente. · MIT · github.com/open-props/open-props
- normalize.css — Coherencia de representación básica cuando envía folletos HTML. · MIT · github.com/necolas/normalize.css
- Primer CSS — Abra los patrones de espaciado del sistema de diseño de GitHub que puede estudiar. · MIT · github.com/primer/css
- Tailwind CSS — Escala de espaciado de servicios públicos: roba el ritmo, no necesariamente la pila. · MIT · github.com/tailwindlabs/tailwindcss
- Geometry demos — Esqueletos de formas dibujados por el servidor que enseñan la alineación. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportar
- Exportar 1 — SVG
- Exportar 2 — PDF
- Exportar 3 — EMF/SVG en diapositivas (sin capturas)
- Exportar 4 — SVG para web, PDF para impresion
Accesibilidad
- Accesibilidad 1 — Nunca el matiz solo. Apila patron, etiqueta y posicion.
- Accesibilidad 2 — 4.5:1 para texto, 3:1 para marcas grandes.
- Accesibilidad 3 — Texto alt corto en el grafico; numeros tambien como tabla HTML.
- Accesibilidad 4 — Movimiento solo como enfasis. Respeta prefers-reduced-motion.
Cuadrícula de diapositivas y documentos: honra columnas, canalones y márgenes como un sistema espacial compartido, y cambia cuando apilar cajas flotantes sin bordes compartidos.