Automatyczne zarządzanie kolorami interfejsu użytkownika w szkicu z łańcuchem
Dopasowanie kolorów do Twojej strony może być kłopotliwe. Dotyczy to również makiet witryn i aplikacji mobilnych - oba wymagają świetny schemat kolorów, który łączy się ze wszystkimi elementami strony.
Jeśli często używasz narzędzi kolorów, nie będziesz miał problemu ze znalezieniem wspaniałych palet. Ale co, jeśli możesz zautomatyzować ten proces? Tak, to możliwe za pośrednictwem łańcucha.
Łańcuch to a darmowy dodatek Sketch to pozwala zautomatyzować wybór kolorów (dobrze, głównie). Po prostu wybierasz główny kolor i “łańcuch” inne elementy razem z tym kolorem. Ta wtyczka robi dla ciebie ciężkie prace.
Z łańcuchem możesz wybrać styl dopasowywania kolorów i ile chcesz odmian. Zasadniczo działa przez łączenie różnych elementów strony, trochę lżejsze i trochę ciemniejsze, wszystkie ciągnące się od jednego koloru podstawowego. To zaskakująco przydatne narzędzie każdy, kto woli Szkic nad potworami takimi jak Photoshop.
Powiedzmy, że masz pasek nawigacyjny, nagłówek bohatera i jasny przycisk CTA. Chcesz zaktualizuj wszystkie te elementy naraz i połącz je w jednolity kolor.
Łańcuch pozwala to zrobić z pojedynczego menu w Sketch. Możesz nawet stworzyć wiele “więzy” elementów strony, każdy z własnym unikalnym stylem i unikalnymi celami.
Każdy łańcuch ma cztery opcje kolorów:
- Odcień
- Alfa
- Nasycenie
- Jasność
W ten sposób możesz wybrać, jak połączyć kolory razem i jak miksować je w sposób, który wygląda świetnie.
Chociaż jest to bardzo pomocna wtyczka dla projektantów, prawdopodobnie nie jest to rozwiązanie typu catch-all do projektowania AI. Nadal będziesz chciał samodzielnie sprawdzić wybór kolorów i upewnić się, że właściwie dobrze wyglądają.
Możesz pobrać kopię Chain z repozytorium GitHub całkowicie za darmo na całe życie. Gdy spojrzysz na Chain i weźmiesz go na jazdę próbną, będziesz zaskoczony, jak bardzo może to pomóc w twoim procesie projektowania.
Jeśli nadal nie jesteś pewien, jak to działa, po prostu obejrzyj ich 1-minutowe wideo demonstracyjne prezentujące wiele przykładów, które zadowolą oko.
