Milliseid fonte kasutatakse lamekujunduses. Lame disain: ajalugu, eelised ja praktiline rakendus

Kes arendab mobiilirakendusi ja veebisaite, kirjutas meile kolumni ja pani lame- ja materjalidisaini osas kõik oma kohale.

Üldiselt on tasapinnalise disaini ja materjalidisaini erinevus peen. Inimesele, kellel pole sügavaid teadmisi graafilisest disainist, võivad need tunduda tõepoolest väga sarnased. Selles artiklis püüan "valgustada" mõningaid nendevahelisi erinevusi. Saate lisateadmisi, mis on nii vajalikud, et mitte kogemata vigastada disaineri õrna olemust.

Natuke ajalugu

Enne kui hakkame rääkima kahe populaarseima disainitrendi erinevustest, uurime, kust need tulevad. Arvatakse, et materjali kujundus luuakse tasapinna alusel. Kust siis lame disain tuli?

Skeuomorfism

Kui rääkida kasutajaliidest ja veebidisainist, siis skeuomorfismi mõiste viitab lähenemisele, mille põhiidee on jäljendamine. Liiga detailidesse laskumata meenutagem lihtsalt Apple'i iOS 7-eelseid liideseid nende "realistlike tekstuuride, valgustuse ja suurepäraste efektidega".

Katse muuta digitaalsed objektid oma reaalsete kolleegidega sarnaseks oli ajendatud vajadusest hõlbustada kasutaja suhtlemist seadmega. Tegelikult on see põhjus, miks kõik realistlike tekstuuridega liidesed on digimaailmas palju aastaid domineerinud. Skeuomorfne disain teeb suurepärast tööd, aidates kasutajatel sujuvalt üle minna reaalsest maailmast digitaalsele.

Mobiiltehnoloogia tõusuga on aga tasapisi tekkinud vajadus keskenduda eelkõige mugavusele ja kasutusmugavusele. Nõus, selles valdkonnas kasvab oluliselt vajadus luua erinevatest seadmetest ligipääsetavaid mobiilseid lahendusi. Ja just sel hetkel saab lihtsusest uus disainistandard.

Märkus: Ärge mingil juhul arvake, et skeuomorfism on täielikult kadunud. Seda kasutatakse laialdaselt mängudes, kus on vaja luua realistlik maailm ja aidata mängijatel oma iseloomu tunnetada, et mänguprotsessi sügavalt sukelduda.

Lame disain

Selles stiilis puuduvad täielikult ruumilised objektid. Jämedalt öeldes puuduvad lamedas disainis sellised stiilielemendid nagu varjud, tekstuurid, gradiendid, kuid tähelepanu pööratakse fontide ja värvide ning ikoonide mängule. Aga milleks seda kõike vaja oli? Vastus on lihtne.

Esiteks vähendab lame disain oluliselt lehe laadimisaega. “Raskete” skeuomorfsete detailide puudumine (mõelge: kihid, seriffondid, gradiendid) muudab lamedad kujunduselemendid “kergemaks”, mis omakorda kiirendab oluliselt laadimisaega. Lisaks näevad lamedad elemendid ühtviisi atraktiivsed nii kõrge kui ka madala eraldusvõimega ekraanidel.

Teiseks suudavad lihtsad pildid teie idee kasutajatele kiiremini edasi anda kui üksikasjalikud illustratsioonid: need on visandid ja seetõttu üsna kergesti mõistetavad.

Ja loomulikult võivad suhteliselt lihtsa kirjatüübiga lamedad ikoonid juhtida kasutajate tähelepanu tõeliselt olulisele sisule.

Tänapäeval on korterdisain pälvinud väärilise tunnustuse, kuid sellel on endiselt oma probleemid. Kõige ilmsem näide sellistest probleemidest oli Windows 8 väljalase Microsofti poolt. Seda operatsioonisüsteemi peetakse tasapinnalise disaini pioneeriks ja see toetab Metro disaini kontseptsiooni. Probleemideni viis see, et ettevõte pidas vajalikuks pöörata rohkem tähelepanu tüpograafiale kui graafikale endale.

NN Groupi läbi viidud Windows 8 kasutatavuse testi tulemused näitasid, et kasutajatel oli raskusi klõpsatavate objektide eristamisega mitteklõpsatavatest. Kasutajad kaebasid, et objektid, mis tundusid staatilised, olid tegelikult klõpsatavad. Selle tulemusena ebaõnnestus ettevõtte peamine ülesanne – aidata kasutajatel süsteemi õigesti tõlgendada.

Teine ettevõte, mida sageli seostatakse lameda disainiga, on Apple. Nad eemaldusid 2013. aastal välja antud mobiilse operatsioonisüsteemi iOS 7 skeuomorfsetest disainielementidest. Seekordne üleminek võeti veidi paremini vastu, peamiselt tänu sellele, et ettevõte ei püüdnud kasutajaliidese kontseptsiooni täielikult uuendada, vaid lisas lihtsalt paar muudatust lameda disaini suunas. See võimaldas kasutajatel toodet kasutada, tuginedes oma varasemale kogemusele operatsioonisüsteemide ja veebisaitidega.

Materjali disain

Teeme kohe selgeks: materjalidisain on pigem kaubamärgitoode kui spontaanne disainitrend, mis on leidnud laialdast tunnustust. See eristabki seda lamedast disainist.

Nimetades disainimaterjali "brändiks", pean silmas seda, et sellel on terve rida selgelt määratletud soovitusi ja põhimõtteid, mida iga endast lugupidav disainer järgib. On üsna ilmne, miks Google tutvustas oma materjalidisaini: disaini oli vaja ühtlustada, et rakendused näeksid välja ühesugused kõigis paljudes Android-seadmetes.

Kuigi see on üsna funktsionaalne, peetakse lamedat disaini siiski raskesti mõistetavaks. Tõde on see, et ekraanil olevad lamedad objektid võivad kasutajas segadusse ajada (eriti neid, kes pole mobiili- ja veebiliideste kasutamises kogenud). Seetõttu püüab materjalidisain tagasi tuua skeuomorfismi elemente, kuid seda oluliselt lihtsustatud kujul. Pildid näevad välja tasased, eriti kui tegemist on värvidega, kuid on tänu Z-telje olemasolule siiski mitmemõõtmelised.

Teisisõnu võib materjalidisaini nimetada tasapinnalise disaini täiustatud versiooniks skeuomorfismi elementidega - animatsioon, varjud ja kihid. Nii saate muuta toote navigeerimise osas intuitiivsemaks ja vältida tarbetut keerukust üldises stiilis.

Lameda disaini plussid ja miinused

Jätame selja taha stiilide evolutsiooni ajaloo ja liigume edasi millegi olulisema juurde – loetleme lamedate disainide tugevad ja nõrgad küljed.

• Minimalism ja stiil
• Intuitiivsus. Teil on lihtsam oma ideed kasutajatele edastada.
• Aja ja ressursside kokkuhoid. Lehed laaditakse palju kiiremini ja väiksema ribalaiuse tarbimisega.
• Keskendu sisule. Liides on vaba tarbetutest detailidest, mis võivad tähelepanu tõeliselt väärtuslikust teabest kõrvale juhtida.
• Näeb ühtviisi hea välja erinevates seadmetes, olgu selleks siis arvutibrauser või nutitelefon.
• Kiirendab veebisaidi või rakenduse kujunduse arendusprotsessi, kõrvaldades mittevajalikud disainipuudused.

• Minimalistlik stiil.
• Intuitiivsel tasandil üsna intuitiivne. Materjali kujundus on ühtviisi hästi tajutav nii kogenud kasutajatele kui ka algajatele.
• Mõõdukas skeuomorfism. Kõik näeb realistlikum välja tänu Z-telje kasutamisele (unikaalne Google'i kontseptsioon).
• Seal on juhendite komplekt, mida pidevalt uuendatakse. Seetõttu võib iga disainer alati nende poole pöörduda, kui tööprotsessi käigus tekivad raskused.
• Veebilahenduste jaoks on soovitatav animatsioon. Pole vaja teile meelde tuletada, kui väga inimesed liikumist armastavad. Lisaks võimaldab animatsioon muuta liidese selgemaks ja intuitiivsemaks.

• Sellel on omanik (Google'i ettevõte). Seetõttu tuleks kõikide küsimuste ja parendusettepanekutega pöörduda omaniku poole.
• Z-telje tõttu võib projekteerimisprotsess võtta kauem aega.
• Animeeritud elemendid nõuavad rohkem ressursse.
• Suuniste jäik järgimine võib piirata disaini originaalsust.

Tehke kokkuvõte

Tegelikult ei tohiks ühte vaadeldavatest disainilahendustest pidada selgeks eeliseks teise ees, kuna lamedad ja materjalistiilid käivad kõrvuti. Mõlemad on uskumatult populaarsed ja mõlemas puudub liigne realism. Materjalidisain on tasapinnalise disaini järglane, samas kui lame disain ise oli reaktsioon liiga rasketele ja realistlikele lahendustele. Materjalisain lisas midagi, millest tasapinnaline disain on alati püüdnud eemalduda – veidi skeuomorfismi. Kuigi üks asi on nende lähenemisviiside vahel alati erinev: materjalidisain on Google'i patenteeritud toode ja tasapinnaline disain on mitmete disainipraktikate liitmise tulemus, mis püüdleb eelkõige üldise lihtsuse poole.

Tõepoolest, lame disain on viimastel aastatel palju arenenud, alates täiesti "tasasest" stiilist kuni "poollamedani". See võimaldab nüüd kasutada kihte ja peeneid varje, et võimaldada objektidel paista sügavamal, kui nad varem näisid. Nii et teie ja mina oleme lameda disaini 2.0 õnnelikud kaasaegsed.

Lõpuks ei takista miski teil neid kahte lähenemisviisi kombineerida, et luua tõeliselt funktsionaalne ja kasutajasõbralik toode. Niisiis, ammutage korteri- ja materjalidisaini gurude inspiratsiooni ja asuge tööle!

Kui leiate kirjavea, tõstke see esile ja vajutage Ctrl + Enter! Meiega ühenduse võtmiseks võite kasutada .

Lame disain- suhteliselt uus trend, millest kogu disainiringkond muudkui räägib.

Mõnele meeldib see, teised ei saa sellega absoluutselt harjuda ja isegi vihkavad.

Hea disain peab ennekõike lahendama kliendi äriprobleemi, mis vahenditega see saavutatakse, on teisejärguline küsimus. Kui disainer on stiiliks või tööriistaks valinud “lameda disaini” – olgu nii! Kuid ärge unustage, et see stiil ei sobi kõigi projektide jaoks.

Nii et analüüsime, mida peate meeles pidama, kui otsustate moesuundadele järele anda ja töötada "lameda disaini" stiilis.

Lameda disaini põhiprintsiibid on järgmised:

1. Puuduvad efektid

2. lihtsad elemendid

3. Keskendu tüpograafiale

4. Keskendu värvile

5. Minimalistlik lähenemine

6. “Peaaegu” tasane disain

Vaatame nüüd üksikasjalikumalt kõiki lameda disaini põhimõtteid:

Puuduvad efektid

Lamedas disainis ei kasutata sageli selliseid efekte nagu varjud, kalded, reljeef, kalded või muud sügavust ja helitugevust lisavad tehnikad. Ei mingeid 3D-efekte ega materiaalsuse ülekandmist, erinevalt stiilivastasest “Skemorphism”. Iga element peaks jääma selgeks, olgu selleks ikoon, navigeerimisriba või raam, nupp vms.

Lame stiil on selgelt väljendunud ilma lisafunktsioonide ja elementideta. See tugineb kompositsioonihierarhia ja elementide paigutuse selgele tunnetusele. See struktuur muudab disaini iga kasutaja jaoks lihtsamini tajutavaks ja intuitiivseks.

Lihtsad elemendid

Lamekujundus kasutab sageli lihtsaid kasutajaliidese elemente, nagu nupud ja ikoonid jne. Nende liidese elementide loomisel peavad disainerid kinni lihtsatest kujunditest (ristkülik, ring, ruut jne) – see võimaldab igal kujundil omaette seista.

Kuid lihtsaid elemente ei tohiks segi ajada lihtsa kujundusega; lame kujunduskontseptsioon võib olla sama keeruline kui mis tahes stiililiselt erinevat tüüpi kujunduskontseptsioon.

Keskenduge tüpograafiale

Kuna tasapinnaline disain põhineb lihtsal vormil ilma mahuta elementidel, on tüpograafia lamedas kompositsioonis äärmiselt oluline element.

Fondi iseloom peab vastama üldisele skeemile ja kompositsioonile – liiga keeruline font võib liiga lihtsustatud kujundusmudelil tunduda kummaline ja pretensioonikas. Eelistatav on kasutada lihtsat sans-serif fonti, paksus või paksus kirjas. Tekst peaks olema kooskõlas lihtsate vormidega.

Font peaks olema abitööriist, mis aitab kasutajatel meie liidesega suhelda. Nuppude ja muude elementide sildid ei tohiks olla keerulised.

Rõhk värvile

Värv on disaini oluline osa. Lameda disaini palett on sageli palju heledam ja värvilisem kui teised disainistiilid. Võrreldes tavalise disainiga, mis keskendub 2-3 värvile, võib tasapinnaline disain sisaldada 6 või isegi 8 värvitooni.

Selles artiklis räägin teile lameda disaini kohta. Tõenäoliselt olete sellest juba midagi kuulnud, kuna korter on viimastel aastatel muutunud veebis üheks juhtivaks trendiks.

Täna vaatame, mis on lame disain, kuidas see tekkis ja mida vajate puhta, särava ja tundliku disaini loomiseks.

Häid näiteid tasapinnalisest disainist leiate aadressilt http://market.envato.com/. Seal on palju paigutusi, ikoone ja malle, mis annavad teile selge ülevaate sellest, milline kaasaegne disain välja näeb .

1. Mis on lame disain?

Lamekujundus on kaasaegne kasutajaliidese ja graafilise disaini stiil, mida iseloomustab minimalism. Lamedat disaini iseloomustab minimaalsete elementide kasutamine ning erinevate tekstuuri-, varju- ja valgusefektide puudumine, näiteks: segatud värvid, gradiendid, esiletõstmised jne.

Lame on skeuomorfismi vastane( Skeuomorfism on disainiprintsiip, kui ühele tootele antakse teise välimus, s.t. kui erinevaid liidese elemente kopeeritakse reaalsetelt objektidelt - umbes tõlge.) , kui ka rikkalikku disaini.. Siiski tasub öelda, et lame disain pole sugugi nii lihtne, kui esmapilgul tundub. See sisaldab mõningaid skeuomorfismi tunnuseid, kuid sellest räägime veidi hiljem.

Üldiselt aitab flat kasutajal keskenduda sisule, ilma et visuaal teda segaks. Lame disain rõhutab elementide lihtsust, muutes samal ajal liidese tundlikumaks, meeldivamaks ja hõlpsasti kasutatavaks.

2. Natuke ajalugu

Lame disain, nagu teate, eksisteeris ammu enne, kui sellest sai veebis ülemaailmne trend. Lame disain oli 80ndatel üsna populaarne, kuna tol ajal polnud tehnoloogia veel piisavalt arenenud, et toetada keerulisi efekte, tekstuure ja varje. Kuid juba siis püüdles disain skeufomorfismi poole, püüdes muuta liidese elemente võimalikult realistlikuks.

Lame disain sellisel kujul, nagu me seda praegu näeme, hakkas populaarsust koguma pärast seda, kui Microsoft hakkas nn metroo stiilis tooteid tootma. Metro on Microsofti kasutajaliidese disain, mis on oma stiili ja lihtsuse poolest silmatorkav.

2010. aastal Microsoft andis välja Windows Phone 7, mis kasutas lamedat kujundust teravate servade ja lihtsa graafikaga, mis pärines ühelt oma varasemast tootest. Microsoft (Zune). Hiljem andis Microsoft edust inspireerituna välja Windows 8 operatsioonisüsteemi, mis põhines samal tasasel Metro stiilil.

Lõppude lõpuks saavutas lame disain oma populaarsuse tipu 2013. aastal, kui Apple välja tuli iOS 7, millel on täiesti uus disain koos täielikult ümber kujundatud kasutajaliidese elementidega, sealhulgas ikoonide ja fontidega. Apple on loonud UI ja ikoonikujunduse visuaalsed põhimõtted .

Varsti pärast seda hakkas Google oma rakendustes ja veebilehtedel kasutama lamedat stiili, nimetades seda Materjalide disain. Google’is on sellele stiilile pühendatud isegi terve rubriik, mis sisaldab veebidisaini eesmärkide kirjeldust, selle põhimõtteid ja juhiseid erinevate disainiobjektide loomiseks: ikoonid, paigutused jne.

Sellest ajast alates on korter muutunud veebidisaini peamiseks trendiks, muutes veebisaidid, rakendused ja liidese elemendid elegantseks, puhtaks ja stiilseks.

Seega on ettevõtetelt kolm globaalset näidet lamedast disainist, ilma milleta on tänapäevast tehnoloogiamaailma raske ette kujutada:

Microsofti metroo disain

Apple iOS 7 disain

Google'i materjalidisain

3. Pea meeles olema puhas

Lamedat disaini nimetatakse ilmselt "tasaseks", kuna puuduvad kolmemõõtmelised elemendid ja realistlikud efektid, nagu gradiendid, tekstuurid, esiletõstmised, pooltoonid, varjud. Pidage meeles, tasane stiil on kahemõõtmeline (tasane) objektide kujutamise viis.

Pealegi on lameda kujunduse puhul esemeid kujutatud väga lihtsustatult ja stiliseeritult.

Ja mõnikord kasutatakse isegi lihtsalt objekti siluetti või kontuure, st. täpselt nii palju, et muuta objekt äratuntavaks, kuid mitte koormata seda pisidetailidega.

Minimalism on tänapäeval muutunud ülemaailmseks trendiks: vormide lihtsus ja teravate servade kasutamine loovad puhta ja meeldiva disaini. Lihtsad vormid on selgemad ja hõlpsamini mõistetavad. See hoiab disaini minimalistliku ja puhtana, jätmata sellele hõivatud ja segane välimus.

4. Viige see täiuslikkuseni

Tea, et lamedate ikoonide ja kasutajaliidese elementide loomisel tuleb need muuta karge, korralik ja piksliliselt täiuslik, s.t. nii palju kui võimalik. Pealegi kehtib see nii raster- kui ka vektorgraafika kohta.

Adobe Photoshop on siin selge: see töötab rastergraafikaga, mis põhineb pikslitel.

Mis puutub programmi Adobe Illustrator, siis see kasutab vektorgraafikat, mis koosneb kõveratest ja joontest, mida nimetatakse vektoriteks ja mis määratakse matemaatiliste valemitega.

Kunagi ei olnud Adobe Illustrator eriti mugav programm pikslite täiusliku graafika loomiseks. Hea uudis on see, et Illustratori viimastest versioonidest on saanud suurepärane tööriist hea graafika loomiseks.

Pean ütlema, et vektorgraafika hõlmab enamasti tööd lihtsate, lamedate kujundite, puhaste värvide ja ruudustikega.Adobe Illustrator on oma sätetes väga paindlik ja võimaldab kohandada ruudustikku vastavalt oma vajadustele, joondada objekte ja kasutada erinevat tüüpi klõpsamist. Nii on lihtsam luua täiuslikku kujundust, mis näeb igal ekraanil puhas ja stiilne välja. Kui soovite õppida täiuslikku graafikat looma, peaksite lugema artiklit: Kuidas luua Adobe Illustratori abil pikslite täiuslikku kunsti .

5. Värv

Lameda disaini üks spetsiifilisemaid omadusi varjude kõrval on värvikasutus. Enamik värve, mida korter disain oma elementides kasutab, koosneb vaid mõnest põhivärvist.

Lameda kujunduse värv on särav, rikkalik ja rikkalik.Tasapinnaline värviskeem ei piirdu vaid mõne erivärviga, see sisaldab palju toone ja nende valik sõltub ainult sellest, mida kujutate, olgu selleks maiustuste ikoonid või retrostiilis esemed keerukas retropaletis.

Oletame, et olete kasutajaliidese kujundaja, kes tunneb hästi värvipalette, ning eksperimenteerite Photoshopi ja Illustartori värvipaneeliga, segades värve vastavalt oma soovile. See protsess on aga üsna keeruline ja nõuab head intuitsiooni, kogemusi ja oskusi. Siit leiate mõned tööriistad, mis aitavad teil luua oma värvipaleti.

Mõned neist sobivad igat tüüpi kujunduseks ja illustratsiooniks, mitte ainult lameda kujundusega. Näiteks Adobe Color CC, paremini tuntud kui Cooler. Tänapäeval on sellele juurdepääs nii veebisaidi kui ka otse Adobe toodete kaudu. Cooler on väga paindlik tööriist, mis võimaldab teil luua oma värvipaleti või valida raamatukogust kohandatud paleti hulgast.

Teine lihtne ja mugav värvipaleti generaator on Coolors. Vajutage lihtsalt tühikuklahvi ja programm genereerib värvipaleti, saate värve reguleerida, olemas on ka ekspordi funktsioon.

On mitmeid teisi sarnaseid kohandatud palettidega teenuseid, mis võivad olla kasulikud. Siiski on üks spetsiaalselt lameda disaini jaoks loodud tööriist.Designmodo FlatUIColors.com - teenus, millel on "lamedate" värvide komplekt, mis on tööks väga mugav. See sait on muutunud väga populaarseks disainerite seas, kes otsivad ideaalse disaini jaoks häid värvilahendusi. Proovi seda!

Lisaks leiate ka suurema hulga erinevaid värve ja palette Google'i materjalidisaini juhend.

6. Pikad varjud

Nagu eelpool mainitud, iseloomustab lamedat disaini lihtsus ja palju vaba ruumi – mistõttu lame disain keeldub igasuguste efektide kasutamisest. Siiski on üks efekt, mis on tüüpiline lameda disaini jaoks. See efekt on muutunud trendiks ja korteri iseloomulikuks tunnuseks.

Me räägime praegu pikkadest varjudest. Neil on mõned tüüpilised omadused, mis muudavad selle efekti äratuntavaks, nimelt: 45-kraadine kalle ja suur suurus (vari võib olla mitu korda pikem kui objekt ise. Selle tulemusena annavad pikad varjud tasapinnale teatud sügavuse efekti.

See efekt muudab objekti kolmemõõtmelisemaks, kuid samal ajal hoiab seda lameda disaini kontekstis.

7. Töö fontidega

Lameda kujunduse puhul mängib suurt rolli tüpograafia. Sageli muutub tekst kompositsiooni põhielemendiks.

Lamedate kujunduste puhul kasutatakse tavaliselt lihtsaid kirjastiile, muutes kogu kujunduse üldiselt puhtaks ja loetavaks. Kui kasutate Adobe tooteid, leiate Adobe Typekitist palju tasuta fonte. Samuti leiate Font Squirrelist palju häid tasuta fonte. Kuid ärge unustage litsentsi lugeda, kui kavatsete fonti kasutada ärilistel eesmärkidel.

Kõige sagedamini on lameda kujunduse puhul tavaks kasutada suurtähti ja kontrastseid värve, mis muudab teksti loetavamaks.

Kasutage fonte säästlikult, pidage meeles, et need peaksid kujundust täiendama ja täiendama, mitte paistma eraldi elemendina. See ei tähenda, et te ei saaks kasutada serif- või käsitsi kirjutatud keerulisi fonte. Pidage meeles, et peaksite olema minimaalne ja hoidke kõike tasakaalus. Flat kasutab siiski sageli sans-serif fonte, kuna need näevad välja rangemad ja korralikumad.

8. Lameda disaini plussid ja miinused

Kuigi lame disain on oma paljude eeliste tõttu muutunud nii populaarseks, on disaineritel selle stiili kasutamisel siiski mõned puudused. Vaatame plusse ja miinuseid.

plussid

Populaarsus

Tasapinnalisest disainist on saanud trend, mis kogub disaineritelt ja veebidisaineritelt üha rohkem positiivseid hinnanguid ning ei paista oma positsiooni üldse kaotavat. Vastupidi, see levib üha enam, omandades mingeid uusi vorme ja jooni, muutudes üha loomingulisemaks.

Lihtsus

Lame disain on lihtne, minimalistlik ja puhas. Korter veebis aitab kasutajatel keskenduda sisule, mitte lasta end visuaalidest segada. See töötab ka mobiilirakenduste liideste puhul: puhas disain suurte nuppudega muudab mobiilikogemuse täiuslikuks.

Heledus

Värv on lameda disaini veel üks lahe pluss. Erksad ja rikkalikud värvid näevad välja atraktiivsed ja puhtad ning gradientide puudumine muudab disaini stiilseks. Pealegi muudavad sellised puhtad värvid selle positiivsemaks ja esinduslikumaks; tasane disain loob õige meeleolu.

Puudused

Korteril on palju rohkem eeliseid, kuid ükski disain pole täiuslik ja me ei saa seda idealiseerida. Siin on mõned lameda disaini puudused, mida peame mainima:

Reageerimatus

Mõnikord muudab oluliste detailide või visuaalsete efektide puudumine kasutajasõbraliku liidese loomise protsessi keeruliseks ja see muudab üldiselt kogu kujunduse mittereageerivaks. Mitte kõik kasutajad ei ole korteriga rahul, kuna veebilehelt võib olla keeruline leida elemente, mida peate mobiiltelefoni ekraanil klõpsama või puudutama, kuna need pole interaktiivsed.

Probleemid tüpograafiaga

Nagu varem mainitud, ei saa iga font sobida lameda kujundusega. Mõnikord näeb selline teravate servadega rikkalik font välja tõeliselt tasakaalustatud ja stiilne. Kui font on aga valesti valitud, võib see rikkuda kogu kujunduse. Peaksite väga hästi tunnetama, millised fondid sobivad flatiks ja millised mitte. Kogemuste puudumine muudab fondi valimise väga keeruliseks.

Nõrk visuaal

Efektide, värvide ja fontide kasutamise piirangute tõttu võivad lamedad kujundused tunduda liiga lihtsad ja külmad. Selle minimalism võib olla ka selle peamiseks puuduseks – teised lamedad kujundused näevad lõpuks välja täpselt samasugused kui teie oma. Seega on väga raske muuta oma ikoone või veebilehti kellegi teise kujundusest erinevaks, kuna kasutate samu lihtsustatud kujundeid, piiratud värvipalette ja sarnaseid fonte. Selle tulemusena võib lame disain aja jooksul igavaks muutuda.

9. Tulevased tasapinnalise disaini suundumused

Ei saa öelda, et korterdisain oleks täielikult välja kujunenud ja oma rööbastele seiskunud, võib-olla on põhjuseks selle ülalmainitud puudused, lame disain püüdleb arengu ja muutumise poole, omandades uusi funktsioone ja suurendades visuaalset väljendusrikkust.

Kui vaatate tähelepanelikult viimast tasapinnalise disaini näidet, võite märgata, et see on tõesti niijärk-järgult eemale oma rangetest tööriistadest ja hakkab lisama peeneid efekte, nagu kalded, varjud, valgustus ja muud visuaalsed efektid.

Need väikesed puudutused annavad lamedale kujundusele sügavust, ilma et need oleksid liiga detailsed nagu skeuomorfsed kujundused. Need peened täiustused muudavad korteri tundlikumaks ja mugavamaks ning annavad ka värske ilme, muutes korteri paindlikumaks ja mitmekülgsemaks.

Seega ei kaota korter oma omadusi, vaid muutub huvitavamaks ja paindlikumaks- ta läheb tõesti paremaks.

järeldused

Nii arutasime mõningaid fakte korterdisaini ajaloost ning rääkisime värvidest, kujunditest ja tüpograafiast. Vaatasime erinevaid vaatenurki, keskendusime korteri eelistele ja puudustele ning õppisime mõningaid hea disaini loomise põhiprintsiipe.

Loodan, et saite sellest artiklist uut teavet või leidsite selle vähemalt huvitavaks. Kui te pole seda varem teinud, võlgnete endale tasapinnalise kujunduse loomise.

Lõppude lõpuks, mida on veel lameda disaini kohta mainida?

Kui teile väga meeldivad korter oma teravate servade, rikkalike värvide ja kargete kirjatüüpidega, selle puhtuse ja minimalismiga, siis laske sellel!

See on trendikas, kuid nagu iga graafilise stiili puhul, ärge piirduge ainult ühe tehnikaga. See, et korter on trendikas, ei tähenda, et te ei saaks oma projektis muid stiile kasutada. Skeuomorfism oma pisikeste detailide ja tekstuuridega võib samuti olla hea lahendus. Peaasi on meeles pidada, et disain on iga projekti jaoks erinev, see peab väljendama oma vaimu, eesmärki, olemust, jäädes samas mugavaks ja funktsionaalseks. Edasi!

Viimasel ajal on tohutult populaarsust kogunud spetsiifiline stiil veebisaitide ja kasutajaliideste kujundamisel, mida selle elementide stiliseerimise tõttu nimetatakse Flat-iks.

Kui vaatate Flati reeglite järgi tehtud veebisaiti, ei näe te ühtegi gradiendi üleminekut, varje ega vähimatki vihjet mahule või tekstuurile. Lameda stiili põhiprintsiibid on lihtsus, kokkuvõtlikkus ja minimalism. Peamised eripärad on need, millele saate keskenduda - erksad ebatavalised värvid, ebastandardne tüpograafia, graafilised primitiivid.

Tänapäeval kasutab seda suundumust oma töös üha rohkem disainereid, kuid erilise populaarsuse on Flat-stiil saavutanud kaasaegsete mobiilsete operatsioonisüsteemide Windows Phone ja iOS 7 levikuga, kuna nemad on selle trendi järgijad, kuigi ei järgi. seda täielikult.

Meie ettevõttel on juba kogemus Flat-stiilis veebisaitide loomisel ja aitame teid hea meelega lameda veebisaidi loomisel!

Selles artiklis tõstame esile lameda disaini põhiprintsiibid, mida peaksite järgima, kui soovite oma projekti peamise stiilina kasutada tasapinda.

Allpool analüüsime ja toome näiteid mõnede lamedat stiili kasutavate saitide kohta.

1. Eemaldage kõik efektid

Lameda disaini põhiprintsiip on kahemõõtmelise pildi loomine, mis on juba iseenesest tasane. Samal ajal peate vabanema kõigist elementidest, mis võivad pildile vähemalt sügavust lisada: kalded, sujuvad üleminekud, varjud, kalded, helitugevus, tekstuurid jne. Kõik pildi elemendid on kõvade servadega, samuti ei paista need teiste kujutise elementidega võrreldes silma ega sügavust.

Lamedas disainis ei leia elemente, mis püüavad näida realistlikud (skeuomorfism), 3D-animatsiooni, realistlikke ikoone jne. Kujundus ise üritab siiski traditsioonilisele sarnaseks jääda, kuid nüüd tulevad esile sildid, nupud ja navigatsioon.

Esmapilgul võib lamedat kujundust kasutav sait tunduda liiga lihtne, kuigi tegelikult iseloomustab seda stiili selge elementide hierarhia, kõigi kasutaja interaktsiooni tööriistade mugav paigutus ja seetõttu on sellel kõrge kasutatavus.

2. Kasutage lihtsaid elemente

Lameda disaini eesmärkide saavutamiseks kasutavad disainerid nuppe ja ikoone. Need peaksid olema võimalikult intuitiivsed ja klõpsatavad. Nagu kõik teised liidese elemendid, peaksid need olema tasased ja lihtsad, ilma lisaefektideta. Disainerid kasutavad sageli ka lihtsaid geomeetrilisi kujundeid – ristkülikuid, ringe ja ruute, võimaldades igal kujundil olla eraldi objekt.

3. Keskendume tüpograafiale

Kuna eelmise põhimõtte kohaselt on lamekujunduses graafika lihtne, on äärmiselt oluline element tüpograafia - pealdiste kujundus. Lameda disaini puhul tuleb koos nuppudega esiplaanile tüpograafia.

Fondid peaksid olema loetavad ja loomulikult kujundusega kooskõlas, kuna lihtsa kujunduse puhul näevad äärmiselt kaunistatud fondid kohatud välja. Kuid te ei tohiks kasutada tavalisi fonte, parem on katsetada ja valida see, mis köidab kasutaja tähelepanu.

Võite kaaluda lihtsa sans-serif fondi kombineerimist mõne uue fontiga, mida tajutakse kunstielemendina. Fondid peaksid aitama disainil olla lihtsam ja selgem, samas kui nupud ja muud elemendid peaksid ainult interaktiivsust suurendama.

4. Äratame tähelepanu värviga

Värv mängib tasapinnalises disainis peaaegu peamist rolli. Kui selle kontseptsiooni alusel loodud saite hoolikalt uurida, jääb esimese asjana silma särav värvipalett. Tavaliselt koosneb see mitmest kontrastsest puhtast (ilma varjunditeta) värvist, kahest või kolmest, kuigi see arv võib ulatuda kuni kaheksani. Pealegi kasutatakse kõiki neid värve tavaliselt võrdselt.

Kõige populaarsemad värvid on põhi- ja sekundaarvärvid. See tähendab, põhivärvid (tsüaan, magenta, kollane, must) ja need, mis on saadud nende segamise põhjal. Samuti kasutatakse väga sageli tasapinnalise kujunduse loomisel värvilahenduses retrovärve, näiteks lõhe, lilla jne.

5. Minimalism

Lame disain on olemuselt lihtne ja sobib hästi minimalistliku lähenemisega.

Saidi üldises kujunduses peate vältima liiga palju kellasid ja vilesid. Muidugi ei pruugi piisata lihtsatest värvidest ja tekstist. Seega, kui soovite lisada visuaalseid efekte, peate valima lihtsad fotod. Mõned jaemüügitoodete saidid kasutavad lamedat kujundust, et paigutada oma tooted lihtsale, mitte segavale taustale.

Tuleb märkida, et mõnel fotol on loomulik sügavus, kuid üldiselt sobib see üldisesse kujundustasandisse

Mis on lame disain? See disainisuund on Internetis üks enim arutatud. Lühidalt öeldes on lame disain äärmiselt lihtsustatud stiil, mille juured ulatuvad tagasi minimalismi. Kuid see pole just minimalism, kuna sellel stiilil võib olenevalt disaininõuetest olla palju erinevaid vorme. Et paremini mõista, mis on lame disain, on parem minna tagasi ja määratleda, mis see kindlasti ei ole.

See ei ole 3D. 3D-graafika ise võimaldab saada väga realistlikke, kuid samas kahemõõtmelisi pilte. Erinevalt 3D-st ei pööra lamedas disainis erilist tähelepanu sügavust ja mõõtmeid loovatele detailidele, nagu varjud, esiletõstmised ja tekstuurid.

See ei ole skeuomorfism. Lame disain tekkis alternatiivina pseudo-mahulistele disainielementidele, mis imiteerisid reaalseid objekte või protsesse. Skeuomorfism hõlmab erinevate efektide aktiivset kasutamist: varjud, peegeldused, refleksid ja realistlikud tekstuurid. Lameda disaini puhul seda ei ole ega saagi olla.

Esimest korda hakati lamedast disainist rääkima aastatel 2012-2013, mil see stiil esmakordselt ilmus. Trend oli väga märgatav ja tekitas palju müra, kuna Microsoft oli üks esimesi, kes selle suuna välja arendas. Uue liidesega Windows 8 väljalaskmine muutis igaveseks kujundust ja määras suures osas ette veebi arenguvektori, vähemalt selle visuaalse komponendi.

Kõrvale ei jäänud ka Apple, kes loobus ka pseudo-mahuelementidest oma seadmete liideste disainis. Microsoft ja Apple lõid uue reaalsuse, kus aegunud kujundusega saitidel polnud kohta. Samal ajal ei käitunud Apple nii radikaalselt kui tema igavene konkurent ja vabanes järk-järgult skeuomorfismi elementidest.

Lamekujundus ise pole hea ega halb, selle teevad mugavaks või ebamugavaks veebidisainerid. Kuid olgem ausad, oma äärmuslikes vormides ei tundu lame disain kuigi esteetiliselt meeldiv. Tõenäoliselt on parima taju tsoon sel juhul kuskil lamedate ja pseudo-mahuliste elementide vahepeal.

On täiesti võimalik, et viimastel aastatel valitsenud äärmise lihtsustamise suundumus asendub millegi muuga. Selleks on teatud eeldused – näiteks Google’i disainerite loodud Material Designi suund.

ÜHILDAB ADAPTIIVSE DISAINIGA

Microsofti ja Apple'i eemaldumisel skeuomorfismist liidese kujundamisel on olnud suured tagajärjed. Uus stiil võeti peaaegu kohe kasutusele UX-i uue lähenemisviisina. Sellest ajast alates on tasapinnalisest disainist saanud domineeriv trend, mis on jätkuvalt asjakohane. Tänapäeval on lamedad elemendid üldlevinud, me näeme neid veebisaitidel, rakendustes ja erinevate seadmete kuvaritel.

Lameda disaini põhimõtted kehtivad paljude disainikategooriate puhul, kuid selle ranged ruudustikud ja lihtsustatud graafika kuvatakse kõige paremini väikese ekraanisuurusega seadmetes.

Trend minimalismi poole on disainerite tööd oluliselt lihtsustanud – nende jaoks on muutunud lihtsamaks kujundada liideseid, mis kuvatakse õigesti igat tüüpi seadmetel. Pseudo-mahuliste elementide puhul ei olnud kõik nii - mõnikord muutus töölauaekraanil hämmastav liides mobiilseadmes millekski arusaamatuks.

Lameda disaini üks peamisi eeliseid on selle mastaapsus. Lamedad elemendid näevad hea välja olenemata suurusest ja erinevalt pikslite täiuslikust disainist on nendega palju lihtsam töötada.

PAINDLIK PLATVORM

Lamedat disaini oma lihtsuse poole püüdledes iseloomustab hea paindlikkus: kõik elemendid on reeglina loodud homogeensetest geomeetrilistest kujunditest, mis lihtsustab tasakaalustatud paigutuse loomist, kus igal moodulil või plokil on oma koht. Kõik elemendid on kergesti eristatavad ja mis kõige tähtsam, töötamise ajal saab neid kiiresti vahetada ilma algsätteid rikkumata.

Võredel on ka paindlik struktuur, mida saab pakkuda erinevates konfiguratsioonides. See võimaldab disaineritel luua kõige optimaalsemaid lähenemisviise, mis kõige paremini esitlevad olemasolevat sisu. Piirangute puudumine ja vajadus võrgustikku kohandada uute elementide muutmise või lisamise korral kiirendab oluliselt töövoogu.

LOETAV TÜPOGRAAFIA

Lame disain on oluliselt muutnud seda, kuidas disainerid tüpograafiast mõtlevad. Uus stiil nõudis teistsugust lähenemist fontide valikule ja paigutuse kvaliteedile. Seetõttu muutis varjude ja erinevate efektide puudumine tekstid hõlpsamini loetavaks.

Lamedat disaini iseloomustab laialdane sans-serif fontide kasutamine, kuid see pole akisoma ja serifid võivad hea välja näha ka koos lamedate elementidega. Serif-fondid on pealkirjaks üsna sobivad ja neid saab kasutada ka põhitekstis, kui tüpograafia ei riku kompositsiooni ühtsust.

MIINUSED

Võib tunduda, et tasasel disainil pole puudusi, kuid see pole nii. Püüdes rõhutada puhtaid jooni ja kujundeid, langevad mõned disainerid lõksu, keskendudes esteetikale, jättes samas kasutatavuse tähelepanuta. Lihtne ja ilus disain, milles pole midagi üleliigset, ei ole alati mugav ja sellised vead on eriti märgatavad mobiilseadmete kasutamisel.

Lameda disaini puhul on sageli raske kindlaks teha, milline element on interaktiivne ja milline mitte. Kõik on sama, ilmseid erinevusi pole, kõik elemendid asuvad samal tasapinnal. Lihtsuse taotlemisel võivad disainerid olulisi funktsioone või toiminguid tahtmatult varjata või tahtmatult varjata ning kasutaja, kes ei näe tavalisi viipasid, võib saidil orientatsiooni kaotada.

Võtame selle saidi näitena. Millised elemendid selles on interaktiivsed. Kõik? Või ainult mõned? Ebaselge. Seda saab teada ainult juhuslikult, kuid need on ebavajalikud liigutused, mis on ebasoovitav.

INDIVIDUAALSUSE KAOTUS

Iga kaubamärgi, ettevõtte või disainiprojekti puhul on ainulaadsus ülimalt oluline. Olgu selleks veebileht, rakendus, brošüür, plakat või visiitkaart, kujundus peab olema originaalne ja hästi äratuntav.

Lameda disaini üks puudusi on selle visuaalne stiil. Lihtsate geomeetriliste kujundite kasutamine võib sageli põhjustada kaks täiesti erinevat kujundust, mis tunduvad üksteisega väga sarnased. Lamedaid elemente kasutavate disainerite valikuvõimalused on piiratud, kuna nende käsutuses pole suurt valikut vastuvõetavaid valikuid. Viimasel ajal on Internetis näha palju kloonimissaite, mis tegelikult pole kloonid. See on lihtsalt juhus. Pealegi on kokkusattumus ebameeldiv, kuna sait kaotab oma hädavajaliku individuaalsuse, eksides teiste sarnase kujundusega ressursside taustal.

Vahel läheb naljakaks. Neid pilte vaadates võite arvata, et me vaatame sama rakenduse erinevaid jaotisi. Aga ei, disainerid Marco La Mantia ja Simone Lippolis töötasid üksteisest sõltumatult. Peamiste kujunduselementidena on kasutatud lihtsaid geomeetrilisi kujundeid ja valget sans-serif fonti – see on enam kui loogiline otsus. Kuid tulemus on katastroofiline – sama värvilahendus võttis disainilt selle ainulaadsuse täielikult ilma. Ja selliseid juhtumeid on palju.

MOODI TAGATIS

Lame disain jääb pikaks ajaks üheks kuumimaks trendiks lihtsalt seetõttu, et see näeb hea välja mobiilseadmete ekraanidel. Kuid paljud disainerid valivad korteri mitte ainult sellepärast, et see võimaldab neil kiiresti lahendada enamiku probleemidest, vaid ka nende soovi tõttu luua midagi kaasaegset ja moes.

Moe taga ajades võite aga teha tõsise vea: kui järgite meeletult kõiki trende, on täiesti võimalik disaini kasulikkus unustada. Korter võib olla väga ilus, elegantne ja isegi graatsiline, kuid siiski peaks disaineri valiku määrama funktsionaalsus, mitte iluiha. Mõnikord kahjustab soov kujundusse midagi moekat “torgata”, näiteks pikad varjud, lameda disaini üks äratuntavamaid tunnuseid.

Meie ees on disainerite Aleksander Lototski ja Erik Malmskeldi tööd. Need on tüüpilised näited pikkade varjude kasutamisest disainis. Nüüd ei üllata see enam kedagi, aga omal ajal ja mõlemad tööd sündisid 2013. aastal, kui tasapinnaline disain alles moodi tuli, oli uus visuaalne stiil väga huvitav ja atraktiivne. Selle tulemusena ilmus nii palju sarnaseid ikoone, et tänapäeval on varjude kasutamine vale ja ebahuvitav lahendus. Kunagi oli see moes, aga enam mitte. Varjud on nagu varjud. Nendel pole mingit tähendust, nad ei täida mingit kasulikku funktsiooni.

HALB FONDI VALIK

Iga disainer unistab luua midagi ilusat ja samal ajal funktsionaalset. Kuid esteetika poole püüdlemisel võite teha halbu valikuid, mis mõjutavad kasutatavust. Näiteks võib tuua õhukeste ja kergete kirjatüüpide hulluse. Seda tüüpi tüpograafia näeb välja puhas ja kerge, kuid seda on ka raske lugeda.

Mõnikord on õhukese fondi valimine õigustatud – näiteks pealkirjades kasutamiseks. Kuid kui põhitekst on kirjutatud samas kirjas, on sageli võimatu seda lugeda. Sellised vead on eriti märgatavad mobiilseadmetes – väike ekraani suurus vähendab järsult sisu loetavust.

KORTER 2.0

Viimastel aastatel on disainerid katsetanud lamedate elementidega ja toonud lamedasse disaini palju uut. Stiil on täielikult välja kujunenud ja nagu igal teisel väljakujunenud stiilil, on sellel oma plussid ja miinused.

Oma välimuse koidikul eristas korter range visuaalse lihtsusega, varjudele ega struktuuridele polnud aimugi. Isegi gradiente ei hinnatud kõrgelt, kuigi need ei ole kuidagi vastuolus lameda disaini põhimõtetega.

Kuid järk-järgult hakkasid disainerid liiga lihtsatest lahendustest eemalduma, püüdes leida mingit kompromisslahendust tasase ja skeuomorfismi vahel. Tulemuseks on uus stiil, mida mõned disainerid nimetavad Flat 2.0-ks. Disainielementidesse hakkasid järk-järgult ilmuma varjud, gradiendid ja isegi heledad, peaaegu nähtamatud struktuurid. Lamedas disainis puudub selgelt sügavus ja disainerid on hakanud kasutama hübriidseid lähenemisviise. Näiteks paigutage visuaalselt erinevatel tasanditel elemente, katsetage varjundite ja varjudega. Teine sageli kasutatav hübriidse lähenemisviisi näide on mitte ainult ikoonide ja lamedate vektorillustratsioonide, vaid ka fotode kasutamine.

Google on Flat 2.0 reklaamimiseks palju ära teinud. Material Design Guideline on katse luua uus visuaalne keel, mis ühendab lamedad ja kolmemõõtmelised kujunduselemendid. Google'i soovitused on väga üksikasjalikud ja neid on lihtne järgida. Samal ajal ei nõua Google kõigi juhendis sätestatud reeglite ranget järgimist – disainerid saavad katsetada, luues oma originaalprojekte, mis võivad kombineerida erinevaid elemente.

KOKKUVÕTE

Tänaseks on Flat 2.0 kujunemisjärgus, kuid suund, kuhu see stiil areneb, on juba üsna selge. Olulisi muutusi pole oodata – trendiloojad Google, Apple ja Microsoft ei kavatsegi alla anda. Kui muudatusi on, on need tähtsusetud - ilmuvad uued lähenemisviisid, keegi mõtleb välja huvitava “triki”, jätkatakse skeuomorfismist parimate võtmist. Kuid globaalses mõttes pole vaja midagi tõeliselt uut oodata – lame disain on pikaajaline trend ja ainult stiil, mis sobib kõige paremini uutele tehnoloogiatele, mida veel ei eksisteeri, saab selle vallutatud positsioonidelt välja tõrjuda.