I det siste har eg lagt merke til stadig fleire designshowcaser og bloggar som benyttar seg av eit flytande grid av små boksar som på dynamisk vis fyller skjermen med innhald. Dette var iallefall ei webdesigntrend i 2009 og er nok det enda, men  ikkje like “ny”. På disse tider for eit år sidan var denne trenden nevnt som “unusual layouts” i nokre større webdesignmagasin. Tanken var å publisere dette innlegget i fjor, men bloggpausen vart lengre enn planlagt. Men no sjølv om det ikkje er “siste nytt” benyttar eg dette utkastet til å “sparke” meg i gong med blogginga igjen! Dog med ei litt endra førstesetning (sjå over).

Joshua Davis er ikkje kjent for å være ein følgjar og ( dette utan å ha håndfastbevis ) det er ikkje urimeleg å tenkje at han var ein av dei som starta denne trenden.

Dette formatet egner seg best dersom du skal vise bilder og ikkje ha hovedfokuset på tekst. Det er ein fin måte å sleppe å måtte skrive mykje tekst for å fylle opp “spalteplass” mellom visuellearbeid. Dei variantane som har minst tekst har statisk størrelse på høgda til boksane sine, medan dei med litt meir tekst stort sett har dynamisk høgde på boksane sine. Dette skaper to ganske ulike uttrykk inanfor same trend, dei heilt statiske rutenetta mot dei meir organiske og rotete rutenetta.

Farger

Det går stort sett i et monotone fargekart på disse sidene. Dei fleste er grå med kvite boksar, sjølvsagt med nokre unntak.

Den mørke bakgrunnen med lyse innholdsboksargjer at kjem godt fram frå bakgrunnen. Sjå eksempelet her korleis innholdet kjem mot deg på den lyse(over) og forsvinn på denne mindre utbredte mørke varianten (under).

Det minnar om noko…

Kan det være oppslagstavla det minnar om? Tumblr-temaet "PhotoBoard" gir utan tvil assosiasjonar til oppslagstavler i kork.

I tillegg til oppslagstavler trur eg det er inspirert av det stadig tilbakevendande trendikonet: Polaroid. Dette bildeformatet med ei kvit ramme rundt bileta med ekstra stor ramme nedst for å kunne holde i og beskrive biletet skulle vel være eit velegna format på nettet også.

Nokre dømer på Flytande grid layout webdesign:

Publik: Også nettbutikkar har nytta denne layouten.

Sunday Vision: Eksempel på negativ fargebruk

Next Century Modern: Eit av få eksempel med andre fargar enn dei ein finn frå svart til kvitt.

Norske eksempler

Sidan dette er ein norsk webdesignblogg har eg spora opp nokre eksempler innen webdesign frå Norge også, her er to som er merka med grid fra Webdesignmagasinet.

Sommerseth Design har fulgt denne trenden til punkt og prikke.

I kommentarene til Sommerseth Design på Webedesignmagasinet ble det nevnt en annet norsk eksempel på grid layout:

Arngren har jo nokre fellestrekk med trenden, men må trekke den litt for mangel på noen basisregler for design som de andre eksemplene også benytter seg av.

Tar like godt med Norges beste webdesign 2009 (i følge leserne til Webdesignmagasinet) som også er basert på flytande grid layout. Det er jo passande at dette som heilt klart var ei trend i 2009 også fekk sin plass i historiebøkene:

Sjølv om denne nettsida også følg trenden så er denne utført med eit av dei meir originale utrykka.

“Stjel stilen”

Tenkte å avslutta i god “trendartikkelstil” med å ei oppfordring om å prøve trenden sjølv. Ønsker du å teste det ut kjapt på WordPress? Grid-A-Licious er eit bra wordpress-tema å teste ut.

Kom gjerne med innspel og tankar om denne trenden, har du også nokre tankar om kvifor og korleis trenden oppsto? Skriv ein kommentar i felta under.

Og eg set pris på å få litt deleglede sidan dette er første bloggpost på lenge, om du vil dele ligg det eit knippe deleikoner nedst.

Ein kjem stadig over bloggar som er minalistiske, det som ofte går igjen er fargen kvit ( dette er forøvrig noko ein ser mykje av innan norsk webdesign for tida), mykje luft(whitespace), gjennomført typografi og eit overhengande fokus på å presentera innhaldet utan forstyrrande element. Devlounge har gjennomført ei lita undersøking blant 23 av dei mest anarkjente minimalistiske bloggane. Eg tenkte å vidareformidla resultata kort oppsummert på norsk.Her er dei minimalistiske bloggane som var under lupa:

• Absenter
  
• Astheria
• Binary Bonsai
• Daring Fireball
• Hivelogic
• Inca Un Calator
• Indie Labs Blog
• Jon Tan
• Justin Blanton
• Maniacal Rage
• Maxvoltar
• Root Apex
• Shaun Inman
• Wilson Miner
• Write Hype

Kva kjenneteikner dei minimalistiske bloggane?

Dei fleste hadde menyar på bloggane, men dei var svært minimale. Det gjekk stort sett i sidene: “forside”, “om” og “arkiv”. Nokre hadde også med “kontakt”, men mange kutta ut også denne viktige sida.

Fleirtalet viste 7 artiklar på forsida, som er mindre enn ein ofte ser på meir tradisjonelle bloggar.

Widgets er ut! Widgets er det som ein typisk ser i ei kollone som ligg utanfor det vanlege innhaldsområdet, og inneheld typisk: “Siste kommentarar”, “Siste artiklar” og “Taggar”. Dette er funksjonar som dei minimalistiske bloggane med stort fleirtal unngjekk.

Avatarer og sosialebokmerker var også fjerna på dei fleste, noko som mange ser på som viktige funksjonar for å skape eit miljø rundt ein blogg.

Dei er flotte å sjå på samtlige av bloggane, disse bloggane er bloggar ein utvilsomt er innom 1 gong, grunna publisitet i webdesigngalleri. Men kjem ein attende, eller har dei fjerna for mange funksjonar som blogglesarar forventar av ein blogg til at det blir aktuelt med fleire besøk?

Kanskje eg kan spisse spørsmålet litt: “Er denne trenden optimal for bloggmediet?”

Flott tittel! Eg er berre litt usikker på kva eg skal kalle dette for, og er open for betre forslag. Disse flash-karusell-galleri-tekst-menyane er i allefall fine og eg likar godt å navigere i dei. Eg såg dei første gongen hos Apt men no som eg også har sett noko liknande hos det “nystarta” byrået Magma så må det jo være ei trend.

Eg kan berre tru at dei kjem til å dukke opp fleire stader innan kort tid, kanskje dei allereie er der ute? Har du sett fleire slike navigasjonsløysingar på gallerier med menypunkt karusellar, sei i frå!

Teknologisk er begge disse to eksempla laga i Flash, men ein kunne vel like gjerne laga dette til ved hjelp av javascript. Nokon som har sett liknande navigasjon gjort med javascript? Dei hadde kanskje vore hakket meir brukarvennleg dersom dei ikkje var laga i flash, det er vel fleire som har aktivert javascript enn flash? Og personleg så likar eg helst å halde navigasjonen utanfor flash, med tanke på dei blinde og på alle andre som måtte ha vanskar med å bruke flash. Eller er tanken på at navigering i flash er lite brukarvennleg endra?