Web Tasarım Trendleri 2018

Web Tasarım Trendleri 2018


Başka bir yıl , web için başka bir dizi tasarım trendini de beraberinde getiriyor. Bu trendler sürekli olarak ilerliyor gibi görünüyor. Bunlardan bazıları yeni ortaya çıkıyor, diğerleri ise birkaç yıl boyunca ve gittikçe büyüyor.
 
 
Mikrointeraksyon
 
Temel animasyon, günümüzde web sitelerine eklemek oldukça kolaydır. Ancak, mobil uygulamalardan  kaynaklanan ve web’e ilerlemeye devam eden  mikrointeraksyon adı verilen daha kullanıcı odaklı animasyonlara doğru bir hareket var.
 
Bunlar, kullanıcı davranışlarına animasyonlu yanıtlar gibi çalışır. Dolayısıyla, bir kullanıcı bir düğmeyi veya bir açılır menüyü canlandırmak için gezinmeyi tıklarsa, mikro boyutlandırma buna göre gerçekçi bir şekilde yanıt verir.
 
Bu, sayfa öğelerini göstermek ve gizlemek için sıçrayan efektler, sayfanın 3D / derinliğindeki değişiklikler ve benzersiz solma efektleri şeklini alır.
 

Web'de mikrointeractions

Yukarıdaki örnek,  bir vurgulu mikro düzlemi izleyen güzel bir  UI animasyonu 

Metro kartı yerleşim tasarımı üzerinde çalışır ve üzerine gelindiğinde ızgaradaki öğe hakkında daha fazla bilgi görüntüler. Bunu portföylerde, resim galerilerinde veya ızgara fotoğraflarının bulunduğu her yerde kullanabilirsiniz.
 
Ancak mikrointeractyonların teknik olması gerekmez. Örneğin,  Liz Shinn tarafından çekilen bu çekim , özel bir animasyon efekti kullanarak kayan bir e-posta alanı gösterir.
 
 

CSS3 ve JavaScript

Sadece ana sayfayı ziyaret et ve herhangi bir yere tıklamayı deneyin. Bu kesinlikle bir animasyon ve her sitede isteyeceğiniz bir şey değil, ama  bu kütüphanenin ne kadar güçlü olduğunu gösteriyor.

Geniş Ekran Görüntüsüne Daha Fazla Destek

Sitenizi akıllı telefonlar kadar masaüstü bilgisayarlar için tasarlamak akıllıca. Her zamanki 1440px genişliğinden daha geniş bir plana sahip bir takım web siteleri görüyoruz.

Geniş ekran görüntüler

 
Temel olarak küçük resimlerle tüm satırları işlenebilen satırlar ve sütunlarla doldurur. Yukarıdaki ekran görüntüsü 1920px monitörümde çekildi ve Dribbble'ın ekranları bundan daha da fazla desteklediğini hissediyorum. Başka bir güzel örnek, toplam tarayıcı genişliğimin iyi bir boyutunu kapsayan Cartoon Network sitesidir .
 

 

Microinteraction

Ve büyüyen açık kaynak kodları koleksiyonuyla, parmaklarınızın ucunda ihtiyacınız olan neredeyse her şeye erişebilirsiniz. CSS3 ve JavaScript, hem mikrointeraksiyonlar üzerinde kontrol sağlar. Yani ihtiyaçlarınızı karşılayacak doğru kütüphaneyi bulmakla ilgilidir. 
 
 
 YUKARI