3 Temel Tasarım Trendleri, Haziran 2017
Bazen basit bir tasarım tweak web sitesi tasarımınızı sıradan modaya taşıyabilir. Bu ayın trendlerinin her biri, küçük tipografiden geometrik özelliklere ve bulanık görüntülere kadar bu tür bir tekniktir. Bu tekniklerden herhangi biri, yeni bir tasarım projesinde veya mevcut bir tasarımda bir ayarlama olarak çalışabilir.
İşte bu ay tasarımda trend olan nedir?
1. “Minik” Metin
Büyük boyutlu tipografi geçmişte kalmış gibi mi görünüyor? Daha küçük, neredeyse “minik” metinler, bir süredir bir web sitesi tasarımı elyafı olan büyük cesur başlıkların yerini almaya başladı. Daha küçük manşetlerden seyrek görünen gövde metnine, tipografinin küçültülmesinde kesin bir trend olmuştur.
Küçük metin boyutları söz konusu olduğunda okunabilirlik hakkında bazı endişeler olsa da, özellikle de vücut metni için, daha küçük yazı tipleri kötü bir şey değildir. Büyük boyutlu tipografi, neredeyse okumak için neredeyse çok büyük olan boyutlar ve yazılarla yüzleşmeye doğru ilerlemeye başlamıştı.
Daha küçük yazı tipleri biraz daha yumuşaktır ve tasarımın göze atılması için diğer öğeler için daha fazla alan sağlar. Küçük tiple etkinliğin hilesi, yazıyı minimumda tutmaktır. Okunacak çok şey olmadan, bu eğilim etkili ve ilginç olabilir. Öte yandan, büyük tipte küçük tipte bloklar kaybolur ve kullanıcının kolayca okuma ve tarama kopyasını verimli şekilde kullanma yeteneğini engelleyebilir.
Denge de bir endişe. Tüm yazı karakterleri, hoş bir uyum hissi yaratmak için bir ölçüde küçültmek zorundadır. Moonfarmer Logo tedavisi için hafif bir yazı karakteri ve küçük bir ikincil kopya satırı kullanır. Tip elemanları güzel bir tezat oluşturuyor ve ışık tipi tedavi görüntülerin ruh hallerine uyuyor gibi görünüyor.
HTML Burger cesur bir başlık ve küçük ikincil metin satırlarıyla neredeyse tam tersi yaklaşımı alır. Açıklayıcı betimleyici kelimeler küçüktür çünkü bunlar yaygın kelimelerdir - HTML, CSS, e-ticaret ve hala büyük boyutlu başlık ile önemli ölçüde çelişir.
Mountain Dew'ın NBA tasarımı her şeyi küçük bir boyuta iter. Bu, muhtemelen bulacağınız en küçük başlık uygulamalarından biridir, ancak aşırı kalın X kaplama ve video arka planıyla birleştirildiğinde, kullanıcılar yine de küçük metne çekilir.
2. Geometrik Katman
Unsurları katmanlaştırmanın yeni yolları, popülerlik açısından sürekli olarak artmaktadır. İlk olarak, Google'ın Materyal Tasarımı fikrinin ana akım ve modern tasarım tekniği olarak geri getirilmesiyle geometrik katmanlama, arzulanan bir şeyi bırakabilecek görsellere görsel ilgi eklemenin farklı bir yoludur.
Aşağıdaki örneklerin her biri, bir şekilde düz olan görüntülere yeni bir yaşam getirmek için cesur şekillere sahip bir çerçeve kullanır - binalar, bir toplantı fotoğrafı, çalışan kişilerin görüntüleri. Eğlenceli şekiller, kesimler ve renklerin eklenmesi, kullanıcıya tasarımın içine girmesi için bir başlangıç noktası verir. Tasarımların her birinin, kullanıcıyı bir şekilden başlığa veya markanıza en uygun içerikle etkili bir şekilde hareket ettirmek için nasıl geometrik kullandığını not edin.
Geometri, tasarımın geri kalanıyla bütünleşen çeşitli şekillerde kullanılabilir:
- gibi önemli test öğelerine odaklanmak için görüntülere ayırın Tuz Projeleri ;
- Kullanıcıları ekran boyunca yönlendiren bir denge dışı odak noktası oluşturmak için beklenmedik bir parlak kenarlık öğesi kullanın. Bailey ve Fransız ;
- resimlere yeni odak eklemek için olağandışı şekillerde fotoğraflar koymak Simya Dijital .
Geometrik katmanlamayı kullanmanın en iyi yanı, kolay ve her türlü içeriğe sahip olması. Kullanıcılar, çok düğmeli, daha dokunsal etkileşimli bir his için birbiri üstüne yerleştirilmiş yuvarlak düğmelere ve diğer öğelere alışmaya başladılar.
Geometrik elemanlardaki açı ve eğriler, kullanıcıları bir elemandan diğerine yönlendirmeye yardımcı olabilir ve etkili bir şekilde kullanıldığı zaman, harika bir yönlendirme aracıdır. Konum açıları, kullanıcıların önce görmesi gereken içerikler için çevreleri görmesini ve kullanmasını istediğiniz içeriğe "işaret" etmesini sağlayın.
3. Bulanık Görüntüler
Bulanık görüntü, yeni olmayan bir tekniktir. Ama tamamen ya da kısmen, bulanık görüntü veya video içeren daha fazla tasarım ile yeni bir hayat elde ediyor gibi görünüyor.
Bulanık görüntüler, gizem unsuru olan bir web sitesi için belirgin bir his yaratabilir veya görüntünün ötesine, tasarımın öteki kısmına doğru itmeye yardımcı olabilir. Aşağıdaki örneklerin her biri farklı nedenlerden dolayı bulanıklık kullanır:
- Digitalux Videonun sıkıcı bir parçasını alır - bir ofiste çalışan insanlar - ve ana mesajın arkasına biraz hareket eklemek ve harekete geçmek için mavi kullanır;
- Playkot ön plandaki eğlenceli karaktere ve ilginç tipografi tedavisine vurgu yapmak için bulanık bir arka plan kullanır ve bu sanal şehir tarzı oyun serüvenine bir gerçeklik unsuru ekleyerek;
- ESPN'nin “Biz Hayranları” bir televizyon belgeseli için önizlemeyi sergilemek için neredeyse her yerde bir futbol arenası olacak bir stadyumun arka planına sahip. Bulanık zemin, dizinin ana markası olan eğlenceli tip tedaviye daha fazla odaklanmanıza yardımcı olur.
Sonuç
Bazen en büyük trendler diğer trendlerin evrimlerinde taş atmaktır. Küçük adımlı ilerlemeyi neredeyse olduğu gibi görmek ilginç olabilir. Burada sergilenen üç trend gibi hemen hemen her projeye uygulanabilecek trend unsurlara baktığınızda bu eğiliminiz artar.
Bu fikirlerle ilgili güzel şey, neredeyse her ölçekte uygulanabilir olmalarıdır. Örneğin, ana sayfanıza küçük metinler ekleyebilir ve değişikliğin kullanıcıları daha geniş bir ölçekte kullanıma sunmadan önce nasıl etkilediğini görebilirsiniz. Bu seviyedeki deneme ve testler, bunun gibi bir trendin gücün olup olmayacağını veya hızlıca azalıp artamayacağını tahmin etmeye yardımcı olacaktı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.