Ava peamenüü

Sile disain (inglise keeles flat design) on minimalistliku kasutajaliidese disainikeel, mida kasutatakse peamiselt graafilise kasutajaliidese disainis, nagu näiteks veebi- või mobiilirakendustel, aga ka visuaalmeedias, nagu näiteks plakatite disainis.

Määratlus ja eesmärkRedigeeri

Flat-disain on disaini stiil, mis rõhutab kolmemõõtmelisust loovate disainielementide minimaalset kasutust, nagu näiteks varjud, värvide sujuvad üleminekud (inglise keeles gradient) ja tekstuurid[1]. See suunab kasutama minimalistlikult lihtsaid elemente, kirjatüüpe ja teatud värve[2]. Disainerid eelistavad flat-disaini, sest see võimaldab kasutajaliidestel olla ühtsem ja efektiivsem ning paneb fookuse sellele, mis on olulisem: sisu ja sõnum, mida see edasi annab[1]. Lisaks teeb flat-disain lihtsamaks disainida veebilehti, mis on adaptiivsed (inglise keeles responsive) veebibrauserite varieeruvatele suurustele eri seadmetes. Kasutades minimalistlikke elemente, saab veebilehti kiiremini laadida ja sisu suurust lihtsamini kohandada, nähes endiselt välja selgemad ka kõrgema lahutusvõimega ekraanidel[1].

AjaluguRedigeeri

Flat-disaini on saanud peamised mõjutused Šveitsi disainist, tekstipõhisest kasutajaliidesest, modernismist ja Bauhausist tulevast stiilist [1][3][4]. Šveitsi disaini peetakse peamiseks flat-disaini mõjutajaks, mille tekkimist ja populariseerimist 1950ndatel ja 1960ndatel peetakse flat-disaini alguseks, kuigi digitaalmaailma ei ilmu see veel aastakümneid[5].

Flat-disaini võttis esimesena kasutusse Microsoft oma Metro disainis. 2002. aastal lasi Microsoft välja Windows Media Centeri ja 2006. aastal Zune MP3-mängija, kus mõlema kasutajaliides kasutasid teatud elemente flat-disainist. Zune’i disain oli lihtne ja puhas, fookus pandi suurele väiketähelisele kirjastiilile, silueti stiilis logole ja monokroomsetele tekstivärvidele[5]. Microsoft jätkas antud stiili oma 2010. aastal välja lastud Windows Phone 7-ga, mis tehti kasutades Zune'ist tuntud disainielemente. Disaini domineerisid suured kujundid, kasutati seriifideta kirjastiili, lamedaid pilte (inglise keeles flat image) ja ruudustiku (inglise keeles grid) malle kasutavaid menüüsid. Tänu Windows Phone 7 disaini edule lasi Microsoft välja Windows 8, kus kasutati Metro disaini. Julged värvid, lihtne kirjatüübid, pikad varjud ja fantoomnupud (inglise keeles ghost buttons) on flat-disaini olulised elemendid. Sealt edasi on Microsoft viinud oma tooted nagu näiteks Xbox 360, Microsoft Office ja oma veebilehe, Metro disainistiilile[1].

2013. aastal lasi Apple välja iOS7, mis kasutas flat-disaini elemente[6], liikudes eemale skeuomorfist[5].

2014. aastal lasi Google tarkvaraarendajatele välja oma Material Designi, et loodavate rakenduste disain ühtiks Androidi ja Chrome OSi disainiga. Kuigi Material Designi nimetatakse flat-disainiks [7], sisaldab see siiski skeuomorfismi elemente nagu näiteks varjud [8].

2014. aastal uuendas Apple oma macOSi sileda disainiga, lastes välja OS X Yosemite’i.

2014. aasta lõpus ilmunud Flat 2.0 võttis kasutusse gradiendi ja varjud, et kasutajatele tagada paremat kasutusmugavust [9].

2016. aastaks oli enamik suurematest mobiilioperatsioonisüsteemidest läinud üle flat-disainile, sealhulgas BlackBerry 10 OS, Tizen OS ja KDE Plasma 5 ning ka enamus Androidil põhinevad kasutajaliidesed nagu näiteks Samsung Experience, LG Optimus UI, Huawei EMUI ja Xiaomi MIUI.

KriitikaRedigeeri

Flat-disaini on kritiseeritud selle poolest, et see teeb kasutajaliidesed ebaintuitiivseks ja halvemini kasutatavaks. Tehes kõik disainielemendid (menüüd, nupud, lingid jne) lamedaks, võib nende funktsionaalsusest arusaamine muutuda keerulisemaks[10]. Uuringud on näidanud, et flat-disain on populaarsem pigem nooremate, kui vanemate inimeste seas. Uuringud on ka näidanud, et kuigi nooremad inimesed navigeerivad flat-disainis paremini, siis neil võib esineda probleeme kasutajaliidesest arusaamisel[11]. Kasutajaliidese ja kasutuskogemuse ekspert Jakob Nielsen on väitnud, et flat-disain on oht tahvelarvutite kasutatavusele[12].

ViitedRedigeeri

  1. 1,0 1,1 1,2 1,3 1,4 Amber Leigh Turner. "The history of flat design: How efficiency and minimalism turned the digital world flat". 19. märts 2014. Vaadatud 17. märts 2018.
  2. Carrie Cousins. "Principles of Flat Design". 28. mai 2013. Vaadatud 17. märts 2018.
  3. Diogo Terror. "Lessons From Swiss Style Graphic Design". 17. juuli 2009. Vaadatud 17. märts 2018.
  4. Xavier Bertels. "The History of Flat Design". 5. märts 2014. Vaadatud 17. märts 2018.
  5. 5,0 5,1 5,2 Taimur Asghar. "The True History Of Flat Design". 9. juuli 2014. Vaadatud 17. märts 2018.
  6. "The History of Flat Design (Infographics)". 6. juuli 2015. Vaadatud 17. märts 2018.
  7. Nick Summers. "9 principles Google created for its colorful ‘Material Design’ UI refresh". 26. juuni 2014. Vaadatud 17. märts 2018.
  8. Anna Lisnyak. "Flat Design vs. Material Design: How Are They Different?". 10. aprill 2015. Vaadatud 17. märts 2018.
  9. Carrie Cousins. "What’s Flat 2.0 and Why Should You Care?". 23. mai 2016. Vaadatud 17. märts 2018.
  10. Tara Hornor. "Why the Flat Design Trend is Hurting Usability". 7. aprill 2015. Vaadatud 17. märts 2018.
  11. Kelsey Campbell-Dollaghan. "The Problem With Flat Design, According To A UX Expert". 23. märts 2016. Vaadatud 17. märts 2018.
  12. Jakob Nielsen. "Tablet Usability: Findings from User Research". 5. august 2013. Vaadatud 17. märts 2018.