Descripción general del estilo

    El sistema Indigo.Design proporciona medios elaborados para diseñar los más de 60 componentes de la interfaz de usuario que también se asignan a Ignite UI for Angular. El motor de temas de nuestro producto Angular permite crear temas de colores personalizados que pueden cambiar el estilo de todo el producto en tan solo unas pocas líneas de código. App Builder también implementa estos mecanismos de temática para permitir a los usuarios cambiar el aspecto completo de sus aplicaciones con solo unos pocos clics.

    Styling in Figma

    La biblioteca Indigo.Design for Material en Figma, tiene la siguiente estructura de páginas:

    • ↳ Iconos
    • ↳ Colores
    • ↳ Tipografía
    • ↳ Elevación
    • ↳ Ilustraciones

    Las páginas enumeradas se encuentran en la página 🧱 Foundation. Los colores y las elevaciones existen como Color styles y Effect styles, mientras que la tipografía se define como Text styles, lo que le permite cambiar rápidamente el tema de cualquier diseño que hayamos creado con el sistema Indigo.Design.

    Styling in Sketch

    Cada una de las cuatro bibliotecas Sketch, Indigo.Design for Material, Indigo.Design for Bootstrap, Indigo.Design for Fluent e Indigo.Design for Indigo Theme, tiene la misma estructura de páginas con el prefijo 🎨 emoji que proporciona recursos y una poderosa infraestructura de estilo sobre la que se construye el resto de la biblioteca. Entonces, después de elegir su variante según el lenguaje de diseño que prefiera, diríjase a las siguientes páginas para personalizar aún más la apariencia de su biblioteca:

    • 🎨 Iconos de materiales
    • 🎨 Colores
    • 🎨 Tipografía
    • 🎨 Elevación
    • 🎨 Ilustraciones

    Los colores y las elevaciones existen como Layer Styles, mientras que la tipografía se define como Text Styles, lo que le permite cambiar rápidamente el tema de cualquier diseño que hayamos creado con el sistema Indigo.Design.

    Styling in Adobe XD

    La biblioteca de Adobe XD tiene algunas mesas de trabajo con el prefijo 🎨 emoji que muestran la poderosa infraestructura de estilo sobre la que se construye el resto de la biblioteca:

    • 🎨 Iconos de materiales
    • 🎨 Colores
    • 🎨 Tipografía
    • 🎨 Elevación
    • 🎨 Ilustraciones

    Los colores se definen como Colors, la tipografía se define como Character Styles, mientras que los iconos, el alzado y las ilustraciones existen como Components. Esto le permite cambiar rápidamente el tema de cualquier diseño que hayamos creado con el sistema Indigo.Design.

    Para encontrar más:

    • Íconos de materiales: una colección de más de 160 íconos de materiales ampliada con más de 360 íconos creados por nosotros de acuerdo con las pautas de diseño de íconos de materiales, que puedes ampliar fácilmente aún más.
    • Colores: paletas con variantes de color primario, secundario y gris, así como colores especiales y un par de paletas diseñadas específicamente para visualización de datos, incluido un conjunto optimizado para diferentes tipos de daltonismo.
    • Tipografía: una colección de estilos de texto genéricos y específicos de componentes.
    • Elevation: el conjunto de 24 sombras que conocemos de Material Design
    • Ilustraciones: un conjunto de 17 ilustraciones personalizables y estilizables para que tus diseños sean más divertidos y completos.

    Additional Resources

    Temas relacionados:

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.