2016 Sitenizi Oluşturmadan Önce Dikkat Etmeniz Gereken Web Sitesi Tasarımı Trendleri

dk new media site 1

Web sitesi kullanıcıları için daha temiz ve daha basit bir deneyime doğru ilerleyen birçok şirket gördük. İster bir tasarımcı, ister bir geliştirici olun ya da web sitelerini seviyor olun, nasıl yaptıklarına bir göz atarak bir şeyler öğrenebilirsiniz. İlham almaya hazır olun!

  1. Animasyon

Yanıp sönen gifler, hareketli çubuklar, düğmeler, ikonlar ve dans eden hamsterlerle dolu web'in ilk ve şatafatlı günlerini geride bırakarak, günümüzde animasyon, hikaye anlatımını geliştiren ve zengin bir kullanıcı deneyimi sağlayan etkileşimli, duyarlı eylemler yaratmak anlamına geliyor.

Zengin animasyon örnekleri arasında yükleme animasyonları, gezinme ve menüler, fareyle üzerine gelme animasyonları, galeriler ve slayt gösterileri, hareketli animasyon, kaydırma ve arka plan animasyonları ve videoları sayılabilir. Bir teklif yönetim platformu olan Beagle'ın bu sitesine göz atın:

Beagle Hareketli Web Sitesi

Beagle'ın sitelerini aşağı kaydırdığınızda harika JavaScript ve CSS animasyonunu görmek için tıklayın.

Mikro etkileşimde de zengin animasyon görülebilir. Örneğin, LinkedIn'de, bir kullanıcı, ince bir açılır menü seçeneği için bir kartın üzerine gelebilir ve ardından hikayeyi atlamayı veya başka eylemler gerçekleştirmeyi seçebilir.

GIF animasyonları (neşeyle?) Yeniden dirildi ve komedi, gösteriler ve hatta sadece dekorasyon için de dahil olmak üzere birçok farklı amaç için kullanılabilir.

  1. Materyal Tasarımı

Materyal TasarımıGoogle tarafından geliştirilen bir tasarım dili olan, baskı tabanlı tasarım öğelerine (tipografi, ızgaralar, alan, ölçek, renk ve görüntü kullanımı) yanı sıra duyarlı animasyonlar ve geçişler, dolgu ve aydınlatma ve gölgeler gibi derinlik efektlerine dayanır. daha gerçekçi, ilgi çekici ve etkileşimli bir kullanıcı deneyimi sağlar.

Materyal Tasarım, çok fazla zil ve ıslık olmadan UX'i optimize etmeye odaklanarak temiz, modern bir estetik sunmak için gölge, hareket ve derinliği kullanır.

Materyal tasarımının diğer örnekleri arasında uçtan uca görüntüler, büyük ölçekli tipografi ve kasıtlı beyaz boşluk bulunur.

Youtube Android Materyal Tasarımı Yeniden Tasarım Konsepti

  1. Düz tasarım

Materyal Tasarım minimalizm kavramına bir yaklaşım sunarken, düz tasarım, temiz çizgileri sevenler için klasik seçim olmaya devam ediyor. Yani düz tasarım genellikle daha gerçekçi, özgün ve rahat bir dijital görünüm olarak görülür.

Space Needle

Beyaz boşluk, tanımlanmış kenarlar, canlı renkler ve 2B - veya "düz" resimler ilkelerine dayanan düz tasarım, çizgi ikonografisi ve uzun gölgeler gibi tekniklerden sıklıkla yararlanan çok yönlü bir stil sunar.

lander

  1. Bölünmüş Ekranlar

En çok, tanıtmak için eşit derecede önemli iki alanınız olduğunda veya fotoğraflar veya medyanın yanında içerik sunmak istediğinizde, bölünmüş ekranlar, eğlenceli ve cesur bir kullanıcı deneyimi sağlamanın yeni ve harika bir yoludur.

bölünmüş ekran

Kullanıcıların içeriklerini ve deneyimlerini seçmelerine izin vererek, ziyaretçileri girmeye ikna eden portal tipi bir deneyim yaratabilirsiniz.

bölünmüş ekranlı okyanus

  1. Chrome'u Düşürmek

Klasik arabalardaki krom tamponlar ve süslemelere atıfta bulunan "krom", temel içeriği kapsayan bir web sitesinin kaplarına (menüler, başlıklar, alt bilgiler ve sınırlar) atıfta bulunur.

krom zamanı

Bu dikkat dağıtıcı olabilir ve birçok şirket, konteynerlerden kurtulmayı ve kenarlık, üst bilgi veya alt bilgi içermeyen temiz, uçtan uca düzenler oluşturmayı tercih ediyor.

krom ileri

 

  1. Katlamayı Unutun

"Ekranın üst kısmı", bir gazetenin ön sayfasının üst yarısı için gazete jargonudur. Gazeteler genellikle katlanıp kutulara ve ekranlara yerleştirildiğinden, en ilgi çekici içerik, onlara potansiyel bir okuyucuyu (ve cüzdanlarını) kapma şansı vermek için ekranın üst kısmına gider.

Web sitesi tasarımı, kaydırmanın külfetli olduğu ilkesine dayanan bir katlama fikrini uzun süredir kullandı. Ancak son zamanlarda, tam ekran görüntüler ve içerik bir kullanıcıyı selamlıyor ve ek, daha derinlemesine içeriği ortaya çıkarmak için kaydırmayı teşvik ediyor.

tohum lekesi

  1. Tam Ekran Video

Video, ziyaretçilerin dikkatini çekmenin harika bir yolu olabilir ve genellikle görsellerden veya metinden bile daha etkilidir. Apple tarafından Apple Watch için kullanılanlar gibi videoları döngüye almak, bir ton belirlemenin ve ziyaretçileri çekmenin benzersiz bir yoludur.

DK New Media

Görmek için tıklayın DK New Mediaadlı kullanıcının videosu ana sayfalarında

Web tasarımı söz konusu olduğunda, birçok özel bileşen sektörünüz, nişiniz, hedef pazarınız ve içeriğiniz tarafından belirlenir. Düzeniniz, ziyaretçilerin neye yanıt verdiğine ve mesajınız için neyin en mantıklı olduğuna bağlı olacaktır. Ancak bu trendler elinizin altında olduğunda, yapmanız gereken şeyi yapan ve zamana nasıl ayak uyduracağınızı bildiğinizi gösteren çekici bir web sitesi oluşturmak için ihtiyacınız olan her şeye sahip olacaksınız.

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.