Bootstrap Material Design

bootstrap-materialdesignGoogle’ın yeni nesil kullanıcı dostu tasarım prensipleri ile Twitter’ın CSS kütüphanesini bir arada kullanmaya ne dersiniz?

Material Design‘ı mobil ortamda yeni yeni görmeye başlamışken web tarafında işler daha hızlı ilerliyor. Web geliştiricileri günden güne yeni Material Design elemanları paylaşırken şimdi de Bootstrap tarafında hareketlenmeler yaşanmaya başladı. FezVrasta, GitHub sayfasında paylaştığı bu web önyüzüyle son günlerde fazlasıyla popüler. (daha&helliip;)

Devamını Oku


Google Material Design Menu

material-design-menuGoogle‘ın ses getiren tasarım trendi Material Design üzerine konuşmaya devam ediyoruz. Bugün Bennett Feely tarafından CSS ile hazırlanan menü örneğini sizlerle paylaşacağız.

Bennett’in örneği Material Design’ın estetik ve animatif tarafını başarılı bir şekilde yansıtmakta.

Web öğelerinin sadece spesifik kısımlarını CSS ile göstermemizi sağlayan clip-path tanımı da bu tasarımda faydalı bir şekilde kullanılmakta.

Eğer hazırsanız başlayalım.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Google’ın Yoğurt Yeme Şekli : “Material Design”

google-ioGoogle, geçtiğimiz dönemde IO kapsamında Android için arayüz tasarımını açıkladı. Aslında buradaki Android filtresi sıradan bir maske. “Material Design” şeklinde isimlendirilen bu yeni trend sadece Android arayüzlerini değil, Chrome OS ve Google’ın tüm web servislerinde yer bulacak. Bu da teknolojiyle en ufak alakası olan herkesin Material Design’ı kullanacağı anlamına geliyor.

İlk bakışta Flat Design‘ın renklerini anımsatsa da herşey artık daha canlı. Tüm renkler açılmış. Beraberinde minimalist yapı korunmuş. Ayrıca bol bol kullanılan animasyon ve geçişler sayesinde bir ekranın gösterebileceğinden fazla içerik iç içe eklenmiş. Bu da kullanım kolaylığı konusunda dikkat çeken yeniliklerden birisi.

Sağlanan kullanıcı deneyimi de UX Awards tarafından gold price ile ödüllendirildi. Açıklama ise şu sözlerle başlıyor : “Çoklu ürün ~ platform için gerçekçi hisse sahip yüzeyler, kalınlaşmış grafik design ve işlevsel hareketlilik ile tasarıma yeni bakış açısı.

Peki ya Google ne diyor?

“Focus on the user and all else will follow.”

(daha&helliip;)

Devamını Oku