Temel Tasarım Trendleri, Mart 2017
İşte vurgu noktası…
Bu ay bu tema. Bu trendler koleksiyonu, italiklerden ekranları belirginleştirmeye, gösterişli ve ikiye bölünmüş, minimalist geçmişlere odaklanarak, tasarımın vurgulanmasına odaklanıyor.
İşte bu ay tasarımda trend olan nedir?
1. Bölünmüş Ekranlar
Bölünmüş ekran tasarımı, 2016 ortalarında çekişmeye başlayan bir şeydi ve şimdi büyük bir anlaşma. Web sitesi tasarımı koleksiyonlarına göz atın ve bölünmüş ekran ana hatları her yerdedir.
Güzel olan, stilin ne kadar hızlı geliştiği. Erken bölünmüş ekran tasarımları, yin ve yang tarzı estetik ile çoğunlukla simetrik tasarımlara sahipti. Yeni bölünmüş ekranlar, kendilerine daha fazla “bir şey” hissediyor.
Aşağıdaki üç örnek, aynı trendi kullanmanın üç farklı yolunu göstermektedir.
- lanmaktadır Bir döngü video ve ana navigasyon içerecek şekilde bölünmüş bir tasarım kullanır. Beyaz alan ile kırmızı arasındaki kontrast belirsizdir ve gözü ekran boyunca zorlar. Ayrıca kullanıcının navigasyonu bulabilmesini sağlar, çünkü tasarımın renkli kısmı içindeki tek unsurdur.
- GECN iki farklı fikri hemen tasarımda iki bağlantıyla iletmek için bölünmüş bir ekran kullanan karmaşık bir devlet sitesidir. Bölünüm tam ekran değil ve çok sayıda metin içeriyor olsa da, bu, birçok harekete geçirici mesaj, kullanıcı tabanı veya karmaşık içerikli bir tasarım için iyi bir alternatif.
- çekingen Rency'e benzer bir konsept kullanıyor ama bir twist ile: Tasarım tam ekran video döngüsüne sahip ve yarısı renkli bir renk kutusuyla kaplanmış. Tüm tıklanabilir öğeler renkli alanın içinde ve navigasyon menüsü videonun sağ üst köşesinde gizli.
Örneklerin her birinin ortak özelliği, bölünmüş ekran tasarımının içeriğe vurgu oluşturmasıdır. Kontrastlı “ekranlar” sayesinde, kullanıcıları renk kullanımıyla ve gerçek veya algılanan hareketle tasarımdaki belirli unsurlara yönlendirmeye yardımcı olur.
Yeni bölünmüş ekran tasarımlarının en iyi yanı, onlara asimetrik bir akış olması. Tasarımcılar yin ve yang formatında sıkışıp kalmazlar ve sonuç çok daha ilginç görsel kalıplardır.
2. İtalik
En az kullanılan karakter stillerinden biri, görüntüleme seçeneği olarak daha fazla oynatılıyor.
İtalik tasarımcılar sadece tipografik bir vurgu için değil, tasarımcıların tipografi paletlerine giriyorlar. Daha fazla italik, ekran yazı tipleri, bağlantılar veya menü öğeleri gibi ikincil öğeler veya daha geniş vurgu için kullanılıyor.
Italics, tipik tip stilleri üzerinde yeni bir şeydir. Yaygın olarak kullanılmadıkları için, bu eğilim, yazıların dikkatini ilk sırada aldıklarından emin olmasalar bile, ziyaretçilerin ilgisini çekecek bir şey.
Italics, yeni bir tipografi paletine bile gerek duymayan ince bir değişiklik. En iyi uygulamalar için bazı uyarılar ve önerilerle birlikte gelirler.
- İtaliklerden en iyi şekilde yararlanmak için onları küçük metin blokları için idareli olarak kullanırlar.
- Eğlendirmeyi planlıyorsanız, okunabilir bir yazı karakteri kullanın; yenilik seçenekleri zorlaşabilir.
- Yazıt italik harfini kullanın ve harfleri eğerek kendi versiyonunuzu oluşturmaya çalışmayın. (Bu aceleyle dağınık olabilir.)
- Aşağıdaki örneklerin çoğunda, bir şeyin adı gibi yaygın italik öğeleri temsil etmek için italikleri kullanın.
- Daha fazla vurgu için bir animasyon veya renk gibi basit bir efektle çift italik yapın.
- İtaliklerin okunması biraz daha zor olabileceğinden, tip ve arka plan arasında bol miktarda kontrast olduğundan emin olun.
- İtalik türden seçenekleri, italik alandan uzaklaşmayacak şekilde basit bir serif veya sans serif yazı tipiyle eşleştirin.
3. 'Trick' ile Katı Arkaplanlar
Görsel vurgu oluşturmanın en kolay yollarından biri kontrast unsurlarıdır. Düz renkli bir arka plan düz veya düz görünebilirken, animasyon, illüstrasyon veya ses gibi bir tasarım hilesi için mükemmel bir tuval olabilir.
Arka planın keskinliği ve hile arasındaki kontrast, kullanıcı arayüz elemanının hayata geçirilmesine yardımcı olur. İçindeki basit zıplayan karelerden 3K tasarım eğlenceli karikatür için Retrace Sağlık paralaks kaydırma Florian Monfrini .
Etkilerin her biri arka planın sadeliği nedeniyle öne çıkıyor. Ayrıca, bu arka planlar da tasarımın yolunda gitmiyor. Her biri beyaz veya pastel renktedir ve kullanıcılar ön planların dışına çıkarlar, böylece kullanıcılar birincil içeriğin mesajlaşmasına odaklanır. (Siyah veya basit karanlık arka planlar eşit derecede iyi çalışabilir.)
İşte bu yüzden işe yaradı: Kullanıcılar tuvalete takılmıyor ve tasarım neredeyse ekrandan çıkıyor. Neredeyse bir duvardaki sanat gibi. Duvar, vahşi renkler ve desenler ile boyanmışsa, çerçeveli görüntüyü orada görmek zor olabilir, ancak beyaz bir duvardaki bir sanat eseri bir göstergedir.
Bu tasarım trendi, bir projeye dahil etmek istediğiniz bu numara için bir gösteri parçası oluşturur. Neredeyse her şey olabilir. Ve tasarımın öne çıktığı basit bir tuval ile vurgulanacak.
Basit bir arka plan için bir renk seçimi planlarken dikkat edilmesi gerekenler: En fazla etki için beyaz, siyah veya nötr renge yapışır. Kalın, parlak renkler neredeyse kendi başına bir tasarım hilesidir ve hedefinizden uzaklaşabilir.
Sonuç
Her tasarımın bir şeye vurgu yapması gerekiyor. İşte bu yüzden bu trendler çok ferahlatıcı. Her biri, kolay anlaşılması için kolay bir yolu olan kullanıcılar için önemli bir şeyin altını çiziyor. Kullanıcılar tam olarak italiklerin ne anlama geldiğini bilirler ve kullanıcı arayüz öğeleriyle tezat oluşturan bölünmüş ekranlarda veya arka planlarda varyansı görebilirler.
Ş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.