Gestión automática de los colores de la interfaz de usuario en el boceto con cadena
La combinación de colores para adaptarse a su página puede ser una molestia. Esto también es válido para las maquetas de sitios web y las UI de aplicaciones móviles, ambas requieren una Gran esquema de color que combina con todos los elementos de la página..
Si utiliza con frecuencia herramientas de color, no tendrá problemas para encontrar excelentes paletas. Pero ¿y si pudieras automatizar el proceso? Sí, es posible a través de la cadena..
La cadena es un complemento de Sketch gratis que le permite automatizar la selección de color (bueno, en su mayoría). Simplemente elige un color principal y “cadena” Otros elementos junto con ese color. Este plugin hace todo el trabajo pesado por ti..
Con Cadena puede elegir el estilo de coincidencia de color y la cantidad de variación que desee. Básicamente, funciona por mezclando varios elementos de la página juntos, algunos más claros y otros más oscuros, todos de un color base. Esta es sorprendentemente una herramienta útil para cualquiera que prefiera Sketch sobre gigantes como Photoshop.
Digamos que tienes una barra de navegación, un encabezado de héroe y un brillante botón de CTA. Tú quieres actualizar todos estos elementos a la vez y mezclarlos en un estilo de color transparente.
La cadena le permite hacer esto desde un solo menú en Sketch. Incluso puedes crear múltiples “cadenas” de elementos de la página, cada uno con su propio estilo único y objetivos únicos.
Cada cadena tiene cuatro opciones de color:
- Matiz
- Alfa
- Saturación
- Brillo
De esta manera, puede elegir cómo combinar colores y cómo combinarlos de una manera que se vea genial.
Aunque es un complemento muy útil para los diseñadores, probablemente no sea la solución definitiva para el diseño de AI. Usted todavía querrá examinar las opciones de color usted mismo y asegurarse de que en realidad se ve bien.
Puede descargar una copia de Chain desde el repositorio de GitHub totalmente gratis de por vida. Una vez que haya echado un vistazo a Chain y lo lleve a un viaje de prueba, se sorprenderá de lo mucho que puede ayudar a su flujo de trabajo de diseño.
Si aún no está seguro de cómo funciona esto, simplemente mire su video de demostración de 1 minuto con muchos ejemplos para complacer a la vista..
