Forma
Define el estilo de contenedores, botones y otros elementos que unifican la interfaz.
La forma es fundamental para unificar visualmente la interfaz, considerando que
seguirá creciendo el ecosistema, desde software internos, Dashboard, sistemas de
gestión, sistema privado, sistemas públicos, aplicaciones móviles, pantallas de
orientación, web, entre otros.
Para eso se define un criterio de diseño para todos los contenedores de componentes
de interfaz, desde un botón, una tarjeta, un soporte de un cuestionario o una
fotografía, los 10 pixeles en las esquinas se aplican a todas las formas por igual,
indiferente al tamaño. Desde el punto de quiebre donde la forma es mas pequeña que
10 pixeles, la forma del contenedor es totalmente redondeado, diferenciándolo de el
resto del sistema de interfaz.
Aquí tienes algunas características clave de la forma en el contexto digital del sistema Malta:
- Reconocimiento: Las formas pueden ser utilizadas para crear elementos distintivos y reconocibles en una interfaz. La forma de un botón, un ícono o un elemento de navegación puede ayudar a los usuarios a identificar rápidamente su función y propósito, lo que facilita la navegación y la interacción.
- Jerarquía: Las formas pueden ayudar a establecer una jerarquía visual y agrupar elementos relacionados en una interfaz. Mediante el uso de formas diferentes, se pueden diferenciar secciones, categorías o tipos de contenido, lo que permite a los usuarios comprender la estructura y organización de la información.
- Consistencia: El uso consistente de formas en una interfaz ayuda a establecer una apariencia coherente y una experiencia unificada en todo el ecosistema AIEP. Mantener formas similares para elementos similares ayuda a los usuarios a comprender rápidamente las interacciones y comportamientos esperados.
- Accesibilidad: Al elegir y diseñar formas, es importante considerar la accesibilidad y la usabilidad. Las formas deben ser claramente distinguibles, no causar confusión y tener un tamaño adecuado para ser seleccionadas fácilmente tanto en pantallas táctiles como en dispositivos con cursor.
Crear nuevos contenedores
Puedes crear los contenedores que se requieran para componentes nuevos accediendo al
archivo figma original.
