Temel Tasarım Trendleri, Şubat 2017
Kaydırma üzerinde ilginç bir görsel varlık, bir kullanıcının bir web sitesine girdiği ilk izlenimdir. Kullanıcının tıklamaya devam edip etmemesi, içerikte görüntü, okunabilirlik ve genel olarak ilgi alanı gibi çeşitli şeylere bağlı olabilir.
Bu ay, farklı bir ilk izlenim yaratan üç eğilime bakıyoruz - görüntüler, acımasızlık ve içi boş yazı stilleri üzerinde koyu renk kaplamalar. İşte bu ay tasarımda trend olan nedir?
1) Görüntülerde koyu bindirme
Kahraman görüntüsünün hala ya da hareketli olup olmadığı farketmez, koyu bir renk kaplaması, renklerin bile görüntünün üstünde bir katmana metin ve diğer öğeler eklemeyi kolaylaştıracak şekilde yardımcı olabilir. Bu ilk başta bir kısayol gibi gelse de, bu teknikte çok fazla değer var.
Renk kaplamayı tercih etmenin temel nedeni okunabilirliği arttırmaktır. Çoğu görüntü, açık ve koyu renk farklılıkları içerir, bu da her aygıtta okunabilen yazı eklemeyi zorlaştırır. Masaüstü geniş ekranları için mükemmel bir yerleşim olsa bile, aynı görüntü ve metin kombinasyonu, bir mobil ekranda kabul edilemez hale gelebilir.
Bu renk bir yer paylaşımı yardımcı olur. Bir görüntü veya video üzerinde yarı saydam renk yıkama kontrastı arttırmalıdır. Daha sonra beyaz veya açık renkli harfler bir yere sahip ve okunaklı kalacaktır.
Koyu renk kaplamalar, diğer sebeplerden dolayı görsel olarak ilginçtir. Siyahın ya da gri olan karanlıkta tuzağa düşmeyin. Karanlık bir bindirme, aşağıda internetum tarafından kullanılan yeşil gibi herhangi bir renk olabilir. Eğlenceli veya sıra dışı bir renk seçeneği, kullanıcıları tasarıma çekmeye yardımcı olabilir.
Karanlık bir yer kaplaması bir şey daha yapabilir: tasarımın ön planında olmak istemediğiniz bir görüntü veya videoyu kamufle etmeye yardımcı olabilir. Bunun nedeni, görüntünün biraz eski, kompozisyon açısından biraz yumuşak ya da küçük bir dairenin düştüğü için olabilir. Bir renk bindirmesi görüntünün havasını değiştirebilir, biraz daha az belirgin hale gelir ve tasarımın metin, harekete geçirme düğmeleri veya diğer grafik öğeleri gibi diğer içeriklere daha fazla odaklanmasına yardımcı olabilir.
Bindirmeler, Digital Werk gibi gerçekten karanlık olabilir ya da Lytton Living tarzında ince bir karartma sağlayabilir. Görüntüyü hala görebildiğinizde ve tüm katmanlı elemanların okunması kolay olduğunda doğru dengeye sahip olduğunuzu biliyorsunuz.
2. Brutalizm
Çirkin. Bana ne. Keskin. Meşgul.
Bunlar, bazılarının brutalism web sitesi tasarım trendini tanımlamak için kullandıkları kelimelerin sadece birkaçı. Ancak, sadece bir ustalıkla yapılan bir tasarımcı denemesi, tasarımın sıcak bir karmaşa olduğu anlamına gelmez. Tam tersi.
Bu stil, gördüğünüz şeyleri ve yapamayacağınız şeyleri içeren farklı bir stil ve duyarlılık kullanır. Ben McNicholl bunu bir yazıyla şöyle açıkladı: Envato : “'Brutalism' Fransızca sözcüğünden 'ham' geliyor, bu yüzden kodunuzu yazarken aklınızda bulundurun.
“Bir web sitesi, sıralanmamış görüntülerin bir korku gösterisi ve yazı tipi renklerinin çatışması olmak zorunda değildir; Kodun yazıldığı yol da stilin simgesidir. Gömülü CSS, kodlanmamış kod, HTML tabloları, liste uzayıp gidiyor. ”
Bir bütünün vahşiliği için yeterli örnek var. web sitesi galerisi bu tasarımlara adanmış. Giriş bölümünde, web sitesi acımasızlığı şu şekilde ifade eder: “Sağlamlık ve rahatlık ya da rahat görünme endişesiyle, acımasızlık, genç nesil tarafından günümüzün web tasarımının hafifliğine, iyimserliğine ve ihtişamına tepki olarak görülebilir. ”
Acımasızlık hakkında özellikle ilginç olan şey, tasarımın çok yaygın olan tüm düz ve minimal tarzlardan çok farklı göründüğü. Bu tasarımlardan birine rastlarsanız, yardım edemezsiniz, durup bakabilir ve keşfedebilirsiniz. Güzel ya da çirkin ya da aralarında bir şey olduğunu düşünün, bu herhangi bir web sitesi tasarımının nihai hedefi.
3. İçi boş yazı
İlginç dolgular içeren harfler her yere yayılmaya başlıyor. Bu trend hakkında ilginç olan iki farklı görünüşe sahip olmasıdır:
- C & C Kahve gibi bir görüntü veya renkli arka plan üzerinde içi boş harfler.
- Londra Loom'u gibi düz bir arka plan üzerinde görüntü ile dolu bir yazıyla, görüntüyü neredeyse benim Annem Öncesinde olduğu gibi şeffaf bir arka planla görebileceğiniz alternatif bir versiyona sahip.
Bu eğilimin çok fazla görsel etkisi olsa da ve çok eğlenceli olsa da, yürütmek biraz zor olabilir.
Bir fotoğrafın üzerine oyuk yazı geldiğinde, her zaman o kadar çok yazı karakteri seçeneği yoktur ve tasarımcılar aynı birkaç yazı tipini kullanarak sıkışabilirler. Bu, web projeleri için ideal bir durum değildir. Yazı tipi bütünleştirme ve oluşturma konusunda endişelenmenize gerek olmayan web dışı projeler için daha fazla esneklik var.
Dolu yazı söz konusu olduğunda, işe yaramanın hilesi, harflerin içindeki görüntülerin ayırt edilebilir olması gerektiğidir. Kullanıcılar resmin ne olduğunu anlayamazsa, tasarım etkili olmaz. Yardımcı olmak için, tasarımcıların çoğu burada kalın blok harfleri tercih ediyorlar, böylece resimlerin gösterilmesi için daha fazla yer var. Görüntüler genellikle soyut ya da tekstiller veya manzaralardır, çünkü insan beyni görüntünün boşluklarını doldurmaya eğilimlidir ve hala onlar için çalışır. Görüntüleri, karakterleri mükemmel bir şekilde konumlandırmaları gerektiğinden, belirli bir şekilde görmeniz gereken yüzlerle veya nesnelerle kullanmak çok daha zordur.
Her ne kadar zorlayıcı olsa da, her iki yazı stili de görsel olarak ilginç ve yaratmak için eğlenceli olabilir.
Sonuç
Küçük değişiklikleri uygulayabileceğiniz diğer bazı trendlerden farklı olarak, bu üç seçenek genel stil değişikliği daha fazlasını sunar. Gelecekteki projelerde herhangi birini kullanarak kendinizi görebiliyor musunuz?
Şu anda hangi eğilimleri seviyorsunuz (ya da nefret ediyor)? Büyüttüğünüz bazı web sitelerini görmek isterim. Twitter'da bir bağlantı bırakın; Senden haber almak isterim.