spletno oblikovanje

All posts tagged spletno oblikovanje

Zadnje čase lahko spremljamo vse več spletnih strani, aplikacij in celo operacijskih sistemov, ki uporabljajo svež pristop k oblikovanju imenovan “Flat design”. V našem jeziku bi lahko dejali enostavni, ravni ali ploščati dizajn, nam najljubši pa je kar plosko oblikovanje.

Evolucija ploskega oblikovanja

Plosko oblikovanje izvira iz „swiss design“ ali „international typographic style“ oz. v slovenščini švicarsko oblikovanje ali internacionalni tipografski stil. Kot nakazuje ime, se je stil razvil v Švici v 50 letih prejšnjega stoletja ima pa svoje osnove v nemškem „Bauhaus“ stilu, ki je bil v uporabi že okoli leta 1920.
Za nekaj časa je ta stil poniknil nato pa se je počasi prikradel nazaj in sicer z Microsoftovim Zune Playerjom leta 2006. Ta sicer ni požel velikega komercialnega uspeha nasproti Applovemu Ipodu, je pa zasejal seme, ki je ponovno vzkniknilo leta 2010 z Microsoftovim operacijskim sistemom za mobilne naprave Windows Phone 7. Pravi mejnik pa je nastal z izdajo operacijskega sistema za računalnike in tablične računalnike Windows 8 konec leta 2012. Mircosoft je bil tokrat postavljalec trendov oblikovanja prihodnosti. Očitno se je tudi Apple naveličal svojega realističnega oblikovanja v IOS6 in poleti 2013 izdal plosko verzijo novega IOS7. Tudi Google se počasi navaja na ta stil in ga uvaja v svoje google appse.

Pregled in primeri

1920 – Bauhaus design

bauhous_plosko_oblikovanje

1950 – Swiss design

svicarsko_oblikovanje_plosko

2006 – Microsoft Zune Player

zune-player-plosko oblikovanje

2010 – Windows phone 7

windows_phone_7_plosko_oblikovanje

2012 – Windows 8

windows-8-plosko-oblikovanje

2013 – IOS 7, Apple

ios-6-ios-7_

Enostavno, ravno in plosko

Glavne značilnosti ploskega oblikovanja so geometrijsko enostavne barvne ploskve z velikim poudarkom na tipografiji in uporabi negativnega prostora. Elementi so postavljeni v strogo mrežo (grid) in poudarja se znanstveni pristop k reševanju vizualnih problemov, kateri izpodrine subjektivnost in osebni pristop. Sporočilnost je ključna, izgled je tu drugotnega pomena. Besede, ki bi opisale ta tip oblikovanja so :

  • preprosto
  • čisto
  • minimalistično
  • barvno
  • tipografsko

Ni torej zgolj naključje, da je ta stil postal priljubljen v današnjem času, ko imamo poplavo različnih naprav z različnimi operacijskimi sistemi, katerim je potrebno najti čimbolj skupni in univerzalni uporabniški vmesnik. Tako oblikovani vmesniki so strojno bolj učinkoviti, enostavni za uporabo in so uporabni na večih platformah naenkrat (računalnik, tablični računalnik, telefon, hladilnik?). Spletne strani se odpirajo hitreje, bolje se odzivajo glede na velikost brskalnika in uporabnik lažje najde informacije, zaradi katerih je prišel na spletno stran.
Plosko vs. realistično oblikovanje

Plosko oblikovanje je ravno nasprotje od prejšnega „skeumorphism design“ ali realistično oblikovanja, ki je imitiralo resnično podobo predmetov. Imitiranje resničnosti z 3D elementi kot so sence, gradienti, teksture in sijajnih zaključkov zamenja uporaba matiranih barvnih ploskev postavljenih v strogo mrežo (grid) in močno tipografijo
Oglejte si zabavno predstavitev razlik med tema dvema stiloma na povezavi: http://www.flatvsrealism.com/

Za in Proti: Uporaba ploskega stila za spletne strani

+ Enostavna uporaba
+ Strojno nezahtevno
+ Učinkovito se odziva na različne naprave
+ Hiter nalagalni čas

– Nejasnost kateri elementi so klikabilni
– Ne-osebni dizajn brez karakterja
– Težko je dobro izvedljiv
– Dolgočasen izgled

Prihodnost ploskega oblikovanje

Glede na to, da vsi večji igralci v digitalnem svetu trenutno uporabljajo plosko oblikovanje za svoje izdelke in storitve (Apple, Michrosoft, Google), menimo, da ima ta stil pred seboj še nekaj let prihodnosti in ga bo težko na hitro zamenjati. Predvidevamo pa, da se bodo še dodatno pojavile hibridne različice ploskovnega oblikovanja pomešan z elementi realizma.

What can I say, the future shure looks flat to me.