Auto-administrarea culorilor UI în schița cu lanț
Potrivirea culorilor pentru a se potrivi paginii dvs. poate fi un hassle. Acest lucru este valabil și pentru machetele de site web și pentru interfața cu aplicațiile mobile - ambele necesită o o schemă de culori excelentă care se potrivește cu toate elementele de pagină.
Dacă folosiți frecvent unelte de culoare, atunci nu veți avea probleme în a găsi palete mari. Dar dacă ați putea automatiza procesul? Da, este posibil prin lanț.
Lanțul este a gratuit add-on Sketch care vă permite să automatizați selecția culorilor (bine, mai ales). Pur și simplu alegeți o culoare principală și “lanţ” alte elemente împreună cu acea culoare. Acest plugin face toate ridicarea grele pentru tine.
Cu lanțul puteți alege stilul de potrivire a culorilor și variația dorită. Practic, funcționează îmbinând diferite elemente de pagină împreună, unele mai ușoare și mai întunecate, toate trăgând dintr-o culoare de bază. Acest lucru este surprinzător de un instrument util pentru oricine preferă schița peste monstri ca Photoshop.
Deci, să presupunem că aveți o bară de navigare, un antet de erou și un buton CTA luminos. Doriți să actualizați toate aceste elemente simultan și amestecați-le într-un stil de culoare fără sudură.
Lanțul vă permite să faceți acest lucru dintr-un singur meniu din schiță. Puteți crea chiar mai multe “lanţuri” de elemente de pagină, fiecare având propriul stil unic și obiective unice.
Fiecare lanț are patru opțiuni de culoare:
- Nuanţă
- Alfa
- Saturare
- strălucire
Astfel, puteți alege cum să amestecați culorile împreună și cum să le amestecați într-un mod care arată minunat.
Deși este un plugin extrem de util pentru designeri, probabil că nu este soluția de captură a design-ului AI. Veți dori totuși să verificați singuri opțiunile de culoare și asigurați-vă că aceștia arata bine.
Puteți descărca o copie a lanțului din repo GitHub complet gratuit pentru viață. Odată ce ați aruncat o privire la lanț și luați-o pentru o plimbare de test, veți fi surprins de cât de mult vă poate ajuta fluxul de lucru al proiectului.
Dacă încă nu sunteți sigur cum funcționează acest lucru, vizionați videoclipul demonstrativ de 1 minut prezentând o mulțime de exemple pentru a vă bucura de ochi.
