Temel Tasarım Trendleri, Ağustos 2016
Renk ve katmanlar. Bu tasarım öğeleri çifti, birçok yılın trendlerinin ardındaki itici güç olmuştur. Geçtiğimiz günlerde düz tasarım gibi bir şey görmedik, ya da son zamanlarda Materyal Tasarımı gibi, her iki tarzın unsurları da tasarımcıları yeni şeyleri keşfetmeye zorluyor.
Hem renk seçimleri hem de katmanlama, bu büyük trendlerde köklere sahiptir ve tamamen düz veya maddi estetik olmasa bile tasarım şemalarında kullanılmaktadır. İşte bu ay tasarımda trend olan nedir?
1. katmanlı elemanları çok
Katmanlı elemanlar ve üç boyutlu etkiler, 2D web uzayında olmazsa olmaz tekniktir. Temelde Materyal Tasarımı tarafından tanıtılan eğlenceli teknikler ve hatta daha iyi nasıl yapılır? Sayesinde, katmanlı elemanlar her tür projede patlıyor.
Özellikle güzel olan bir web sitesine daha gerçekçi bir his veriyor. Kullanıcı neredeyse ekrandan elemanlara ulaşabilir ve yakalayabilir. (Ve bu iyi bir şey!) Hile, her katmanın gerçek ve aydınlık görünmesi ve katmanların doğal görünmesi.
Tasarım projelerinizde katmanları denemeye başlamak için birkaç yol aşağıda verilmiştir:
- Basit bir gölge veya animasyon ile arka plandaki öğeleri kaldırın. Olle Bunu farklı düzlemlerde birçok elemanla yapar, ama hepsi bir araya toplar ve doğal görünürler.
- Öğelerin kesişmesine izin ver. Metin, bir resmin kapladığı alana geçebilir.
- Paralaks kaydırma özellikleri, çok fazla ezilmeden katmanlanmış elemanlar (bir arka plan üzerinde hareket eden bir ön plan) oluşturmak için ilginç bir yoldur.
- Tasarımdaki derinliği taklit etmek için geometrik şekiller, animasyon ve renk değişimi kullanın. Kullanıcılar, neredeyse görselliğe düştüklerini hissetmelidirler. Ajansı Sil .
- Arka planın veya ekranın kenarının ötesine geçen öğelerle tuvalin dışına giderek katmanları oluşturun.
- Üst katman (kullanıcıların gerçekten dokunabileceğini hayal edebiliyor) ile arka plan katmanı arasında ayrım oluşturmak için öğelerin dokulu bir arka plan üzerinde durmasına izin verin.
2. Koyu renk şemaları
Bir süre için her web sitesi, sade bir beyaz arka plan dahil, minimalist bir ideal gibi görünüyordu. Bu trend, tasarımın favorisi olarak daha koyu renk şemaları ortaya çıktıkça değişti.
Ve iyi bir sebep için. Güzel bir koyu renk düzeni dikkat çekici olabilir ve bazı kullanıcıların gözlerinde parlak beyaz gibi sert değildir. Kapak tarafında, metin küçükse veya daha küçük ekranlarda karanlık estetik biraz daha zahmetli olabilir (bu nedenle, öğelerin mobil cihazlarda nasıl işlediğine özellikle dikkat edin).
Koyu renk şemalarında göze çarpan unsurlar, zor tanınan bile olsa, harika video ve animasyon kullanımını içerir; cesur beyaz tipografi, vurgulayıcı harekete geçirici mesajlara veya önemli bilgilere ve uygun genel ruh haline parlak renk çıkarır.
Unutmayın, o karanlık her zaman siyah anlamına gelmez. Koyu renk şemaları, kırmızılardan maviden yeşile kadar çeşitli tonlarda köklenebilir. Siyah seçenekler en yaygın olsa da, çeşitli renk kombinasyonlarından yapılan zengin bir siyahı seçmek önemlidir. Düz siyah (veya baskı tasarımcıları olarak “K siyah” olarak adlandırılır) web sitesi tasarımında istenen bir şey bırakacaktır.
Koyu renk şemaları ile çalışırken, öğeler arasında uygun bir karşıtlık olduğundan emin olmak için özel dikkat gösterin ve bu renkler ve görüntüler tasarımın karanlık doğası içinde kaybolmaz. Beyaz, çok fazla parlaklık veya doygunluğa sahip diğer ana renkler kadar iyi bir seçenek olabilir. Boyut kontrastını da düşünmeyi unutmayın. Okunabilirliği sağlamak için karanlık bir çerçeve ile çalışırken, tüm metin öğelerinin boyutunu yüzde 10 ila 20 oranında küçültmeyi düşünün.
3. Gradyanlar geri dönüş yapar
Düz tasarım tarafından kesilen tekniklerden biri olan gradyan geri dönüş yapıyor. (Ve hatta çoğunlukla düz tasarım desenlerinde kullanılıyor.)
Gradyanlar işe yarar çünkü birçok insanın düz tasarımın eksik olduğunu düşündükleri bir şey yaparlar, bu da derinlik yaratmaya ve oluşturmaya yardımcı olur. Degradeler hakkında yeni olan şey, bu kez, dokuları taklit etmek veya amaçsız olarak kullanılmamasıdır. Bugünün trendi, içeriği vurgulayan parlak renkli gradyanlara odaklanıyor. Tam ekran gradyan bindirmelerinden arka planlara kadar, teknik olduğu zaman neredeyse her şey gider… kalın olduğu sürece.
Tasarımcılar, degrade dönüşünü en iyi şekilde birkaç farklı şekilde yapıyor:
- Gradient- "düz renk" çiftleri, web sitesi gibi, tasarım fikirlerini cesur bir görünüm için karıştırır. WPcrew .
- İki tonlu gradyanlar, biraz eksik olabilecek veya arka plana derinlik katacak bir fotoğrafa ilgi eklemek için eğlenceli bir renk bindirmesidir.
- Bu gradyanların birçoğu daha büyük ölçekte görünse de, düğmeler gibi küçük öğeler için veya belirli içeriğe dikkat çekmek için kullanılıyorlar.
Hala düşünmek için birkaç degrade yapılmaz. (Bu tasarımın 2012'den çıkıp atlamasını istemediğinden beri!)
- Küçük gradyanlara karşı dikkatli olun. Simgelerdeki kullanım hala önerilmez.
- İçeriği boğmayın. Bir fotoğraftaki bir degrade yer paylaşımı güzel olabilir (sadece Spotify'ın düzenli olarak sunduğu bazı serin efektleri düşünün), ancak fotoğrafın hala ayırt edilebilir olması gerekir.
- Kalın renkli gradyanlar hafif, neşeli bir his verir. Bunun içeriğinizle ağlandığından emin olun.
- Okunabilirlik söz konusu olduğunda renk kombinasyonlarına ve kontrastlara dikkat edin. Bazı gradyanlar ışık alabilir ve beyaz metinler bir sorun oluşturabilir. Okunabilirliği, renge, farklı yanıt veren kesme noktasına ve çok boyutlu cihazlara karşı test ettiğinizden emin olun. (Degradelerle, okunabilirlik sorunları bazen beklemediğiniz yerlerde ortaya çıkabilir.)
Sonuç
Tasarım söz konusu olduğunda renkten daha eğlenceli bir şey yoktur. Renkteki eğilimler güzeldir, çünkü tam ölçekli bir revizyon olmaksızın neredeyse her tasarıma ekleyebileceğiniz öğelerdir. Aynı şey katmanlı elemanlar için de geçerlidir. Bu, mevcut bir tasarıma daha modern bir his vermek için eklenebilecek bir tekniktir.
Şu anda hangi eğilimleri seviyorsunuz (ya da nefret ediyor)? Büyüttüğünüz bazı web sitelerini görmek isterim. Bana bir bağlantı bırak Twitter'dan ; Senden haber almak isterim.