Temel Tasarım Trendleri, Aralık 2016
Kendinizi belli bir tasarım unsurunun ortaya çıkmaya devam ettiğini fark ettiniz mi? Bir şekilde önemsiz görünen küçük detaylar bile tasarım trendlerinin göstergeleri olabilir. Bu, özellikle bu ayın sonundaki unsurlarla doğrudur.
Bu trendlerin her biri — bir web tasarımını, sinema grafiklerini ve küçük yükleme animasyonlarını çerçeveleyen beyaz kenarlar — kullanıcıların görsel deneyimini geliştiren basit detaylar.
İşte bu ay tasarımda trend olan nedir?
1) Beyaz kenarlar
Daha fazla web tasarımı, web tarayıcısında tasarımın çevresi etrafında beyaz kenarlar veya çerçeveleme kullanıyor. Eski web sitelerinde daha fazla web sitesinin belirli boyutlarda oluşturulduğu ve çerçevelerin tek tarayıcı genişlikleri için kullanıldığı eski bir fikirde yeni bir büküm.
Daha fazla tasarımcı duyarlı, tam genişlikte tasarımları tercih ettiği için solmuş bir şey.
Çerçevelemeli yeni büküm ilginçtir ve tasarım için bir tuval oluşturmak için güzel bir yoldur. Bu trendi kullanan sitelerin çoğu, tasarım etrafında beyaz, ancak zorunlu olmayan bir kenarı içerir. Birkaç piksel genişliğindedir ve genellikle tasarımın üç veya dört tarafına yerleştirilir. (Bazıları, kaydırmayı teşvik etmek için çerçevenin tasarımın altından ayrılmayı tercih ediyor.)
Beyaz kenardaki güzel şey, tasarımın güçlü renk seçeneklerine odaklanmaya yardımcı olabilecek beyaz çizgilerle temiz olması, ekranın kenarından diğer ışık öğelerine (metin kutuları veya harekete geçirici mesajlar gibi) dikkat çekmesidir. kenar paralaks kaydırma veya diğer animasyonlu efektler için bir arka plan tuvali oluşturmanıza yardımcı olabilir.
Camden Town Bira Fabrikası Bu son derece iyi yapar. Beyaz çerçeve, tasarımın öğeleri arasında derinlik ve kullanıcı için odak oluşturmak için doldurur. Beyaz ayırma, ekranda her yeni içerik bölümünü ayırır ve tasarımın genel organizasyonuna katkıda bulunur. (Artı, beyaz aksan kombinasyonu, birleşimi çok fazla bunaltıcı hissetmemek için güçlü kırmızı ve siyah renk paletini çıkarır.)
2) Sinemagraflar
Sinemagrafları, içinde bir hareket unsuru olan fotoğraflardır. Gözlerini başka hiçbir şeyin hareket etmediği gökyüzündeki ince bulut hareketine doğru aydınlatan bir kişinin fotoğrafından herhangi bir şey olabilir. Tasarım trendinin en yaygın kullanımları hala reklamlarda ve sosyal medyada yer alırken, web tasarımcıları bu “canlı fotoğraf” tekniğini de kullanmaya başlıyor.
Bu, kullanıcılar harekete meraklı olduğu için işe yarıyor. Aynı nedenlerin birçoğu için etkili bir video, kullanıcının dikkatini çekmek için iyi bir seçenek. Hareket ve eylem çekici. İlginç. Gerçek hissediyor.
Sinema filmleriyle çalışmaya geldiğinde, bonus, bir projeyi, bir video projesi ile gelen yüksek üretimin bir kısmı olmadan, hareketle bir tasarım yaratabiliyor olmanızdır.
Sinema filmlerini yapmanın hilesi, hareketi gerçekte köklendirmektir. Sahne daha hayal olsa bile, Tek renkli Paris Fizik yasaları ekranda harekete uygulanmalıdır. Su akış yönünde akmalıdır, örneğin, yerçekimi hareketin nasıl gerçekleştiği konusunda bir güç olmalıdır.
Hareketin ayrıca basit ve ince olması gerekiyor. Çok fazla hareket ve bir video daha iyi bir seçenek olabilir. Kullanıcıları sinema sinemasına çeken şey bu sürpriz unsurdur. Bir kahraman görüntüsünde fotoğraf gibi görünen şey aslında içinde bir şeyler oluyor. Bu küçük divot, insanları içeri çekmeye yardımcı olacak, onları tasarımla meşgul edecek ve umarım bir web sitesi dönüşümüne yol açacaktır.
3) Minik Yükleme Animasyonları
Yükleme süreleri çok önemli. Ancak, bir kullanıcının açık olduğu ağın hızını her zaman hesaba katamazsınız; küçük yükleme animasyonları büyük bir anlaşma olabilir.
Küçük yükleme animasyonu trendinden farklı olan şey, bazen onu gördüğünüz, bazen eleman tasarlamadığınızdır. Her iki tasarım ekibi de, her kullanıcının web sitesine olumlu bir deneyim ile ulaşmasını sağlamak için özel bir dikkat göstermişti.
Bu küçük animasyonlar, gerçekten genel web sitesi hedefine doğru giden kullanıcı deneyiminin gerçekten bir parçası olmadıkları gerçeğiyle tanımlanabilir. Birincil site tasarımı sunulurken, hızlı bir saniye için dikkatinizi çeken basit, küçük bir unsurdur.
Eğilim hakkındaki harika şey, bu küçük yükleme animasyonlarının, görselin boyutundan ekrandaki eyleme kadar çok küçük olmalarıdır. Görülecek çok şey yoktur, ama kesinlikle hoş olan ne var.
İşte üç harika örnek:
- Hannah Purmort’un Animasyon yükleme, ana ekranın karşıt renk kombinasyonunda tek hareketli bir vuruştur. İnme, kaydırma etkisindeki tasarımda da taşınır.
- Susa Girişim küçük bir yük çubuğu ile küçük bir simge özellikleri. Bu, dikkatinizi çeker çünkü minik goril görsel olarak ilgi çekicidir ve sizi sitenin içeriği hakkında meraklandırır.
- APG Ana sayfanın geri kalanı yüklendiğinde ekranda çizildiği anlaşılan bir çizim kullanır. Aslında bir yükleme animasyonu olan tek ipucu, ekranın geri kalanı çalışan video ve daha fazla eskizle yüklendikten sonra çok daha detaylıdır. Etki sorunsuz ve kullanıcı başladığı andan hemen önce bitti.
Sonuç
Detaylar her iyi tasarımın kalbinde. Her kullanıcının fark edemeyeceği şeylerin tasarlanmasının (ve hesaplanmasının) önemli olduğunu hatırlamak önemlidir. Bu eğilimlerin her biri, genel estetiğin açık bir parçası olmayan küçük tasarım öğeleriyle nasıl bağlanır.
Bu küçük elemanlar, web sitenizi gerçekten kullanıcı için ayıran şey olabilir. Birisi tasarımınıza geri getiren zevk unsuru olabilir. Detaylar başarı ile başarısızlık arasındaki farklılaşabilir.
Ş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.