Gestisci automaticamente i colori dell'interfaccia utente in Sketch With Chain
Abbinare i colori per adattarsi alla tua pagina può essere una seccatura. Questo vale anche per i mockup del sito Web e le interfacce utente delle app mobili: entrambi richiedono un grande combinazione di colori che si fonde con tutti gli elementi della pagina.
Se usi frequentemente strumenti a colori, non avrai problemi a trovare grandi tavolozze. Ma se potessi automatizzare il processo? Sì, è possibile tramite Chain.
La catena è a Add-on Sketch gratuito che ti consente di automatizzare la selezione dei colori (beh, soprattutto). Scegli semplicemente un colore principale e “catena” altri elementi insieme a quel colore. Questo plugin fa tutto il lavoro pesante per te.
Con Chain puoi scegliere lo stile della corrispondenza dei colori e quanta variazione vuoi. Fondamentalmente, funziona mescolando insieme vari elementi della pagina, alcuni più leggeri e alcuni più scuri, tutti tirati da un colore di base. Questo è sorprendentemente uno strumento utile per chiunque preferisca Sketch su behemoth come Photoshop.
Supponiamo che tu abbia una barra di navigazione, un'intestazione dell'eroe e un pulsante CTA luminoso. Tu vuoi aggiornare tutti questi elementi contemporaneamente e fondili in uno stile di colore senza interruzioni.
Chain ti consente di farlo da un singolo menu in Sketch. Puoi persino creare più oggetti “Catene” degli elementi della pagina, ciascuno con il proprio stile unico e obiettivi unici.
Ogni catena ha quattro opzioni di colore:
- colore
- Alfa
- Saturazione
- Luminosità
In questo modo puoi scegliere come unire i colori e combinarli in un modo che sembra perfetto.
Sebbene sia un plug-in molto utile per i progettisti, probabilmente non è la soluzione ideale per il design di AI. Avrai comunque bisogno di controllare le scelte di colore da solo e assicurarti che siano loro in realtà sembra buono.
Puoi scaricare una copia di Chain dal repository GitHub totalmente gratis per tutta la vita. Una volta che hai dato un'occhiata a Chain e prendilo per un giro di prova, sarai sorpreso di quanto possa aiutare il tuo flusso di lavoro di progettazione.
Se non sei ancora sicuro di come funzioni, guarda il loro video dimostrativo della durata di 1 minuto che mostra un sacco di esempi per farti piacere.
