Reglas de espaciado
Clase 14 de 23 • Curso de Sistemas de Diseño Efectivos
Contenido del curso
¿Qué es un Sistema de Diseño?
Principios del Sistema de Diseño
Paradigmas de Sistemas de Diseño
Estilos para tu Sistema de Diseño
Reglas de espaciado, Animación, Voz y Tono
Icon System y UI Kit
Un sistema basado en personas
Resumen
Las reglas de espaciado son muy útiles cuando trabajamos nuestros sistemas de diseño para anticipar la visualización de nuestras interfaces en diferentes dispositivos.
- Ritmo: Qué tan seguido aparecen elementos arriba o debajo de otros.
- Padding: Es el espacio dentro de nuestros elementos, nos ayuda a enfocar y transmitir los estilos de nuestra marca.
- Margin: Es el espacio entre elementos pero hacia afuera, nos permite generar ritmo visual o para separar elementos de secciones diferentes.
- Border: Trabajamos con el borde de los elementos, recuerda que las dimensiones o medidas de nuestros objetos se verán afectadas al aplicar o no aplicar estos bordes.
- Layout: Vamos a definir la forma general en que combinamos las columnas, headers y barras de navegación de nuestras plataformas, gracias a estas reglas podemos garantizar que nos adaptamos a todos los tamaños y dispositivos.