Temel Tasarım Trendleri, Şubat 2016
Bir web sitesi yenilemesi mi arıyorsunuz ve nereden başlayacağınızı bilmiyor musunuz? Şu anda web tasarımındaki en trend öğelerden bazıları estetik ve kullanımı oldukça kolay.
Mevcut tasarımınıza veya yeni derlemenize modaya uygun bir özellik eklemek, sitenize ziyaretçi çekmeye yardımcı olabilecek modern bir vibe oluşturmanıza yardımcı olabilir. Ve bu trendler hakkında özellikle hoş olan şey, onları mevcut öğeler, renk ve tipografi paletleri ve markalama ile kullanabilmenizdir.
İşte bu ay tasarımda trend olan nedir?
1. Duotone renk şemaları
Duoton renk paletleri uzun bir süredir etrafta dolaşıyor, ancak son zamanlardaki tam ekran, yüksek darbe etkisi için çift tonlu gradyana renk yıkama etkisi katıyor. Düz tasarıma sahip büyük bir şekilde trend olan bir şey ama Spotify duotone'un çarpıcı kullanımı sayesinde geri döndü.
Peki tam olarak ne duotone?
Bir palet oluşturmak için iki renk kullanılmasıdır. En temel haliyle, çift ton, renk tekerleğinden tamamlayıcı bir kombinasyondur. Daha karmaşık kullanımlarda, tasarımcılar her türlü renk kombinasyonunu kullanıyor ve kuralları eşleştirerek kullanıyorlar.
Çift ton efektlerinin çoğu, bir görüntünün üstünde parlak renkli bir kaplamaya sahiptir. Çift ton etkisi, koyu ve açık tonları vurgular ve çarpıcı renklerle görsel etkiler yaratır. Spotify, standart sanatçı fotoğraflarını, dikkat çekmeye yetecek kadar farklı bir düzinelerce göründüğüne inandığınız harika bir şekilde kullanır.
Bu, çeşitli şekillerde kullanabileceğiniz bir tekniktir. Hemen hemen her tasarım konsepti ile çalışır ve baskın sanat yaratmak için yukarıdaki örneklerin çoğu gibi tam ekran elemanı olarak kullanılabilir. Ayrıca, kullanıcı arabirimi öğelerini vurgulamak veya tasarımın belirli bir bölümüne vurgu yapmaya yardımcı olmak için ilginç bir arka plan oluşturmak için de kullanılabilir. Duotone, tek bir tasarım öğesi için kullanıldığında en iyi şekilde çalışır. Teknik aşırı güçlenebilir ve ılımlı olarak kullanılmalıdır.
2. Dökülen ekran tasarımı
Bölünmüş ekran tasarımına sahip web siteleri katlanarak büyüyor. Tasarım tekniği, iki panel içeriği yan yana içerir. Bu kavramların çoğu, simetrik bir taslak kullanırlar, böylece ekranın her bir tarafı aynı boyut ve şekle sahiptir.
Sonuç, masaüstü bilgisayarlarda serin ve çift içerikli bir deneyim ve (doğru bir şekilde kodlandığında), panellerin daraltıldığı ve yığılmış kaydırma elemanlarının yer aldığı küçük cihazlarda büyük ekran üstü bir deneyimdir.
Bölünmüş ekran trendine sahip tasarım fırsatları sınırsızdır - yarım ve yarım bölünmeler, kartlarla veya ızgara tarzı elemanlarla bölünmeler, ince bir bölünme ve liste devam eder. Tasarımın her iki tarafı da kullanıcıları farklı içerik türlerine yönlendirebilir ve kullanıcıların görmek ve tıklamak istedikleri içerik türüyle ilgili değerli kullanıcı analizlerini geliştirmenize yardımcı olabilir.
Bölünmüş ekran tasarımları kullanıcı dostudur, duyarlı çerçevelerde iyi çalışır ve kullanmak isteyebileceğiniz diğer tasarım tekniklerini zorlamaz.
Ekranı etkili bir şekilde bölmenin birkaç yolu:
- Güçlü görselleriniz olmadığında renk ve tipografi eşleştirin.
- Kullanıcının dikkatini bir hareketle sonuçlanan soldan sağa hareketle odaklayın.
- Ekranı bölmek ve okunabilirliği artırırken mesajınızı bol miktarda odaya vermek için renk engellemeyi kullanın.
- Büyük ekran kartları büyük boyutlu kartlar olarak düşünün. İçeriğin farklı parçalarını sergilemek için bir mozaik veya duvar deseninde yığın kabı öğeleri.
- Her “ekranı” sade tutun. Bu tasarım kavramının hilesi bölünmüş ekran. Minimal bir stil, içeriğe vurgu yapmaya yardımcı olabilir.
3. Paylaşılan bir alanda tipografi
Bu neredeyse görmek zorunda olduğunuz eğilimlerden biri, anlamak: tipografi tasarımda ortak alanlara uzanıyor. Çoğu web sitesine bakın ve resimler, arka planlar ve tipler vardır. Elementler ya bir resim üzerine yazı yazılır ya da tamamen ayrılırlar.
Daha fazla tasarımcı bu formattan ayrılıyor ve türlerin diğer elemanların alanlarına uzandığı projeler yaratıyor. Bakmak ilginç ve eğlenceli.
Okunabilirlik konusundaki endişelerden dolayı yaratılması zor olabilir.
Teknik, orta vuruşlu sans serif gibi basit tipografi ile en iyi şekilde çalışır. Metin, arka plandan ve içine veya ötesine geçen unsurlardan uzak durmak için bol miktarda kontrast bulundurmalıdır. Bu nedenle, bu tekniği kullanan tasarımların çoğu beyaz veya siyah harflerle yazılmıştır.
Metin, bunun çalışması için biraz büyüklüğe sahip olmalıdır. Renk kontrastı kadar önemli olan, boyut ve mekanda kontrasttır. Ayrıca, metnin farklı ekran boyutları veya kesme noktaları ile nasıl hareket ettiğine özel dikkat göstermelisiniz, böylece harfler görüntünüzün mesajınız için hayati önem taşıyan alanlarını kapsamaz.
Bunun en çarpıcı örneklerinden biri Deux Huit Huit (siteyi tam etki için ziyaret etmek istersiniz). Yazı, ana sayfadaki ana görüntüye doğru hareket eder. Sözler, görüntüyü “düştükleri” ve fotoğraf ile arka plan arasındaki boşluktan geçtikleri için okunabilir.
Sonuç
Birçok tasarım eğilimi gelip neredeyse onları tanımaya başladığınız kadar hızlı ilerlerken, etrafta takılanlar diğer zamanla test edilmiş tekniklerle iyi çalışır. Modern tarzların bu üçlüsüyle ilgili en çok göze çarpan şey budur. Her biri yeni bir dokunuş için bir düzen içinde çalışılabilir. Bu teknikler, tüm estetiğinizi yok etmeden uygulamak (ve sonra kaldırmak) oldukça kolaydır.
Görsel bir yenileme için bu tekniklerden birini deneyin. Rahat bölgenizden cesur renk seçenekleriyle biraz olsun veya sadece ana sayfanızda bir değişiklik yapmayı düşünün. Ya da biraz daha cesurca gidin ve gerçekten göze çarpan bir tasarım için moda tekniklerinin bir kombinasyonunu deneyin. (Stikwood'un web sitesinin trendlerden iki tanesini kullandığını fark ettiniz mi? Paylaşılan mekanda bölünmüş ekran tasarımı ve tipografi?)
Ş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.