Temel Tasarım Trendleri, Ekim 2016
Söylediği gibi: Eski her şey yeniden yeni. Bu kesinlikle tasarımda doğru. Bu ay web tasarımındaki en büyük trendlerden bazıları hiç de yeni değil. Tasarımcılar eski okul tipografisi stillerini yeniden yaratıyor, ızgaraya dönüyor ve ana sayfada mesajlaşmayı yeniden düşünüyor.
Geçmişte gördüğümüz görsel öğelerin ilginç bir bileşimi ve muhtemelen gelecekte tekrar görecek. İşte bu ay tasarımda trend olan nedir?
1. Eski okul tipografisi
Daha fazla tasarımcı tipografi görüntülemek için eski bir okul yaklaşımı alıyor. Gitti, ultra ince veya yoğunlaştırılmış sans serifleri ve daha geleneksel tip stilleri vardır. Eski tarz, modern ve geçişli serifler yeni go-to display tipi stilidir.
Aslında biraz şaşırtıcı. Yıllarca. “Kural”, okunabilirliği geliştirmek için sans serif'lerini kullanmaktı ve tasarımcılar bunu sadece sık sık sorgulamadan yaptılar. Büyük tipler ve hatta daha küçük tipler için yeni serif kullanımı, canlandırıcı ve oldukça okunaklı. Tasarımlar genellikle minimal bir alanda yaşarlar, bu nedenle türün dikkat çekmek için rekabet etmesi gerekmez ve eşlemeler hafif bir arka plan üzerinde koyu harflere odaklanır. (Okunabilirliğe yardımcı olan her şey.)
Bu tip stilleri hakkında fazla bir şey bilmiyor musunuz? İşte bu “yeni” eski okulların her biri için hızlı bir primer:
- Eski tarz: Harfler, baskının ilk dönemlerinden bazı siyah ve gotik tarzlardan gelen eski bir dünya vibe vardır. Harf biçimleri genellikle küçük serifler (daha uzun stokların sonunda küçük vuruşlar) ve yuvarlak bir biçime sahiptir. Aşağıda RSQ, eski tip tipografinin mükemmel bir vitrinidir.
- Modern: Bu yazı stili, gazete ve dergiler gibi basılı tasarımlarda oldukça yaygındır, ancak web projelerine girmeye başlamıştır. Modern serifler, her harf formunda, bazen büyük miktarlarda kontrast ile, değişen kalın ve ince strok genişliklerine sahiptir. Aşağıdaki Mürekkep + Volt, güzel bir modern serif kullanır. Ama aynı zamanda yazı nasıl kullanılır. Tür, beyaz kutunun içindedir, böylece her harfin ince kısımları video arka planda kaybolmaz, bu da okunabilirliği sınırlar. Bu modern bir serif kullanmak için mükemmel bir çözümdür.
- Geçiş: Bu mektup formları, büyük bir farkla modern seriflere çok benziyor - harflerin düzgün strok genişlikleri var. Bu, geleneksel seriflerin kullanımını kolaylaştırır, çünkü daha fazla tasarım durumunda daha okunabilir olabilirler.
Tüm eski okul tipografileri serif kategorisine girmez. Ortaya çıkan eski okul stillerinden bazıları, bize aşağıda, The Frontend Guide tarafından kullanılanlar gibi başka bir zamanı hatırlatıyor. 1970'lerin başlarında 80'li yılların başlarındaki eğimli, eğimli, gerçekten sizi başka bir zamana ve yere götürüyor. (Ve bu tamamen eski okul.)
2. Tanımlanmış ızgaralar
Bazen ızgarayı görebilirsin, bazen yapamazsın. Her iki şekilde de, sağlam bir ızgara, temiz ve göze hitap eden bir tasarımın temelidir.
Daha fazla tanımlanmış ızgaralar geri dönüş yapıyor. Bunun bir kısmı, düzgün sütunlarda ve satırlarda bol miktarda öğe barındıran Materyal Tasarımın etkisinden olabilir ve bunun bir kısmı, duyarlı çerçevelerdeki öğelerin taşınması ve yeniden düzenlenmesi kolaylığı olabilir.
Her iki şekilde de, tanımlanan ızgaralar hemen hemen her ekranda çeşitli projeler için harika görünebilir. Tanımlı bir ızgarayı kullanmanın ne güzel olduğunu, bunun tasarımcı için hayatı gerçekten kolay hale getirmesidir. Bir ızgara içinde çalışmaya başladığınızda, yerleşimler, boyutlandırma ve tasarım seçenekleri size açıkça sunulur.
Tanımlanmış ızgaraları kullanmanın hilesi, çok fazla yapılandırılmış veya aşırı şekilde ızgaralanmış görünmüyor. Birçok tasarımcı için bu, farklı bir “ekran” üzerinde boyutların değiştirilmesi anlamına gelir, örneğin bir elemanlar ızgarası üzerinde tam genişlikte bir kahraman görüntüsüne sahip olmak gibi. Elegant Martılar “Decade” sayfası, aşağıda güzel bir şekilde yer alıyor. Web sitesinde ayrıca, gizemli temalı ızgara sayfalarına götüren, karanlık olan resimdeki ana sayfadaki ince ızgaralar da bulunuyor. Yüksek Gelgit, aşağıda, ızgara bloklarının üstünde havalı bir intro video ile benzer bir şey yapar.
Ancak bir ızgara iyi tanımlanabilir ve biraz daha az kutulanabilir. Aşağıda bulunan Zumtobel, belirli ürün bilgileri için ızgara blokları oluşturmak üzere, ismindeki harfleri kullanır. Yerleşimler, temiz bir ızgarada yatay ve dikey olarak ideal şekilde yerleştirilmiş olsa bile, yalnızca gezici ızgara kutularını görüyorsunuz.
Izgaralar hakkında ne kadar çok düşünürseniz, onları her birini yaratan tasarımcının gözünden görmeye başlarsınız. Bu fikirden memnun değilseniz veya kendinizinkini yaratamazsanız, ortak web ızgaralarından bazılarıyla başlayabilirsiniz. İşin sırrı, gerçek görsel başarı için şebekeyi tutarlı bir şekilde kullanmanız gerektiğidir.
3. "kat" dan en az mesajlaşma
Günün konusu şudur: Siteye bakmaya yetecek kadar ilginizi çekecek şekilde kaydırmanın üstünde yeterli bilgi var mı? Cevap vermek zor olabilir. Ancak, birçok tasarımcı, ekranda sadece bir kelime olsa bile, tıklayacağınız veya kaydırılacağınız fikri üzerine bahis yapıyor.
Video, kaydırma kaydırıcıları veya cazip ürün ekranları gibi diğer görsellerle, kullanıcılar bunu yapabilir. Ancak özellikle minimal mesajlaşmaya sahip bir navigasyon menüsü içermeyen tasarımlarla bir kumar olabilir.
Öyleyse şu var: Pek çok kullanıcı web sitesiyle ana sayfadan başka sayfalar giriyor, o zaman neden orada bir risk almıyorsunuz? Verilere ve tıklamaya bakın, neler olduğunu görün.
Bu izlemek ilginç olacak bu trendlerden biri. Göründüğü kadar hızlı bir şekilde yok olabilir, ancak bu modeli kullanan birçok site var.
Sonuç
Tasarım trendlerinin modaya dönüşünü izlemek çok eğlenceli. Bu trendlerden ikisinden hoş olan şey - eski okul tipografisi ve tanımlı ızgaralar - bir dizi tasarım stilinde oldukça kullanışlıdır.
Ş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.