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