3 Temel Tasarım Trendleri, Ağustos 2017
Yaz aylarının günlerinde manzaranın değişmesi için can atıyorsanız, bu ayın web tasarım trendleri mükemmel bir başlangıçtır. Minimalizm geç "üslup" tarzı olsa da, daha fazla tasarımcı düzeni içinde daha fazla ayrıntıya ve özelliklere doğru kaymaya başlıyor. Görmeye başladığımız çarpıcı tasarım kalıpları, alıştığımız soyulmuş stillere yeni bir alternatif oluşturuyor.
Ne düşünüyorsun? Daha ince tipografi seçeneklerine, daha ayrıntılı detaylara ve simge stilindeki logolara hazır mısınız? Bu tasarım projelerinden bazılarını gördükten sonra olabilirsiniz.
İşte bu ay tasarımda trend olan nedir?
1. İnce (ner) Tipografi
İnce tip geri döndü! Apple, iOS 7 ile işletim sistemi için süper ince, hafif bir yazı tipi seçtiğinde, ince yazı tipleri kötü bir geri dönüş elde etti.
Tasarımcılar, zaman zaman birçok tasarım trendini okumak ve okumak için biraz zor olan seçeneğe başvurdu. (Düz, tüm öfke idi, ama bazıları, Apple'ın ultra ince yazı karakteriyle birleştirilen neredeyse düz olduğunu çok fazla ileri sürdü.) Aynı zamanda, daha geniş, daha cesur yazı biçimleri, web sitesi başlığının ve kaydırma grafiğinin üzerindeki kahraman görüntülerinde tipografinin baskın öğesi haline geldi. .
Gelgit başka yöne kaymaya başlıyor. Bugünün ince yazı tipleri alışık olduğumuzdan biraz daha ince, ama Apple seçeneği kadar ince değil.
Daha ince bir yazı karakteri seçmenin en iyi yanı, tasarımda biraz daha özgür olmanızdır. Gövde kopyası için ince puntolar tavsiye edilmezken, bol miktarda kontrast olduğunda daha büyük boyutlarda çalışabilirler.
Aşağıdaki örneklerde, daha ince yazı tiplerinin en iyi kullanımlarından bazıları gösterilmektedir:
- Etkili bir başlık oluşturmak için tüm kapaklarda ince bir yazı karakteri kullanın. Bu seçenek genellikle, yalnızca birkaç kelimeyle en iyi şekilde çalışır. Lüks Afrika Safarileri , altında. Yazıyı gerçek harflerle ilişki içinde düşünmek aynı derecede önemlidir; Bazı kelimeler ince yazılarda veya kapaklarda okumak zor olabilir.
- Vurgu oluşturmak için daha kalın bir seçenek ile ince bir yazı karakteri WebDesignStudio , altında.
- Görsel vurgu eklemek için (daha zıt arka plan üzerinde) daha ince bir yazı karakteri kullanın. Leeds Golf Merkezi , altında.
İlham aramak? Faturaya uyan (ve harika görünecek) beş Google Yazı Tipi: Kaynak Sans Pro , dosis , Kapsam Bir , Rajdhani , Martel Sans .
2. Ayrıntılı Ayrıntılar
Eğlenceli gelişimlerden fantezi tipografik tedavilere, beklenmedik zevk yaratan kullanıcı arabirimi öğelerine kadar, ayrıntılı detaylar daha yaygın hale geliyor. Ayrıntılı bir şey yaratmanın hilesi, kullanıcı için olabildiğince basit görünmesini sağlamaktır, yani anlaşılması ve kullanılması kolay olmalıdır.
Ayrıntılarla ilgili en önemli şey, bir projeye çok kişilik ekleyebilmeleri. Bu unsurlar, web sitesi projelerinden ürün tasarımına, basılı öğelere kadar her alanda taşıyabilir, böylece bir markadan gelen her şey görsel olarak aynı özel bir şeye sahiptir. (Bu marka birliği kurmak için mükemmel bir yoldur.)
Bu detaylar çeşitli şekillerde görünebilir ve her zaman genel etkiyi ekleyebilmeli, bundan etkilenmemelidir. Ayrıntılı detaylar, tasarımdaki tek bir örnek için en iyi şekilde kullanılır ve kullanıcıları bunaltamaz. Çok fazla detaylandırılmış bir şey kullanmak, amaçlanan etkinin tersini yaratabilir ve aslında görsel olarak kullanıcıları bunaltabilir. Bu yüzden “numaranızı” bulduğunuzda bir kez kullanın ve iyi kullanın.
Forefathers Group Forefathers Grubu Aşağıda, başlığın üstünde renkli süslemeler bulunan eski stil bir logo ile ayrıntılı bir stil kullanılmıştır. Tip stili, web tasarımı için nadirdir ve ayrıntılı logo ile birleştirilmiştir, çarpıcı bir kombinasyondur. Ancak bu tasarımın sadece tek bir kullanımla nasıl etkili olabileceğini de görebilirsiniz. Yazı büyük metinler için kullanıldığında zor olabilir ve stil, mesajlaşma yoluna girebilir. Burada tasarım ekibi mükemmel bir şekilde kullandı.
Vitra Görev Sandalyeleri Aşağıda, kullanıcılarla etkileşim kurmak için ayrıntılı kullanıcı arayüzü animasyonları kullanılmaktadır. Ana sayfada ürün hattı menüsüne açılan bir “Sürükle” düğmesi bulunur. Arka plan her iki panelde de aynı kalır, böylece sandalyeler her zaman video makarasında vurgulanır. Tıklamalar arasındaki animasyonlar aynı derecede ilginçtir ve bir sandalye almaya hazır olmasanız bile, web sitesi etrafında dolaşmaya teşvik edilir.
Bazen en ayrıntılı tasarım, herhangi bir süper özel efekt içermez. Sadece Uçurtma Okulu Aşağıda, göz içine çeken bir kombinasyon için eğlenceli video gerçek ve büyük logo kullanır. Büyük logo ise basit görünüyor, bu şekilde hem okunabilir hem de işlevsel olan tipografi oluşturmak zor olabilir. Burada güzel çalışıyor ve yazıların havası bu türden işlerden beklediğinizle eşleşiyor.
3. Simge Logoları
Bu bir simge mi, logo mu? İki tasarım öğesi arasındaki çizgi her zaman daha fazla çaprazlanıyor. Simge tarzı logolar her yerde patlıyor.
Minimal tarzda çizilmiş ve çeşitli uygulamalarda çalıştıkları için ikon logoları renkli veya çizgi-sanat esinli olabilir. Çoğu kullanım, tutarlı bir markalama için sosyal medya sitelerine de taşınacak şekilde daha küçük bir stil logosuna yöneliyor.
Bir simge logosunun dezavantajı, gerçek bir şirket ismi için fazla yer olmamasıdır. En iyi simge logoları, tek başlarına veya yazıların yanında durabilecekleri şekilde tasarlanmıştır. District0x , altında. Renkli "d" simgesinin kendi başına nasıl çalışabileceğini unutmayın - asimetrik şekilden dolayı daire Twitter logo formatında harika görünüyor - ve tam marka adıyla eşleştirildiğinde kendinizi hissetmiyor.
Jardan Mobilya ve Nobbys Deniz Feneri Aşağıda, aşağıdaki tipte marka adıyla daha basit simge logo stillerini tercih edin. Bu popüler bir seçenek olsa da, isim ve logo arasında bir bağlantı kesebilir. Öğeleri birbirine bağlayan yerleşimleri tercih edin; her iki örnek de bir öğeden diğerine göz yolu oluşturmak için logoyu ve yazı tipi şirket adını merkezileştirdi.
Sonuç
Eğilimler bir dinamikten diğerine geçmeye başladığında izlemek eğlencelidir. Minimalizmin yerini daha detaylı stiller mi düşünüyorsunuz? Yoksa sadece geçen bir serseri mi?
Ş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.