Designtrend: Åpne konseptoppsett

Hvis du ser på hjemmeforbedringsprogrammer på TV, kan den mest gjentatte setningen være "åpent konseptoppsett." Visste du at du også kan gjøre det til et åpent konseptoppsett i nettdesign? Denne designtrenden er mer enn bare en boligforbedringside.

Åpne konsepter er et morsomt, og funksjonelt, visuelt mønster som kan hjelpe brukere med å navigere på nettstedet ditt mens de kontrollerer digital rot. Slik gjør du det med 10 mini casestudier og eksempler!

Open Concept Primer

I boligdesign er et åpent konseptoppsett der flere rom samles på en måte som har en flyt som maksimerer plass fra rom til rom, for eksempel en stor planløsning for et kjøkken og oppholdsrom.

“Den visuelle flyten må være åpenbar for brukerne, slik at de vet nøyaktig hva de skal gjøre”

I webdesign er konseptet veldig det samme. Et åpent konseptoppsett skaper utmerket flyt mellom elementene på en lys og luftig måte. Designet vil maksimere bruken av hvit plass og bruke enkle elementer med mye harmoni, balanse og en enkel flyt.

Bruk av farger kan være fet eller strømlinjeformet og sidene kan inneholde en kort eller lang rulle.

Disse layoutene fungerer ofte best med en detaljert plan og flyt for designen som ender i en enkelt oppfordring til handling. Å prøve å blande og matche for mange elementer og brikker kan resultere i et virvarlig design. Den viktigste tingen å huske på når du jobber med en åpen konseptdesigntrend er at den visuelle flyten må være åpenbar for brukerne slik at de vet nøyaktig hva de skal gjøre med designet og hvordan de navigerer i det.

GrowX

GrowX bruker en flott kombinasjon av hvitt rom, rene bilder og tekst og en interessant egenskap med en buet overskrift for å blande elementer i et åpent rom.

Lagdelingseffekten brukt her med tekst og bilder er en vanlig teknikk med åpne konseptdesign. Å bruke lag kan bidra til å trekke brukeren fra et element til det neste og holde den visuelle flyten i bevegelse.

Forsiktig med åpne konseptdesign er at brukere kan gå seg vill på plassen. Takket være et smart "triks" og lagdelte elementer, vet brukerne akkurat hvor de skal se på dette nettstedet.

NooFlow

Mens de fleste åpne konseptideer får deg til å tenke på hvitt rom som faktisk er hvitt, beviser NooFlow at farge kan være like fantastisk.

Designet blander elementer med en balansert tekst kontra bildedesign i en nesten-delt skjermestetikk. Det som bringer det hele sammen er at mens lysten er fargepaletten enkel. Ved å eliminere andre fargetoner har det åpne designet en flyt som føles enkel og oppfordrer brukere til å gå gjennom designen.

Åpen slitasje

Open Wear bruker et fullskilt-skjermkonsept, men med retningsbestemt bilde som skyver brukere i retning av innholdet.

Denne designen ser enda mer åpen ut takket være fotovalg. Innholdet her egner seg til mye hvitt i bildene som balanserer den hvite bakgrunnen. Totalt sett føles den visuelle konturen luftig og frisk selv om det er mange elementer og visuelle inngangspunkter.

Tenk på samme design med et venstrefoto som stort sett er mørkt. Det ville endre hele designkonseptet og flyt.

Brightscout

Brightscout skaper flyt på en diagonal måte fra logo og navigasjon til tekstelementer til et bilde (eller omvendt, avhengig av hvor øyet ditt går først).

Det åpne konseptet her ser ut og fungerer omtrent som planløsningen til et hjem ved hjelp av designteknikken med samme navn. Det er forskjellige inngangspunkter med imaginære linjer som forteller brukeren hvor han skal gå videre.

Og oppfordringen til handling er aksentert med en stor knapp og farge. Funksjonalitet er åpenbar og enkel.

Duotix

Overdrevet bruk av plass er et vanlig tema når det gjelder åpne konsepter. Plass forteller brukeren hvor en ting ender og en annen begynner.

Duotix bruker dette mønsteret av plass gjennom hele designen for å skape visuell skille mellom innholdsblokker, hver med sine egne oppfordringer til handling. Videre veksler hvite og fargede bakgrunner på rullen for å hjelpe deg med å holde brukeren i bevegelse. (Det er her den åpne konseptflyten kommer inn.)

PopularPays

Med parallax-rulling og enkel animasjon og ekstreme marginer skaper PopularPays flere mellomrom for innhold mens du etablerer funksjonalitet.

Bildene og teksten er engasjerende, spesielt når de er parret med animerte effekter.

Det som er fint med dette designet, er at det viser at flere trender kan samarbeide for å skape noe som ikke er overveldende, men har et utpreget moderne preg. Det krever riktig type innhold for å trekke et design ved å bruke flere trender, og generelt fungerer enklere innholdsplaner best.

Abel

Som noen av de andre eksemplene, lager Abel elementer for å holde øyet i bevegelse fra element til element. Det som er fint med denne versjonen av den åpne konseptplanen, er at mye av plassen er øverst på siden med tyngre gjenstander nedenfor.

Det samme visuelle temaet fortsetter på rullen med plass over og under elementer for å skape separate rom i det åpne konseptdesignet.

Dette eksemplet viser at ikke alle e-handelsnettsteder må ha en full og uoversiktlig følelse for å være effektiv.

Hampshire Light

Det fine med Hampshire Light-designet er at den bruker et åpent konsept-nettoppsett for et hjemmedesignprodukt. (Snakk om trender som går fra det digitale til det fysiske riket!)

Det som gjør dette designarbeidet er bruken av asymmetrisk plass og lys farge. Alt om design innebærer en åpen og luftig følelse, fra gule aksenter til gjennomsiktig typografi over bildet til den åpne “h” -logoen.

En annen nøkkeldetalj i denne designen er overdreven linjeavstand. Den lettere sans serif-skriften kunne ha vært et risikabelt valg, men takket være korte tekstlinjer og mellomrom, bidrar det til den generelle følelsen av det åpne konseptdesignet.

Walking menn

Med subtile animasjoner, myk farge og god plass, kan Walking Men få deg til å tenke på høye tak og muligheter. Den enkle designstrukturen inneholder ett innholdselement per side med en morsom klikk-for-bla-funksjon.

Det estetiske er åpent og konstant, og brukeren har en følelse av å bevege seg fra rom til rom, selv om de står stille (teoretisk) i ett-siders format.

Kjerne

Crux kan legemliggjøre den åpne konseptets planløsning i mitt eget hjem, med de tyngste designelementene presset mot utkantene.

Senterlogoen og oppfordring til handling gir et åpenbart fokuspunkt, slik at de andre elementene ikke vises rotete eller malplassert. Navigasjonen på siden trekker det hele sammen som en veikart for pennedesign som kan være litt vanskelig for noen brukere å navigere med sin nesten runde form uten tydelige inngangs- eller avkjøringspunkter.

Konklusjon

Det er en god sjanse for at du allerede kan integrere noen åpne konsepter i designene dine. Er dette en trend du liker?

Vi ser design-trenden med åpent konsept som noe med en viss oppholdskraft fordi den er forankret i designteori. Oppsett som bruker plass godt, vil aldri gå ut av stil (selv om det vi kaller dem har en tendens til å endre seg over tid).