UI Renklerini Zincirle Eskizinde Otomatik Yönetme
Sayfanıza uyacak şekilde renk eşleştirme zor olabilir. Bu aynı zamanda web sitesi örnekleri ve mobil uygulama kullanıcı arayüzleri için de geçerlidir - her ikisi de bir tüm sayfa öğeleriyle harmanlanan mükemmel renk şeması.
Sık sık renk araçları kullanırsanız, harika paletler bulmakta sorun yaşamayacaksınız. Peki ya işlemi otomatikleştirebilseydiniz? Evet, Zincir yoluyla mümkün.
Zincir bir ücretsiz Sketch eklentisi Bu, renk seçimini otomatikleştirmenizi sağlar (peki, çoğunlukla). Sadece bir ana renk seçin ve “Zincir” bu renkle birlikte diğer elementler. Bu eklenti sizin için tüm ağır yükleri kaldırıyor.
Zincir ile renk eşleme stilini ve ne kadar varyasyon istediğinizi seçebilirsiniz. Temel olarak, tarafından çalışır çeşitli sayfa öğelerini birlikte harmanlama, biraz daha hafif ve biraz daha koyu, hepsi tek bir temel renkten çeker. Bu şaşırtıcı bir şekilde kullanışlı bir araçtır Sketch'u tercih eden herkes Photoshop gibi behemoths üzerinde.
Diyelim ki bir gezinti çubuğuna, bir kahraman başlığına ve parlak bir CTA düğmesine sahipsin. İstiyorsun bu öğelerin tümünü bir kerede güncelle ve bunları kesintisiz bir renk stiline karıştırın.
Zincir, bunu Sketch'deki tek bir menüden yapmanıza izin verir. Birden çok bile oluşturabilirsiniz “zincirler” Sayfa öğelerinin, her birinin kendi benzersiz stili ve benzersiz hedefleri.
Her zincirin dört renk seçeneği vardır:
- renk
- Alfa
- Doyma
- Parlaklık
Bu sayede renkleri nasıl bir araya getireceğinizi ve onları harika görünen bir şekilde nasıl karıştıracağınızı seçebilirsiniz..
Her ne kadar tasarımcılar için süper yararlı bir eklenti olsa da, AI tasarımında her şeyi yakalayabilecek bir çözüm olmayabilir. Yine de renk seçimlerini kendin yapmak isteyip, emin olmak istiyorsun. aslında iyi görünüyorsun.
GitHub deposundan Zinciri'nin bir kopyasını ömür boyu tamamen indirebilirsiniz. Chain'e bakıp test sürüşüne çıktıktan sonra, tasarım iş akışınıza ne kadar yardımcı olabileceğine şaşıracaksınız..
Bunun nasıl çalıştığından hala emin değilseniz göz atmak için bir çok örnekle dolu 1 dakikalık demo videolarını izleyin..