flat design

Arayüz tasarımına minimalist bir anlayışla yaklaşan bir tekniktir, tasarım dilidir. 3 boyutlu derinlik sağlayan tekniklerin (gölge, ışıklandırma, doku) kullanımı minimum düzeydedir. Sadelik sayesinde içeriğin ön plana taşınması sağlanmış olur. Aynı zamanda bütün geliştirme prosesleri kolay ilerler. Projenin hazırlanması, aktarılması, yüklenmesi ve performanslı çalışabilmesi gibi faydaları bulunur.

Aynı zamanda ister PC ortamında olsun ister browser ortamında veya mobil platformlarda yağ gibi kayan animasyonlar, sayfa geçişleri ve efektlerin neredeyse ön koşuludur. Çünkü border-radius, box-shadow, background-gradient, background-image gibi yöntemlerin gerçeklenmesi için katlanılan maliyet, basit bir dörtgen çizmekten çok daha fazladır. İşin içine bir de animasyonlar girince cihazlar maalesef yorgun düşmektedir.

Windows metro arayüz örneği

Metro arayüzü

Günümüzde birçok firma bu akıma katılmıştır. Örneğin Microsoft firması windows işletim sistemlerine metro adını verdikleri bir arayüzle flat design uygulamış oldu.

Google Material Design Örnek Çalışması

Material Design

Google firması material design adını verdiği bir tasarım dili oluşturarak bunu kendi web sayfalarına uyguladı. Ayrıca android işletim sisteminde uygulama geliştirenler için sağladığı API desteğiyle 3. parti geliştiricilerin de bu tasarım mantığını çok az efor sarf ederek sistemin doğal metotlarıyla geliştirmesinin önünü açtı.

IOS flat arayüz örneği

IOS ekran görüntüsü

Elbette Apple firması da bu akımdan geri kalmadı IOS işletim sistemi yüklü cihazlarda kendi flat mantığını uyguladı.

Milyarlarca cihazda çalışan bu sistemler flat arayüzler sayesinde donanım kapasitesi düşük cihazlarda bile güçlü bir kullanıcı deneyimi sağlayabildiler. Üstelik milyonlarca uygulamanın, projenin geliştirme aşamasında büyük yüklerden kurtulması ve kazanılan iş saatleri de cabası.

#teknoloji

bkz

win win