Iconografía\n
En todas las aplicaciones empresariales y de consumidores de Guidewire, los íconos juegan un papel crucial, ya que brindan contexto, información, acciones y retroalimentación al usuario.
Si bien la biblioteca de íconos de Jutro es integral, recomendamos utilizar íconos solo cuando sea necesario y mejore la experiencia general del usuario.
Principios de diseño
Los íconos del sistema tienen un diseño simple, moderno, amigable y, a veces, extravagante. Cada ícono se reduce a su forma más simple, para expresar características esenciales.
Las formas de los íconos están destacadas en negrita y son geométricas. Tienen un aspecto simétrico y uniforme, lo que garantiza legibilidad y claridad, incluso en tamaños pequeños.
Los íconos están dentro de un cuadro delimitador de 24 x 24 píxeles y se puede cambiar el tamaño en incrementos de 4 pixeles (por ejemplo, 16 px, 20 px, 24 px).
Composición y disposición cargada
En el escritorio, cuando el ratón y el teclado son los métodos de entrada principales, las mediciones pueden reducirse a 20 dp.
Formas de las líneas clave
Las formas de las líneas clave se basan en la cuadrícula. Al usar estas formas centrales como línea de base, se pueden mantener proporciones visuales uniformes en todos los íconos de sus productos.
Descripciones emergentes
Cuando los usuarios coloquen el cursor sobre un ícono, lleven el foco a él o lo toquen, aparecerá una descripción emergente con texto informativo sobre el ícono. Algunos íconos aparecen sin rótulo. En estos casos, la descripción emergente proporciona la información y el contexto necesarios, y elimina cualquier conjetura por parte del usuario.
Íconos de la industria de seguros
Íconos de propiedad y accidentes
Los íconos de propiedad y accidentes de Guidewire son únicos y cruciales para brindar contexto y orientación al usuario mientras navega por la variedad de seguros de propiedad y accidentes cuando realiza tareas complejas. Además, estos íconos son indicadores visuales cruciales en interfaces de usuario de alta densidad de datos.
Estos son algunos ejemplos:
