2016 İçin 5 Gerçek Web Tasarım Trendleri

Bu yıl için Web Tasarım Trendleri adında bir bağlantı gördüğümde, dakikalar içinde hayal kırıklığına uğratmak için mutlu bir şekilde tıklıyorum. Her zaman, başarısız olmadan, geçen yılın trendleri ya da trendleri olmayanlar: ilüstrasyonlar. Mesela, görünüşte animasyonların büyük bir eğilim olduğunu biliyor muydunuz? Cidden, bir trend listesi yazarsanız ve 2016 için bir trend olarak tam ekran arka plan videosu eklerseniz, listenizi not etmeden önce gerçekten çevrimiçi olmaya çalışın ve web sitelerine bakın. Kimse tıklama yemlerini sevmez. Her neyse, daha fazla uzatmadan, işte bu yılın ilk yarısı için beş gerçek eğilimin listesi.

1) Tam ekran ve kaydırılamaz

Kaydırılamayan siteler sonunda çekiş kazanıyor. Sonsuzlukta ilerleyen, üstte yapışkan bağlantı bağlantı başlığı olan bir sayfa web sitesinin neredeyse ana sayfalar yapmanın standart yolu haline gelmesi, gezinmek için tıklamak zorunda olduğunuz sayfaları görmek güzel. İnsanların kaydırma jackinginden nefret ettikleri kadar, bazen güzel de olabilir. Bu siteleri tasarlarken anahtar, ekranı sınırlamalar için kullanmaktır. Keynote'ta prototip. Klavye gezinti bu sitelerde yaygındır.

Facebook Gizlilik Temelleri

Kaydırmadan üç tam ekran sitesi örneği:

  1. Facebook Gizlilikle İlgili Temel Bilgiler - Facebook tarafından, yanıt vermese de harika site, gizliliğin hizmetlerinde nasıl işlediğini adım adım açıklar. Harika resimler!
  2. Fantasy - Tasarım ajansı Fantasy’nin bu yıl başlarında yayınladığı çok merak edilen yeni web sitesi, hayal kırıklığına uğramadı. Özellikle Çalışma bölümünü inceleyin, her şey ekranda kalır.
  3. KLM 50 Seyahatleri - KLM için güzel kampanya sitesi. Her seferinde bir ekran olan 50 hedefe ulaşmanızı sağlar. Klavye oklarıyla ve boşlukla gezin.

2. tarafına yapışkan başlık

Web tasarımındaki en yeni trendler için, ajans sitelerine veya daha ziyade tasarım stüdyolarına bakmak her zaman akıllıca olacaktır. Ve son zamanlarda, başlıklarınızın metnin yan tarafına kaydırılmasını sağlayan bir mod oldu. Bütün havalı çocuklar bunu yapıyor. Bu sadece bir masaüstü eğilimindedir, bu nedenle telefonunuzda bunu okuduğunuzda, örnek bağlantılar ziyaret etmeden bana bu konuda güvenmeniz gerekir.

Kod ve Teori

Yandaki yapışkan başlıklardan üç örnek:

  1. Kod ve Teori - Bu güzel web sitesindeki açık pozisyonları kaydırırken şehir başlıkları resimde kalıyor.
  2. Yığın Taşması - Bu, faturaya yüzde yüz uymuyor ancak bir geçiş sitesi sağlayan bir ajans sitesi değil. Kaydırırken, alt gezinme sağa sabit kalır. Güzel.
  3. DDB Sthlm - İsveçliyim, bu yüzden İsveç örneğinde de atıyorum. Menülerinden Çalışma düğmesine basar ve aşağı kaydırırsanız, dikey başlığın yan tarafında kaldığını görürsünüz.

3) logo yükleyici

Bu büyük bir trend ve neredeyse bu sene ajans web siteleriyle eşanlamlı hale geldi. Herkesin yanında. Ve öyle yapmalılar, çünkü harika görünüyor ve ziyaretçiye web sitesinin markanın bir parçası olduğu hissini veriyor. Çok zeki.

Müzik aleti

Logoyu yükleyici olarak kullanmanın üç örneği:

  • Enstrüman - Bu site sadece logolarını yüklerken ve navigasyon menüsünü açtığınızda logolarını gösterir. Bu yeni ve sersemletici.
  • Fubiz - Bu site başlatıldığında ve iyi nedenlerle büyük bir sıçrama yaptı. Sitenin her bölümü için çok güzel animasyonlar içeren farklı bir logosu var.
  • Bu Ayrıca - Ajans siteleri için sanat yönetmeni daha önce hiç görülmemiş çok büyük tasarım stüdyosu web sitesi. Teknik olarak logo olmasa da, gezinti simgesi buradaki yükleyicidir, ancak genellikle bir logonun sığdığı şekilde konumlandırılmıştır.

4) Bozuk arka plan resimleri

Tüm tarayıcı penceresini dolduran arka plan resimlerine sahip olmak yeni bir şey değil, muhtemelen Actual Web Tasarım Trendleri 2013 klasik yazısının zirvesinde ama bu onu yeni bir seviyeye taşıyor. Arka plan resminize bazı fare gezdirme efektleri ekleyin; gitmeye hazırsınız.

Aktif teori

Bozuk arka plan resimleri için üç örnek:

  1. Darbe yap - Fareyi arka plan üzerine getir ve dağların canlandığını gör, çok başarılı.
  2. Aktif Teori - Ajansınız için bir web sitesi yapıyorsanız, Google denemesine benzemekten ziyade çılgın web becerileriniz olduğunu göstermenin daha iyi bir yolu var mı? Yok.
  3. Ayrıntılar - Bu biraz kaydırma alacaktır. Bu İsviçre tasarım ajansı, bağlantı bağlantılarına inanmadığı için sayfanın altına kaydırırsanız, 4/4 Nos Uzmanlar ve fotoğraflarını üzerlerinde hafif bir çarpıtma göreceksiniz. Güzel!

5) Üst animasyonlar üzerinde

Bu şimdi teknik olarak mümkün, öyleyse neden doğru değil? Doğru yapılırsa, bu görsel olarak hoş ve eğlenceli bir deneyim olabilir, eğer yanlış yapılırsa Flash siteleri yeniden başlar. Bilge kelime: dikkatli kullanın, ancak kullandığınızda üst yoldan gidin.

Waaark

En iyi canlandırmalardan üç örnek:

  1. Waaark - Lol, bu küçük tasarım stüdyosu, bu yılın en çarpıcı görsel deneyimlerini üretti. Animasyonlar söz konusu olduğunda üste geçmek için Fransızlara bırakın.
  2. Animocons - Bu, tümü web kodu kullanılarak yapılmış, muhteşem tıklama animasyonlarına sahip bazı simge örnekleridir.
  3. Rally Interactive Beta - Rally, sitelerinde yalnızca doğru miktarda animasyon bulunmaması konusunda harika bir iş çıkarmaktadır. Zirvede çıldırdılar, ve bir şeyi tıklayıp seçtiğinde daha yumuşak tutuyorlar.

Bonus: henüz bir trend değil, sadece bir veya iki yerde görüldü ama süresiz olarak ölçeklenen duyarlı web siteleri oluşturmak çok büyük olacak. Diğer bir deyişle, site bir 1280px ekranda, iMac 27 "Retina 5100+ px ekranında olduğu gibi tamamen aynı görünüyor, yalnızca daha büyük. Örnek olarak, Brasilian telekom operatörü Oi için harika bir site inceleyin.

Adım Nils ve İsveç'in Stockholm şehrinde bir dijital stüdyo olan Ape'de tasarım direktörü olarak görev yapıyorum. Mükemmel tasarım, teknoloji ve iletişim için yaşıyoruz. Hakkımızda daha fazla bilgi edinmek istiyorsanız, maalesef yukarıda belirtilen trendlerin hiçbirine sahip olmayan web sitemize bakın.

Ayrıca, bu makaleden memnun kaldıysanız, lütfen aşağıdaki önerilere basın. Çok yardımcı olur.