Reglas de espaciado
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.
Lecturas recomendadas
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
https://www.notion.so/Design-system-1bdbab2c4c354f80944c1fb93d3743ff
Explicaremos como funcionan los espacios dentro de nuestra aplicación y como es que funcionan las unidades.
Ejemplo de Spacing