Flat design ali Back to minimalism

Beseda "ravno" v angleščini pomeni "ravno". Ker je videz tako imenovane ploščate oblike ohranil svoj položaj že več let, ob vodilnih položajih na trgu.

Kako se je vse začelo

Spletno oblikovanje se je od samega začetka velikokrat spremenilo. Šel je daleč od preprostih in dolgočasnih elementov do tridimenzionalnih, konveksnih in skoraj materialnih. To je mogoče zlahka videti na primeru spreminjanja videza operacijskega sistema Windows. Vizualna komponenta se razvija vzporedno z razvojem tehnologij. Toda njeni novi trendi kažejo na vrnitev k minimalizmu in preprostosti.

Od skewomorphism do Flat design

Stil pred letalo je bil skeworfizem. To je bil velik trend v oblikovanju za zelo dolgo časa. Skewomorfizem je pseudo-obseg, katerega elementi simulirajo videz pravih predmetov (prenosni računalnik, budilka) s pomočjo senc, naravnih tekstur in drugih stvari. Njegovi živi primeri so se srečali v zgodnjih vmesnikih pametnih telefonov. Začel je izgubljati svoje pozicije po letu 2010, ko so velike družbe oblikovalci začeli gledati v smeri poenostavitve in pri razvoju uporabniških vmesnikov začela znebiti glavnih značilnosti skeuomorph - treh dimenzij.

Dober primer razlike v slogih je lahko spodnja slika. Slika na levi je ravna oblika, na desni pa skewomorfizem.

Značilnosti ploskih slogov

Stanovanje je dvodimenzionalni slog. Absolutno ni vizualnih učinkov, kot so gladki barvni prehodi, sence, 3D teksture. Z eno besedo, vse, kar naredi sliko tridimenzionalno.

Glavne informacije nosijo ikone (ikona ploščatih oblik). Biti morajo čim bolj jasni uporabniku, ko gre za aplikacije za pametne telefone. Za spletna mesta so iste ikone glavni elementi, ki odražajo njegovo specifičnost in informativno sporočilo. Praviloma so predstavljeni v obliki preprostih geometrijskih slik, kroga ali kvadrata, z značilno pogojno sliko.

Pri razvoju ploskih oblik se pozornost posveča barvni shemi. To bi moralo biti monotono, ne vsiljivo ali moteče uporabniku. Najpogosteje se uporablja ena čista barva in več kontrastnih odtenkov. Mimogrede, obstaja veliko internetnih storitev z nizi barvnih ploščic, ki jih lahko uporabite tako, da kopirate šestnajstiške kode barv, ki so vam všeč.

Nič manj pomembna stvar je tipografija (besedilo). Zaradi splošne preprostosti je besedilna komponenta še posebej razločljiva. Zato mora biti berljiv in ne nasprotovati splošnemu slogu. To bo odvisno od uspešne izbire pisave in barve.

Primeri Ploščati dizajn

Začnimo z dejstvom, da je slaba stran spremenila ikone zelo veliko znanih spletnih virov in socialnih omrežij. Ne nazadnje so velikani Google in YouTube spremenili svoj dizajn na ravno. Operacijski sistem Windows, saj je osem, popolnoma opustil vse znake prostornine v ikonah, ki so zadovoljevale oči nekaterih uporabnikov v prejšnjih različicah, in se začela držati Flat design. Njenemu vzorcu so sledili razvijalci mobilnih aplikacij za iOS in Android.

Široko izkoristite prednosti enojnih strani ploskih oblik (pristankov), za katere odločilno vlogo ne igra pretenciozen videz, temveč funkcionalnost in berljivost.

Razvoj ravnega oblikovanja

Sprva je bila ravna konstrukcija resnična, kar je pri uporabnikih, navajenih na konveksne gumbe, ustvarilo določene težave. Če je bilo v skewomorfizmu takoj opazno, da je bila gumijastost gumbov opazna, potem v prvih različicah ploščatih oblik ni bilo mogoče vedno določiti interaktivnosti elementov prvič.

Ko je Microsoft izdal operacijski sistem Windows 8, zasnovan v ravnem slogu, vsi uporabniki ne bi mogli takoj ugotoviti novega vmesnika in na katere ikone lahko kliknejo. Videz elementov ni kazal nobene možne interakcije z njimi. Ta zasnova je bila primerna za mobilne aplikacije, ki so to idejo prevzele. In prva stvar, ki jo je Apple naredil pri oblikovanju iOS-a 7.

Vendar pa oblikovanje plošč ne miruje in se razvija v smeri zapletov. Za danes je vse bolj podoben polpraznični obliki ali, kot se imenuje, Flat 2.0. Začeli so se pojavljati učinki globine, senc, naklonov. Globina v ploski izvedbi dosežemo tako, da elemente postavimo na različne nivoje ali pod kotom.

Karkoli že je, slog je na vrhuncu priljubljenosti in je zelo zahteven. Torej, če nameravate oblikovati svojo spletno stran, lahko varno odločite za načrtovanje ploskve. In če boste potrebovali nekaj manjkajočih elementov na vašo spletno stran, na internetu, boste našli veliko količino prostega ravno oblikovanja UI-elementov (free download), kot so ikone, pisave, predloge in druge potrebne sestavne dele uporabniškega vmesnika.

Prednosti in slabosti sloga

Brez dvoma je v današnjem hitrem ritmu življenja tako informiran slog, ki je na nižji ravni bolj primeren kot njegov predhodnik. Ploščad ima številne nedvomne prednosti.

Najpomembnejše je morda hitro nalaganje spletnih strani. Spletna mesta, ki uporabljajo ravno oblikovanje, odprejo veliko hitreje od tistih, ki so preobremenjeni z animacijo in drugimi težkimi predmeti. Še posebej pomembno je čas prenosa za SEO optimizacijo in promocijo mesta na vrh.

Poenostavljeni videz prispeva k berljivosti besedila in omogoča, da se osredotočite na glavno vsebino.

Zasnova izgleda harmonično in popolno, kar ustvarja splošen prijeten vtis.

Nič ni lahko popoln in Flat design ni nobena izjema. Zaradi vse navidezne preprostosti, razvoj resnično uspešnega ploskovnega spletnega oblikovanja ni tako enostavno. Obstaja možnost, da postane dolgočasen in neprivlačen. Ali pa obratno, da bi bili bolj modri z zasnovo in pozabili na funkcionalnost. Glavna naloga pri razvoju ploskih oblik je ohranjanje popolnega ravnovesja med lepoto in udobnostjo uporabe.