2013'ün Yeni trendi Flat Design nedir? Teknikleri nelerdir? Kaynakları nelerdir?
11 yıl önce ilham flat metro windows 8 14996
Tasarımda yıllar önce popüler olan düz tasarımlar, tekrar geri dönüyor. Birçok tasarımcı, web tasarımlarında ve app tasarımlarında düz tasarıma geçiyor. Düz tasarımlar, windows 8 ve yeni Google tasarımlarının düz estetiğinden etkilenerek popüler hale gelmeye başladı. Düz tasarımlar hem güzel hem de çekici olabilir. Bir sürü süsleme olmadan, bir mesajı iletmek ya da bir ürün ya da fikir geliştirmek için temiz ve basit bir yol olabilir.Flat Design nedir?
Düz tasarım, bir düzeni oluşturmak için herhangi bir ekstra efekti kullanmadan ve üç boyutlu özellikleri içermeyen bir yöntemdir. Gölge, eğim, kabartma, degrade veya başka araçlar kullanılmaz. İkonlar ve UI öğelerinde kıvrık kenarlar ve gölgeler yoktur.
Düz tasarım sade olmalıdır.
Düz tasarım efektsiz tasarım demek değildir, sadece eklenen ekstra "yapay" derinlik ve boyut kazandırma yoktur. Bu konuda yapılan birçok tasarım, genel görünüm ve kavramı çok az etkileyen nesneler içerdiği durumlarda ", neredeyse düz" kategorisine girer.
Tüm süslemeleri unutun.
Renge odaklanın. Düz tasarımlarda genellikle canlı renkler kullanın. Şekil ve renk tonları önemli bir bileşenidir. Siteyi gerçekten popüler yapmak için logo renkleri kullanmayı düşünün. Düz temalar hem siyah hem de beyaz zemin üzerinde güzel görünür ancak daha fazla renk kullanarak daha büyük bir etki alacaksınız.
Tipografi'ye odaklanın. Kelimeler önemlidir - onlar, bir mesajı iletmek için gezinti araçları sağlamak ve sitenizde ne yapmak istediğinizi kullanıcılara anlatırlar.
İlginç ve farklı yazı karekterleri ile oynayın. İletinizi anlatmak için yazı düzeni genellikle basit ve minimalist olduğunu unutmayın, bu yüzden tipografi bununla nasıl gider düşünüyorum. Değişik varyasyonlar ve ağırlıkla bol basit sans serif yazı karakterleri deneyin.
Kelimelere odaklanın. Birçok düz tasarımda, basit bir akış sağlamak ve hissetmek için birkaç kelime vardır. Her bir kelimeden emin olun.
Basit kullanıcı arayüzü ve UI öğeleri. Düğmelerin tıklanması için komplike tasarımlı olmaları gerekmez. Elementler, açıklayıcı ve kolay kullanımlı olursa, etkili olacaktır. Bu form rengi, dışhatları, kutu düzeni veya değişik yazı tipi ve şekli bile olabilir.
Hiyerarşi oluşturun. Herhangi bir web sitesinde olduğu gibi bu hiyerarşi farklı bir duygu yaratmak için hayati önem taşımaktadır. Düz tasarımlarda, kullanıcı tıklamaya götürmek için, gölgeler, gradyanlar, eğimler veya başka efektler kullanmaya gerek yoktur. Kullanıcıların gerçekten bu konuda çok fazla düşünmek zorunda kalmadan sitenizde gezinmek ve nasıl kullanılacağını anlayacaklarından emin olun. Bağlantı, farklı bir renk veya bir kutu içinde yer alır ve tıklatılabilir olsun, açık ve kolay olsun.
Flat Design Terimi
"Flat Design" terimi de çok tartışılan bir konu.Sorun, adı gerçekten ne olursa olsun, bunu temsil etmiyor olmasıdır.
Farklı şirketler ve gruplar başka isimleri de denediler. Minimal tasarım, dürüst tasarım ve hatta Microsoft tarafından "otantik dijital" terimi bile kullanılmıştır.
Siz ne düşünüyorsunuz? Branch sitesinde, bu konudaki tüm fikirlere ve tartışmalara göz atın.
Teknikler
Flat UI İlham Kaynakları
War Marc'ın Pinterest'teki Flat UI Design paylaşımları
Marco Heutink'in Pinterest'teki Flat UI paylaşımları
Dribbble'da Kare UI elementler
Dribbble'da Santa tracker ikonları
Dribbble'da Flat UI
Dribbble'da Kare UI
Dribbble'da Haraldur Thorleifsson
Dribbble'da Bobby McKenna
Dribbble'da Griffin Moore
Dribbble'da Kyee
19