Tasarım Trendi: Koyu Renk Paletleri ve Animasyon

Son zamanlarda tüm süper karanlık tasarım modellerini not ettiniz mi? Tasarımcılar, aynı renk şemasında animasyon içeren bazı korkak, karanlık tasarım desenlerini deniyorlar.

Bu animasyonlar, kendi başlarına gerçekleşen basit hareketlerden, asılı efektlere ve tam sinematik deneyimlere kadar her şeyi içerir. Bu web sitesi tasarım trendine girelim ve projeleriniz için çalışmasını sağlamanın birkaç yolunu inceleyelim.

Trend Hakkında

Koyu animasyon, iki öğeyi farklı bir şekilde birleştiren bir trenddir - koyu siyah beyaz renk paleti ve harika bir animasyon. Sonuç, zarif ve karamsar olan çarpıcı katmanlı bir tasarımdır.

İşe yarıyor çünkü bir gizem duygusu uyandırıyor. Ve kullanıcılar bulmacayı çözmek istiyor.

Eğilimi iyi yapmak zor olsa da ve her zaman mükemmel bir mobil kullanıcı deneyimine sahip olmamasına rağmen, bu görsel modeli yönlendiren şey ilgi çekicidir. Tüm karanlık unsurlar nedeniyle, kullanıcı tasarıma bakmak zorunda kalır.

Kullanıcı, animasyonlu öğeyle ne olacağını görmeye ve ince değişiklikler ve efektler aramaya karışırken, bu projelere katılımı sağlayan gerçek bir gizem öğesi var. Sonrasında ne olacak?

Bu tasarımların her biri farklı bir şekilde oluşturulmuştur. En iyi çalışan belirli bir animasyon türü yoktur ve kullanılması gereken belirli bir renk yoktur, ancak bu tasarımların çoğunda zengin siyahlar ve griler paleti kullanılır.

Animasyonlar, fareyle üzerine gelme efekti kadar basit veya kalıplama şekli veya üretilen video kadar ayrıntılı olabilir.

İşe yarıyor çünkü bir gizem duygusu uyandırıyor. Ve kullanıcılar bulmacayı çözmek istiyor.

Neden Çalışır

Bu tasarım trendinin neden işe yaradığını açıklamak gerçekten zor. Web sitesi tasarım projelerini görmeden düşündüğünüzde, karanlık animasyon desenlerinin başarılı olacağını düşünmezsiniz.

1. Çok fazla renk yok.
2. Çok az kontrast var.
3. Tasarımlar neredeyse çok basit.

Ama belki de bu yüzden bu eğilim işe yarıyor. Kullanıcıları tasarıma çekecek kadar kuralları ihlal eder.

Diğer bir etken, karanlığın ve gizemin el ele gitmesidir. Ve insanlar sadece iyi bir gizemi severler. Gizli öğeleri görebilmeleri ya da karmaşık bir sorunu çözebilmeleri için yaşıyorlar. Animasyonlu bir efekti olan koyu renk şeması, kullanıcıların gizemi çözmesi için bir yol sağlar.

Bu projelerin de belirgin bir duygu çekiciliği var. Koyu renkler karamsar. Bu paletlerdeki renk varyasyonları karmaşık ve ilginçtir (yine de tasarım açısından). Eklemlemesi zor, ama keşfetmesi büyüleyici bir derinlik unsuru var.

Tüm duygu ve gizemi toplayın ve kullanıcıların neden bu görsel desene çekildiğine dair bir fikir edinebilirsiniz.

Siyah Olması Gerekmiyor

Bu tasarımların çoğunda siyah renk paletleri bulunurken, yapmak zorunda değiller.

Diğer koyu tonlar da etkili olabilir ve tasarımcılara koyu renkli bir tasarım deseni oluşturma ve renk paleti ile marka üzerinde kalma yeteneği kazandırır.

Renk ne olursa olsun, bu renk paletlerinin animasyonlarla çalışmasının anahtarı renk seçimindeki zenginliktir. Bir dizi ton (bir rengin gri ile karıştırılması) ve gölgeler (bir rengin siyahla karıştırılması), tek renkli bir renk paleti için değişen bir aralık sağlayabilir. (Yukarıdaki FedEx tasarımındaki farklı morlara bakın.)

Kontrast bu tasarım trendinin odak noktası olmasa da önemlidir. Tek renkli tasarımda yeterli kontrast olmadan, animasyon arka planda kaybolacak ve tasarımı etkisiz hale getirecektir.

Birkaç Önlem

Bu tasarım trendi herkes için değil ve etkili bir şekilde çıkarmak çok zor. Koyu renk animasyonlu desenlerin hataları var:

• Mobil cihazlarda bu kadar iyi render yok.
• Doğasında erişilebilirlikle ilgili bazı sorunlar var.
• Bazı kullanıcılar için yeterli görsel ilgi olmayabilir.
• Gezinme ve harekete geçirici mesaj yerleşimi zor olabilir.
• Çevre koşulları - aydınlatma vb. - tasarımın görülmesini zorlaştırabilir.
• Bazı kullanıcılar karamsar tonu takdir etmez.
• Kullanıcılar tasarımdan hızlı bir şekilde sıkılabilir, böylece sahada zaman azalır.

Bu Tasarım Trendini Denemeye İlişkin İpuçları

Bu tasarım trendinin sunduğu zorluklardan korkmuyorsanız ve koyu renk animasyonlu bir tasarım şemasının huysuz tonuyla eşleşen bir içerik modeliniz varsa, projenin başarısını sağlamak için yapabileceğiniz birkaç şey var.

• Tek sayfalık bir tasarıma sadık kalın: Çok korkak bir tasarım öğesi çok zor olabilir. Bu kavramı kullanmayı planlıyorsanız, bunu tek sayfalık bir tasarımla veya tasarımdaki bir sayfayla sınırlandırın.
• Kontrast bir renk kullanın : Beyaz metin, koyu arka planlarda son derece iyi çalışır. Aynı şey diğer unsurlar için de geçerlidir. Düğmelerin, gezinme öğelerinin, mesajlaşma ve harekete geçirici mesajın kolayca görülebildiğinden ve okunabildiğinden emin olun. Animasyon ve arka plan önemli ölçüde kontrast oluşturmasa da, diğer öğelerin tanımlanması kolay olmalıdır.
• Animasyonu basitleştirin : Aşırı karmaşık görünen animasyonlar bu tasarımı zorlayabilir. Çok hızlı olmayan basit hareket ve harekete sadık kalın.
• Katmanlar halinde tasarım : Bu kavramın işe yaramasını sağlayan şey katmanlar halinde tasarım yapmaktır. Biraz dokunsal ve gerçek hissettiren bir efekt için arka plan ve animasyonlu öğeler arasında ayrım oluşturun. Katmanlama, öğeleri görünür hale getirmek için yeterli kontrastı planlamanıza da yardımcı olacaktır.
• Kalın tipografi kullanın : Metin öğeleri yalnızca çok fazla renk kontrastı içermemeli, aynı zamanda metnin tasarıma girmemesini sağlamak için güçlü ve kalın bir yazı tipi kullanmanız gerekecektir. Buradan atlamalı. Maksimum okunabilirliği sağlamak için daha kalın harflerle ve basit konturlarla yazı tiplerini arayın.

Sıradaki ne?

Herhangi bir tasarım trendinde olduğu gibi, bu estetik gelişmeye devam edecektir. Bundan sonra ne olacağını tam olarak tahmin edemesek de, bazı tasarımlar ipucu veriyor.

Koyu renk ve animasyon, sanal gerçeklik dünyasında öne çıkan bir tasarım olabilir. VR, zaten çok fazla koyu renk kullanan oyun ve video için bir oyun alanıdır.

Bu tasarım trendi, yeni Blair Cadı Projesi video fragmanı / oyun web sitesi gibi bu tür projeler için mükemmel bir uyum olabilir.

Sonuç

Koyu renk şemaları bir süredir var, ancak benzer renkli animasyonlara sahip bu yeni bükülme ilginç. Kullanıcılara sunduğu zorluklar nedeniyle tasarımcıların kesinlikle huysuz hissettikleri veya nefret ettikleri şeylerden biri olma eğilimindedir.

Her iki durumda da, bu tarz daha sık kullanılmaktadır. Belirli türdeki projeler için en iyi sonucu verirken (örneklerde ajans ve portföy sitelerinin sayısını not edin), bir tasarımı karıştırmanın ilginç bir yolu olabilir. Tek bir slayt veya sayfa için deneyin ve tamamen koyu renk animasyonlu bir tasarım desenine yatırım yapmadan önce kullanıcıların ne düşündüğünü görün.