Her Yer Metro Stil – “Metro UI CSS”

Microsoft Metro Stil arayüzünü bir çok ürününe entegre etti. Bu  Microsoft ta farklı bir soluk farklı bir heyecan getirdi. Windows Phone 7 ile başlayan tasarım, Windows 8 le devam etti. Windows Store uygulaması adı verildi. Windows Phone 8,Windows RT  ile tasarımın devam ettğini görüyoruz.  Microsoft un sitesine girdiğinizde web siteninde Metro stil ile yapıldığını görmekteyiz. Microsoftun diğer alt sitelerine bakarsak Xbox, Phone, Office, Outlook vs. aynı tasarım öğelerini kullandığını görmekteyiz. İlerleyen günlerde tabletler daha da yaygınlaşacağı orta da. Dokunmatik ekranlarda bu şekilde artış göstermesi ile Windows 8, Windows RT ürünlerini daha çok göreceğiz. Donanım firmaları ürünleri çıkarmaları yanında Surface de yakın zamanda satışta olacağını düşünür isek her yer metro olucak. Gelelim web kısmına. Doğal olarak  bizde web sitelerimizi microsoftun tasarladığı gibi Metro Arayüz olarak tasarlamak istersek ne yapıcaz. Birincisi kendimiz divler,tablolar,cssler ile en baştan her şeyi bizim oluşturmamuz gerekmedir. İkincisi ise anlatacağım konu Metroui.org.ua adresindeki Metro UI CSS projesi.

Daha önceden hazırlanmış css ve js dosyaları yardımıyla projemize dahil edip hızlı ve uygun bir şekilde metro arayüzlü web siteleri yapmak artık kolay. Windows 8 kullanıcıları için tasarımlar ve tasarımlarda kullanılan isimler yabancı gelmeyecektir. Appbar, charms,  gibi.  Metro stile uygun buton, slider, menüler, accordion vs. hepsi mevcut.  Web sitesinde yapılmış örnekleri ve kodları mevcut. İndirdiğimiz projede php ile yapılmış olan açılan sitede mevcut. Örneklere bakarak kendi Metro stilimizi hızlı bir şekilde yarabiliriz. İlerleyen günlerde Metro UI CSS ile yapılmış sitelerin yaygınlaşması yakındır.  Zaten şuan okuduğunuz blogumun tasarımınıda metro 🙂 Gerçi Microsoft metro ismini kullanmaktan vazgeçmişti ama  alışkanlıktan dolayı  metro stil diyorum ben. Ne demiştim “her yer metro stil”…

Leave a Reply