Flat Design. Baris Eksi

Transkript

1 Flat Design Baris Eksi

2 Flat Dizayn Flat Dizayn, üç boyutlu, skeuomorphic ve realist dizayn stillerine karsit bir hareket gibi yorumlanır. Flat dizayn bu tasarimlardan hiç birini kullanmaz. Flat Dizayn temiz ve minimalistik bir his uyandirir. Flat 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. Aslında bu hareket sadece günümüz dijital dünyasında belirmemistir. Yaklasik 115 sene once 1900 lu yillarin basinda Bauhaus tasarimcilari cetrefilli ve karmasik tasarimlara karsi modern tasarim hareketini baslatmistir. Flat design bu hareketin dijital dunyadaki bir uzantisi olarak degerlendirilebilir.

3 Flat Dizayn Flat dizayn Microsoft un 2011 yilinda cikardigi Windows 8 isletim sistemi ile hareket kazanmistir.

4 Uc Boyutlu Dizayn Uc boyutlu dizayn kullaniciya hangi elementin interaktif oldugunu anlamasini saglayan derinlik ilizyonu verir.

5 Flat Dizayn Benzeri

6 Skeuomorphic dizayn Arayuzun gercek hayattaki emsalini taklit ederek kullanicinin nasil etkilesim icersine girecegini anlamasina yardimci olur

7 Flat Dizayn Benzeri

8 Realist Dizayn Skeuomorphic dizayndan farkli olarak gerçek hayattaki emsallerini taklit eden öğeler sadece estetik amaçıdır.

9 Flat Dizayn Windows 8 ile Metro arayuznun ortaya cikmasindan etkilenerek populer olan flat dizayn, Microsoftun litareturunde flat dizayn olarak degil authentically digital olarak gecmektedir. Flat dizayn fiziksel dunyanin ogelerini orneklemeksizin insan-makina arayuzu etkilesimi olarakta tanimlanabilir.

10 Flat Dizayn Windows

11 Flat Dizayn Windows

12 Flat Dizayn Apple Web Site 2007

13 Flat Dizayn Apple Web Site 2012

14 Flat Dizayn Apple Web Site 2015

15 Flat Dizayn Kullanilabilirlik Uzun zaman boyunca kullanicilar mavi altcizgili linklere, derinlik ilizyonlu dugmelere metin kutulularina alisti. Artik cogu kullanici interaktif elementleri isaretcileri(signifiers) olmaksizin kolaylikla tanimlayabilir hale geldi. Fakat kullanicilarin bu yetenege sahip olmasi onlarin yeni bir arayuzde kullanima ait ipucuna ihtiyac duymadigi anlamina gelmez. Tam tersi NNGroup( un arastirmasina gore flat dizaynin uzun vadede kullanicilarin UI elementlerini tanimlamasindaki yeteneklerinin dusurdugunu gozlemlendi.

16 Flat Dizayn Kullanilabilirlik NNGroup un yapmis oldugu kullanilabilirlik testinde bir kullanicin alisverise baslaya bilmek icin defalarca SHOP basligina tiklamaya calistigi gozlemlenmis. Kendiside olayi su sozlerle tanimlamis Size shop dugmesinin calisip calismadigini anladigimi soyleyemem sadece alt katogorileri calisiyor. Guzel bir site ama bir sey satin almaya degmez Arastirmanin devaminda ise kullanicilarin aslinda yapmak istedikleri isi birakip sitede neyin tiklanabilir oldugunu anlamak icin mouse yardimiyla tum elementlerin uzerinden gectikleri gozlemlenmis.

17 Flat Dizayn Kullanilabilirlik Tasarimcilar bahsi gecen kullanilabilirlik problemlerini farkina vardilar sonuc olarak daha dengeli bir flat design ortaya cikti. Bu bazi yerlederde Semi-Flat, Almost Flat yada Flat2.0 olarak gecer. Arayuzlerde artik flat dizayndan odun vermeden bir derinlik efekti saglamak icin hafif golgelemeler, belirginlestimeler ve katmanlar kullanilmaya baslandi. Buna en iyi ornek Evernote uygulamasinin kullandigi Google in Meterial Design i gosterilebilir.

18 Flat Dizayn Kullanilabilirlik Evernote uygulamasinda tamamen flat dizayn yerine navigation bar kismina ve Add New butonuna hafif bir golgelendirme yapilarak kullanicalarin daha iyi bir etkilesim saglamasi hedeflenmis.

19 Kaynakca

20 Tesekkur Ederim Baris Eksi