Espaciado y elevación en design systems
Contenido del curso
Gabriela Urbano
José Luis Quiróz Casas
Jeniffer Iza
Martin Coronel
Breakpoints: es un punto específico en la medida de la pantalla donde el diseño de la interfaz de usuario se ajusta para adaptarse a diferentes dispositivos o resoluciones, proporcionando una experiencia de usuario óptima y coherente.
++Se pueden usar dos tipos de escalas de espaciados++
++Breakpoints++
++Consideraciones++
++Elevación++
Representa la distancia y la jerarquía entre 2 superficies en el eje Z
💡 Usamos las sombras como intención visual
gracias por el resumen.
Un sistema de diseño es un conjunto de estándares y directrices que permite crear productos de manera consistente y eficiente. Incluye componentes reutilizables, pautas de estilo y patrones de interacción que aseguran uniformidad en el diseño y desarrollo. En el contexto de Figma, esto implica definir espaciados, elevaciones y estilos que se alineen con las necesidades del equipo de desarrollo. La colaboración entre diseñadores y desarrolladores es clave para que el sistema funcione efectivamente.
Recomendacion para los espaciados.
Consideraciones
Mantener los componentes que este relacionados, con un espaciado sin tanta diferencia. Por ejemplo Card que se relacionen a un mismo contenido.
Las medidas no deben estarescritas en piedras. por ejemplo, solo podemos decir que el texto debe estar centrado en la card, sin importar cual es la medida exacta. . .
Martin Coronel - Product Designer Linkedin
