Funksjonell minimalisme i webdesign: historie, bruksregler og beste praksis. Hvordan minimalisme kan hjelpe designene dine. Hvit plass er den rette plassen

Minimalisme som kunststil oppsto på 60-tallet av forrige århundre. Amerika ble hans hjemland. Hovedtrekkene til minimalisme er enkelhet i uttrykksformer, samt en bokstavelig, objektiv tilnærming.

Forfatteren av begrepet «minimalisme» var den britiske filosofen og kunstkritikeren Richard Wollheim. Han identifiserte denne retningen ved å analysere arbeidet til kunstnere som i sine arbeider forfølger minst mulig intervensjon i verden rundt dem.

Opprinnelsen til minimalismen ligger i bevegelser som popkunst og suprematisme. Utviklingen av retningen ble også påvirket av arbeidet til K. Malevich og trendene til Bauhaus-skolen.

Hovedtrekk

Gradvis beveget minimalismen seg bort fra alle andre malestiler. Som et resultat ble hovedtrekkene dannet. Dette er først og fremst uttrykksevnen til farger, samt glatthet og geometri.

Russisk konstruktivisme, i kjølvannet av økt interesse for den, oppfordrer kunstnere til mye bruk av industrielle materialer for å uttrykke ideene sine. Malerier er ofte preget av asymmetri, repetisjon av ulike geometriske former. Maleriets plass er som regel enkel og ubelastet.

Farger i minimalisme tjener formålet med å sone plass, snarere enn å uttrykke følelser eller formidle stemning. Bevegelsen er også preget av mangel på subjektivitet og realisme: kunstneren streber etter at betrakteren selvstendig skal oppfatte objektet.

Avslag på det nødvendige til fordel for det mest nødvendige

Et annet trekk ved minimalismen er ønsket om å avmystifisere kunst for å kunne identifisere hva som er dens grunnleggende grunnlag.

I forgrunnen har minimalister en form som de formidler fargedybden med. Motivene til maleriene er fylt med metaforer og symboler. Malere formidler følelser på en ikke-standard måte: de bruker linjer og forskjellige geometriske former for dette. Dessuten har verkene til minimalister en slags undertekst og har ofte akutt sosial betydning.

Minimalistiske kunstnere

Amerikansk kunstner, mester i post-malerisk abstraksjon Frank Stella (f. 1936) bodde hovedsakelig i New York, hvor han begynte som tegner og designer.

I 1959-1960 ble Stells serie med verk "Black Paintings" utgitt. Som navnet tilsier, var dominansen av svarte linjer særpreg lerreter

Denne kreative fremveksten av kunstneren ble lagt merke til av eieren av New York-galleriet Leo Castelli, som innså mesterens geni og stilte ut maleriene sine hjemme.

De "svarte maleriene" ble fulgt av "Aluminiumsmalerier" og deretter "Kobbermalerier". Til minne om det forferdelige historiske hendelser en serie verk "Polske landsbyer" ble opprettet.

Frank Stella: "Det du ser er det du ser"

I verkene hans foretrakk Stella svart som den dominerende fargen, og generelt graviterte han mot monokrom, men noen ganger avvek han fra sine tradisjoner og da ble verker født, for eksempel i syklusen "Konsentriske kvadrater", der polykrom og relieff dukket opp.

Frank Stella har blitt tildelt U.S. National Medal of Arts og International Sculpture Center's Lifetime Achievement Award.

Ellsworth Kelly (1923-2015) var en amerikansk kunstner og skulptør, en av hovedrepresentantene for minimalisme, hard edge og fargefeltmaleri.

Kellys arbeid er preget av eksepsjonell klarhet og enkelhet. Klare abstrakte konturer av geometriske overflater er laget med intense farger.

På slutten av sekstitallet jobbet han som skulptør, og begynte senere å bruke metall i sine arbeider. Kunstnerens oeuvre inkluderer en rekke verk innen sjangrene popkunst og surrealisme.

Ellsworth Kelly døde 27. desember 2015 i en alder av 92. Han ble tildelt US National Medal of the Arts.

Den spanske kunstneren Anton Lamasares (f. 1954) uttrykte sine tanker i sine arbeider i en bevisst primitiv form.

På grunn av mangel på håndklær brukte han tre, ribbeplate, emballasje og lakk. Dette er hvordan hans personlige kunstnerisk stil vakte kritikernes oppmerksomhet. Opprinnelig interessert i ekspresjonisme, utviklet han seg senere til en slags minimalisme.

I en alder av 19 deltok han for første gang i en utstilling med unge kunstnere holdt på Praza da Princesa i Vigo. Siden den gang har det blitt holdt utstillinger et stort antall ganger. forskjellige land fred.

Kunstnerens verk er lagret i en rekke kjente kulturinstitusjoner, som Reina Sofia Art Center, Galician Center Samtidskunst, Madrid Museum of Contemporary Art og Marugami Hirai Museum i Japan, samt i mange private samlinger og stiftelser.

Jose Esteban Basso

chilensk kunstner José Basso kan kalles standarden for minimalisme. Kunstneren selv kaller stilen sin for "rituell maleri." Maleriene hans er lakoniske, tilbakeholdne og lakoniske, slik at du kan hvile og slappe av uten å tenke på det du ser. Et minimum av gjenstander, rene farger, ingen detaljer, ingen tekstur, bare frossen uendelighet...

Mesterens verk bare fremkaller positive følelser, fyller betrakteren med lys og varme og lar deg nyte letthet og enkelhet, kan du trygt meditere foran dem.

I tillegg til å male driver kunstneren også med fotografering og datagrafikk, og selvfølgelig er alle disse verkene også preget av tilbakeholdenhet og stillhet.

Flow evolusjon

Gradvis utviklet retninger av minimalisme som neo-minimalisme og post-minimalisme seg. Den første er preget av unøyaktighet og vaghet, mens representanter for den andre er preget av deres ønske om ikke så mye å formidle selve ideen, men å understreke metoden for slik overføring.

Hensikten med minimalisme

Betydningen av denne retningen i kunsten er i kampen mot akademiskisme og dogmatisme, ønsket om enkelhet, fullstendig avvisning av ulike slag utskeielser til fordel for dybde av mening. For å gjøre dette reviderer kunstnere eksisterende kanoner, forlater tidligere regler til fordel for nye ideer for å formidle farger, og bruker også bilder av geometriske former.

Minimalisme i dag

I dag har ideene om minimalisme trengt inn i ulike bransjer, for eksempel interiørdesign, landskapsdesign, motedesign og mer. Minimalismen har heller ikke gått utenom informasjonsteknologi, for eksempel webdesign og programvare (utvikling av programvaregrensesnitt). Ganske ofte kan vi se resultatene av minimalismens innflytelse i utviklingen tekniske løsninger, for eksempel i bilindustrien, innen husholdnings- og ingeniørutstyr.

I vårt veggmalerarbeid bruker studioet vårt også noen ganger prinsippene om minimalisme.

Minimalisme i grafisk design er en forenkling av komposisjon, en vektlegging av viktige detaljer.

Ingenting overflødig og mye tomt. I utgangspunktet bruker verk laget i denne stilen 1-2 farger og flere nyanser av disse fargene. En klar skrift har ingen visuell belastning og bruker ikke mer enn 2-3 skriftsett.

"Det er raskere enn du tror"

En praktisk og attraktiv nettside er grunnregelen for moderne webdesign. Oppnå godt resultat tillater anvendelse av prinsippene for minimalisme.

I denne artikkelen vil vi snakke om minimalisme i webdesign, hvordan du bruker det riktig, hva som må tas i betraktning når du utvikler minimalistiske grensesnitt, og også forklare hvorfor noen ganger "mindre er mer."

Minimalistisk design: en kort historie

Noen webdesignere tenker feilaktig på minimalisme som først og fremst et estetisk valg. For å unngå denne fellen, la oss avklare røttene til denne bevegelsen.

Til tross for at dette er en ganske ny trend for design, har hovedideene eksistert i lang tid. Når man diskuterer minimalistisk design, kommer man umiddelbart til å tenke på tradisjonell japansk kultur, som verdsetter balanse og enkelhet. Japansk arkitektur, interiørdesign, kunst og grafisk design legemliggjør minimalisme.

"Seiersvind. Clear Day» av den japanske kunstneren Katsushika Hokusai (1830). Bruk enkle blomster skaper en følelse av fred

Som en vestlig bevegelse begynte minimalismen tidlig på 1900-tallet. Påvirket av implementering moderne materialer, som glass og stål, har mange arkitekter begynt å bruke minimalistisk design i bygningene sine. Ludwig Mies van der Rohe, en tysk-amerikansk arkitekt, var en av pionerene i den minimalistiske bevegelsen. Han er kreditert med den første anvendelsen av uttrykket "less is more" til arkitektonisk design.

Den tyske paviljongen i Barcelona, ​​skapt av Ludwig Mies van der Rohe i 1929

Konseptet "less is more" har flyttet seg fra arkitektur til andre kunst og industrier: interiørdesign og industriell design, maleri og musikk. Som en visuell designbevegelse ble minimalisme populær på 1960-tallet da kunstnere beveget seg mot geometrisk abstraksjon i maleri og skulptur. Den kunstneriske bevegelsen kom til uttrykk i verk knyttet til Bauhaus-skolen. En av de kjente minimalistiske kunstnerne som påvirket bevegelsen var Donald Judd, hvis verk er fulle av enkle former og fargekombinasjoner.

I ulike felt kunst, nøkkelprinsippet for minimalisme forlot bare den essensielle delen av funksjonen for å fokusere mottakerens oppmerksomhet samt forbedre den generelle elegansen. Som Donald Judd sa: " Form, volum, farge, overflate - dette er noe for seg selv. Det kan ikke skjules som en del av en helt annen helhet. Former og materialer bør ikke endres avhengig av konteksten».

I sitt arbeid søkte Judd autonomi og klarhet for det konstruerte objektet og rommet det skapte.

Hva er "minimalistisk webdesign"?

I dag dukker minimalisme opp som en kraftig teknikk i moderne webdesign. Det ble populært som en reaksjon på trenden mot økende kompleksitet i design. Visuell kompleksitet har vist seg å påvirke brukeropplevelsen til et nettsted: jo flere elementer det er i et design, jo mer komplekst vil det fremstå for brukeren. På riktig bruk minimalisme kan hjelpe oss med å fokusere designene våre på å forenkle brukerens oppgaver. En studie av EyeQuant antyder at ren design resulterer i lavere fluktfrekvens. Minimalisme brakt tilleggsfordeler nettsteder, for eksempel raskere lastetider og bedre kompatibilitet med forskjellige størrelser skjerm.

Kanskje en av de mest kjente eksempler minimalisme i webdesign er Google Søk. Google har prioritert enkelheten til grensesnittene siden betatilbudet på 1990-tallet. Hjemmesiden er designet helt rundt en sentral søkefunksjon. Alt som ikke fungerer for merkevarebygging fjernes.

Googles hjemmeside har ikke endret seg mye på 15 år

Prinsippet om enkelhet kan føre til den falske troen på at minimalisme er lett å implementere, men faktisk betyr det mye mer enn bare «mindre». La oss definere egenskapene til minimalisme.

Bare viktig

En minimalistisk strategi innen webdesign er å forenkle grensesnitt ved å fjerne elementer og innhold som ikke støtter brukeroppgaver. For å lage et virkelig minimalistisk grensesnitt, må designeren strengt organisere elementene, vise bare de viktigste og forkaste alt som distraherer brukere fra det viktigste (for eksempel unødvendig dekorasjon). Hvert element i et design, enten bilde eller tekst, har en hensikt; det skal ikke brukes med mindre det gir ytterligere klarhet til meldingen.

Sørg samtidig for at du ved å fjerne eller skjule unødvendig innhold ikke hindrer grunnleggende brukeroppgaver. Tanken er å gjøre budskapet klart i stedet for skjult. Så, design rundt innholdet og la det være nok synlige elementer (som hovednavigasjonen) for å forhindre at brukere går seg vill.

Negativ plass

Det er ingen overraskelse at det vanligste elementet i minimalisme er fraværet av elementer. Negative/White Space er et særtrekk ved minimalisme. Negativt rom er rett og slett tomrom mellom visuelle elementer. Å ha tom plass betyr mer vekt på elementene som er tilstede. I japansk kultur det er et "ma-prinsipp": rommet mellom objekter oppfattes som et middel til å understreke verdien av disse objektene.

Selv om negativt mellomrom ofte kalles hvit, trenger det ikke være den fargen. Noen nettsteder bruker fullfargebakgrunner.

Hoveddesignelementet forbundet med minimalisme i de flestes sinn er negativ plass.

Visuelle egenskaper

I minimalistisk design er hver detalj viktig. Hva du bestemmer deg for å beholde er veldig viktig.

Flat tekstur

Minimalisme tyr ofte til flate teksturer, ikoner og grafiske elementer. Flate grensesnitt bruker ikke åpenbare lyseffekter, skygger, gradienter eller andre typer teksturer som kan få elementer til å se blanke eller 3D ut.

Minimalistisk visuelt hierarki med vekt på flate grensesnittelementer er ganske vanlig på moderne nettsteder

Fengende fotografier og illustrasjoner

Bilder er den mest fremtredende formen for kunst som brukes i minimalistisk design. De gir følelsesmessige forbindelser og skaper en spesiell atmosfære. Men fotografering eller illustrasjon må følge minimalismens prinsipper. Feil bilde (et bilde med mange detaljer eller distraherende elementer) vil oppheve fordelene med det omkringliggende minimalistiske grensesnittet og ødelegge integriteten til strukturen.

Alle kjennetegn ved minimalisme må uttrykkes i bilder

Begrenset fargevalg

Farge spiller en betydelig rolle i webdesign fordi den har evnen til å etablere både informasjonsmessige og emosjonelle forbindelser mellom produktet og brukeren. Farger kan skape visuell interesse eller få oppmerksomhet uten å kreve noe tilleggselementer design eller grafikk. Designere som streber etter minimalisme har en tendens til å gjøre mest mulig ut av noen få utvalgte farger og bruker ofte bare én farge (et monokromt fargeskjema).

Med en nedgang i innkommende visuell informasjon fargepalett blir mer synlig og innvirkningen på brukeren øker

Effektiv typografi

Foruten farge, er et annet viktig visuelt element typografi. Fet skrift fokuserer umiddelbart oppmerksomheten på ord og innhold, og bidrar til å skape en attraktiv visuell effekt.

Bruk typografi for å formidle mening og skape visuell interesse

Kontrast

Siden målet med minimalistisk design er brukervennlighet, kan tekstiler eller grafiske elementer med høy kontrast være godt valg. Høy kontrast kan rette brukerens oppmerksomhet mot viktige elementer og gjøre tekst mer lesbar.

Ofte bruker minimalistiske design bare én farge som en aksentfarge, og fremhever de viktigste elementene på siden.

Beste eksempler

Fordi minimalistisk design krever samme grad av klarhet og funksjonalitet som "vanlig" design, men med færre elementer, gir det noen utfordringer for utviklere.

Oppnå tilstedeværelsen av ett komposisjonssenter

Filosofien til minimalisme sentrerer seg om ideen om å designe rundt innhold: innhold er konge, og visuell struktur skal fungere som et godt bakteppe for det. Målet er å gjøre budskapet klarere ikke bare ved å eliminere distraksjoner, men også ved å fokusere på det som er viktig. I dette tilfellet blir et sterkt fokusområde spesielt viktig.

Følg «ett konsept per side»-regelen og sentrer den rundt ett visuelt medium

Skap høye forventninger med toppen av skjermen

Et område på siden som er synlig før det kreves handling, oppfordrer brukere til å utforske siden videre. For å sikre at dette skjer, må du gi interessant, spennende innhold. Plasser meningsfylt innhold øverst på skjermen med mye hvit plass rundt, og legg deretter til mer innhold på siden mens du blar nedover.

Slik ser hjemmesiden til Apple-nettstedet ut over brettelinjen.

Skriv kortfattede tekster

Fjern unødvendige gjenstander. Teksten din skal bare inneholde et minimum av ord som er nødvendig for å formidle budskapet ditt på en adekvat måte.

Bli kvitt alle unødvendige ord.

Forenkle navigasjonen (men ikke skjul den)

Minimalisme skal være enkelt. En ting som forenkler brukeropplevelsen er muligheten til å håndtere oppgaver enkelt og sømløst. Den mest medvirkende årsaken til dette er intuitiv navigering. Men navigering i et minimalistisk grensesnitt utgjør et alvorlig problem: i et forsøk på å fjerne alle unødvendige elementer og organisere innhold, skjuler utviklere navigasjonen delvis eller fullstendig. Menyikonet utvides full liste poeng er fortsatt et populært valg for mange fagfolk, spesielt innen minimalistisk webdesign og mobile brukergrensesnitt (UI). Dette resulterer ofte i lav oppdagelse av navigasjonselementer. Ta den skjulte navigasjonen på dette nettstedet:

Ganske ofte har enkle, minimalistiske brukergrensesnitt skjult kompleksitet. I dette tilfellet er hovednavigasjonsalternativene skjult som standard

Sammenlign med den alltid tilgjengelige navigasjonen på dette nettstedet:

I de fleste tilfeller er alltid synlig navigasjon bedre for brukerne.

Husk at enkel navigering alltid er et av hovedmålene for webdesign. Hvis du lager minimalistiske nettsteder, sørg for at besøkende enkelt kan finne det de trenger.

Bruk funksjonell animasjon

Som alle andre elementer, bør animasjon følge prinsippene for minimalisme: den bør introduseres subtilt og bare når det er nødvendig. God animasjon er meningsfylt og funksjonell. Du kan for eksempel bruke animasjon for å spare plass på skjermen (ved å vise skjulte detaljer ved sveving). Animasjonen i eksemplet nedenfor legger til et element av oppdagbarhet og gjør en vanlig oppgave mer interessant:

Animasjon gjør interaksjonen med nettstedet mer dynamisk.

Bruk minimalisme i landingssider og porteføljer

Mens den overordnede filosofien om minimalistisk, innholdsfokusert design gjelder for alle nettsider, kan noen ganger estetikken være upassende. Minimalisme egner seg godt for å lage porteføljenettsteder og landingssider som har ganske enkle mål og har relativt liten mengde innhold. Portefølje til Marie Laurent - typisk eksempel det mange designere vil kalle et minimalistisk nettsted.

Samtidig kan det være vanskelig å bruke minimalisme på et mer komplekst nettsted. Fravær viktige elementer kan skade et innholdsrikt nettsted ( lav tetthet informasjon tvinger brukeren til å bla videre på jakt etter innhold). Den beste løsningen det vil være en landingsside laget i stil med minimalisme, som fører til mer detaljerte sider.

Konklusjon

Minimalistiske nettsteder har et enkelt grensesnitt, hvorfra unødvendige elementer og innhold som ikke støtter implementering av brukeroppgaver er fjernet. Det som er inspirerende med dette designet er kombinasjonen av brukervennlighet og høy estetikk: et vakkert nettsted med enkel navigering er et kraftig kommunikasjonsmiddel.

Minimalisme oppsto på 1960-tallet i Amerika. Over tid har denne stilen gjennomgått endringer, men er fortsatt populær. Malerier, klær, interiør... du finner ham overalt. I dag skal vi snakke om minimalisme i grafisk design.

I dag er minimalisme som stil innen grafisk design ennå ikke i stand til å konkurrere med andre abstrakte og travle stiler (grunge, vintage, pop art, etc.) fordi den brukes ikke mye nok, men i nær fremtid kan minimalisme innhente og til og med overta noen stiler, siden folk allerede har "overspist" abstrakte og lyse, klumpete og lastet grafiske materialer.

Kriterier for minimalisme

Så, hva er minimalisme spesifikt i grafisk design? Dette er en forenkling av komposisjonen, bruken av ledig plass i ens verk, en vektlegging kun på hoveddetaljene og fremhevingen av dem, en enkel presentasjon av emnet, forholdene og produktene.

Ergonomi/brukervennlighet
Minimalisme påvirker kriterier som ergonomi, d.v.s. bruker mindre til å lage ønsket sammensetning, opprettholde forhold mellom tematiske elementer (for eksempel: 2 eller flere forskjellige elementer i illustrasjonen), kreativt arbeid(for eksempel: grafisk design av flere produkter fra én produsent i ett materiale), etc.

For å si det på en tilgjengelig måte er dette: riktig og enkel bruk av kun det som er nødvendig - ved å fjerne alt unødvendig (eller ikke legge det til i det hele tatt) får vi ledig plass. Riktig plassering ledig plass i arbeidet og gir ergonomi, distraherer ikke og konsentrerer seg om det som trengs. Vi får med andre ord brukervennlighet på jobben.

Tenk nøye på designelementene dine, det er bedre å ta hensyn til ett element enn å "nagle" ti til.

Bruk av farge

Farge i minimalistisk grafiske verk er et viktig kriterium, nemlig farge bidrar til persepsjon. Ofte brukes 1-2 primærfarger og flere nyanser av utvalgte farger til ett arbeid. De mest brukte fargene er hvit, svart, grå og gule farger, så vel som deres mange nyanser. Men dette er ikke en regel; ingen begrenser bruken av bare klassiske farger.

Noen ganger når du leser forskjellige artikler om minimalisme i design, kommer du over folk som sier at det er verdt å strengt begrense paletten til svart og hvite blomster. Etter min mening er dette en misforståelse, i denne retningen kan du bruke alle farger, det viktigste er å respektere komposisjonen (temaet eller formålet med arbeidet) med de valgte fargene.

Font og tekst/typografi

Typografien er også ganske viktig kriterium minimalistisk design. Her avhenger valg av skrifttyper av emnet eller formålet med arbeidet. Fonten skal være meningsfull, visuelt tilgjengelig og ikke visuelt overveldende. Det anbefales å ikke bruke mer enn 2-3 skriftsett (for eksempel: 1. overskrift, 2. tekst, 3. bildetekst og opphavsrett; eller 1. tittel, 2. slagord, 3. tekst).

Generelt er bruken av typografi direkte i minimalisme (grafisk design) ganske fleksibel, du kan velge en ikke-standard font, legge vekt i form av å forstørre den nødvendige teksten, øke innrykk, etc. Men i dette tilfellet er det viktigste riktig valg til emnet og konklusjonen til teksten i komposisjonen. For eksempel gir jeg mer preferanse til standard fonter (Arial, Helvetica, Garamond, Trebuchet MS, Verdana, Times) med endringer i de nødvendige delene (for eksempel i illustrasjoner eller utskrift). Jeg liker den strenge bruken av type. Vel, generelt avhenger alt av emnet eller arbeidsområdet, og skrifttypen kan være annerledes.

Det viktigste er å begrense antall skrifttyper, riktig plassering av teksten i verket (plassering, plassering, innrykk, forhold til andre elementer).

Konklusjon basert på kriterier

Det er verdt å merke seg: komposisjon uten unødvendige elementer (bare det som er nødvendig), bruk av ledig plass, valg av farge(r), basert på tema eller arbeidsforhold. Mindre varierte farger (det er bedre å bruke strenge eller myke farger/toner/nyanser), mindre antall farger, skrifttype som passer til temaet eller arbeidsforholdene, mindre antall fonter som brukes, noe som legger vekt på skriften (størrelse, innrykk, plassering) og plassering, forhold til andre elementer), korrekt plassering av elementer og fremheving av viktige detaljer.

På egne vegne vil jeg si at alle har en visjon om minimalisme i fantasien, og alle kan ha sin egen. Den minimalistiske bevegelsen har ingen standarder, det viktigste er å unngå unødvendige ting, bruke mindre og opprettholde funksjonalitet. De. enkelt arbeid med ønsket effekt (reklame, illustrasjon, omslag, etc.).

Selv om det er umulig å fjerne unødvendige elementer fra arbeidet, kan du ikke bruke stilen til minimalisme, men dens egenskaper: ved hjelp av ledig plass, de riktige fargene og skrifttypens vekt, kan du fremheve (sende inn) hoveddetaljene i arbeidet, og dermed henvise unødvendige elementer til bakgrunnen...

Eksempler på minimalisme i grafisk design

Vel, nå er det verdt å ta en titt på verkene i minimalistisk stil på tvers av grafisk designindustri.

Emballasjedesign (produkter)

Her er et eksempel på å forenkle emballasjedesign - å lage i en minimalistisk stil.

Trykking: plakater

Grafiske plakater for filmer i stil med minimalisme.

Trykk: bokomslag

Grafisk design av bokomslag i minimalistisk stil.

Illustrasjoner / databakgrunn

Minimalisme i datagrafikk, nemlig i ytelsen til bakgrunnsbilde for OS-skrivebordet.

Vi har oversatt for deg et interessant notat av TheNextWeb-forfatteren Amber Lee Turner, som snakker om opprinnelsen til flat design, hvordan den endrer grensesnitt nå og hva som venter flat stil i fremtiden.

Hvis du til og med er litt interessert i grafisk design, kunne du ikke unngå å høre om begrepet " flat design" Denne trenden dukket først opp på Internett for flere år siden, og i i det siste flat design tok av og ble ekstremt populær takket være store selskaper som begynte å aktivt bruke flat design.

Men hvor kom dette flate designet fra? Og hvorfor ser vi det på Internett? Som med alt innen design, vil det å kjenne historien til stilen hjelpe deg med å ta mer informerte beslutninger når du bruker flat design.

La oss ta en titt på hva flat design er, hvilke tidligere designtrender som påvirket det, og finne ut hvordan det ble så populært.

Hva er flat design?

For de av dere som ikke er kjent med betydningen av flat design, bør du vite at flat design er en designstil der elementer er blottet for noen stilistiske trekk og de ser ikke ut som legemliggjørelsen av virkelige objekter (såkalt skeuomorfisme).

Fra et lekmannssynspunkt er flat design blottet for elementer som gradienter, skygger, teksturer, som er ment å gjøre elementene mer dimensjonale og realistiske.

I dag ser det ut til at designere trekker sterkt mot flat design fordi det oppleves som friskt og moderne og lar deg fokusere på det som er viktigst: innhold og budskap.

Ved å kvitte seg med all slags stilistikk, gjør designere sine prosjekter mer holdbare, og nå er det å bruke flat design den mest korrekte strategien.

Men dette betyr ikke at andre stiler ikke er tatt i betraktning i det hele tatt. Ofte, for å betegne det motsatte av flat stil, brukes begrepet "rik design", som er preget av tilstedeværelsen stort antall alle slags dekorasjoner - skråkanter, refleksjoner, skygger, gradienter. "Rik design" brukes til å gjøre ting mer "taktil", mer praktisk for brukere som surfer på nettstedet og bruker mobilapplikasjoner.

Det er viktig å forstå at "rik design" ikke er det samme som skeuomorfisme. Skeuomorfisme innebærer bevisst bruk av fysiske analoger av visse elementer (vippebrytere, knapper, hudteksturer osv.) slik at de ser kjente ut for brukerne.

Hvor kom flat design fra?

Det meste av det vi ser nå på internett eller digital verden kommer fra trykte og kunstneriske forfedre. Det er vanskelig å si nøyaktig når epoken med flat design startet og hvor dens opprinnelse er, men det er flere klare perioder innen design og kunst som den flate stilen hentet inspirasjon fra.

Sveitserstil

Den sveitsiske stilen (noen ganger kalt den internasjonale typografiske stilen) er den første flate designinspirasjonen som dukker opp, så det er verdt å gå nærmere inn på det.

Sveitsisk design fokuserer først og fremst på bruk av rutenettguider, sans-serif typografi og et klart hierarki av innhold og design. I løpet av 40- og 50-tallet kunne sveitsisk design ofte sees på mange fotografier som et designelement.

Typografi er et av nøkkelelementene i sveitserstilen og her kan vi ikke unngå å nevne Helvetica-skrifttypen, som også dukket opp i Sveits i 1957 og brukes aktivt den dag i dag.

Det er interessant å se hvordan flat design ble brukt allerede før Microsoft og Apple introduserte det i designene deres og gjorde det populært, fordi den sveitsiske stilen kan spores til og med til Tyskland på 20-tallet av det 20. århundre. På den tiden ble den veldig populær og elementene ble brukt av den berømte tyske Bauhaus-skolen - kunstelskere vil ikke la deg lyve at Bauhaus la mye vekt på typografi, som har mye til felles med den sveitsiske stilen.

Minimalisme

En stor innflytelse på flat design kan også finnes i minimalismens historie. I dag brukes ofte begrepet "minimalisme" om hverandre med flat design, men minimalisme var populær lenge før flat design ble oppfunnet. Minimalisme har sine egne lange tradisjoner innen arkitektur, kunst, design.

Minimalismen har rik historie og deksler ulike typer kunst, men der flat design nå er dominerende, brukes ofte elementer av minimalisme. Elementer av minimalisme som strenge geometriske former, lyse farger, klare linjer brukes også i flat design.

Et av de mest kjente kunstverkene i stil med minimalisme er dette maleriet av Yves Klein "Blue Age":

Det er trygt å si at blandingen av sveitserstil og minimalisme i stor grad har påvirket flat design og det moderne utseendet til den digitale verden.

Tiden med flat design fra Microsoft og Apple

Historien gjentar seg og det samme gjelder flat design. Som vi lærte ovenfor, kunne flate elementer bli funnet tilbake på 20-tallet av det 20. århundre.

Ganske mange solodesignere har jobbet med flat design, men det var Microsoft og Apple som gjorde det så populært. Vel, la oss snakke om dem.

Microsoft og Metro-grensesnittet

Microsoft begynte å jobbe med flat design lenge før Metro-grensesnittet dukket opp. På midten av 2000-tallet ga Microsoft ut en konkurrent til iPod – Zune-spilleren (jeg er sikker på at noen av dere fortsatt husker dette navnet – red.anm.).

Det var med utgivelsen av Zune at en unik designer stil, som fokuserte på stor typografi. Design programvare Zune var en sterk avvik fra de fleste Microsoft-programvareprodukter på den tiden. Tross alt Windows Phone 7 kom ut først på slutten av 2010, og utformingen av dette mobile operativsystemet tok mye fra Zune-programvaregrensesnittet. Store og levende former basert på rutenettguider, sans serif typografi (grotesk), flate ikoner.

Microsoft vil snart kalle dette grensesnittet Metro

Denne designen ble så populær at Microsoft ga ut Windows 8 desktop OS, som er basert på Metro-grensesnittet. Klar firkantede former, med vekt på typografi, lyse farger - alt dette migrerte til personlige datamaskiner. Det samme grensesnittet brukes i nesten alle Microsoft-produkter, inkludert Xbox 360.

Hvordan Apple ristet opp skeuomorfismen

Selv om Microsoft hadde jobbet med et flatt grensesnitt lenge, hadde Apple også noen triks i ermet. Til å begynne med antydet Apple litt at de kom til å forlate skeuomorfismen, og med kunngjøringen av iOS 7 i juni 2013 ble det klart at Cupertino-teamet bestemt hadde bestemt seg for å bruke flat design.

Siden Apple hadde mange følgere på den tiden, gjorde utgivelsen av den "flate" iOS 7 denne designstilen mer populær enn noen gang. Og dette skjedde på ekstremt kort tid (som betyr den raske overgangen fra iOS 6 til iOS 7 – red.anm.).

Apples designestetikk har i stor grad påvirket utformingen av mobilapplikasjoner og nettsteder, ettersom de fleste designere endelig har sett på denne stilen som den mest moderne og passende. Da Apple gikk over til en flat stil, ble skeuomorfisme umiddelbart utdatert og et stort antall nettsteder og applikasjoner trengte et redesign.

Dette kan tydelig sees i mobilapplikasjoner, som i betydelig grad endret design og grensesnitt for å møte standardene til iOS 7. Og dette tillot brukere å venne seg til den flate iOS 7 relativt raskt.

Responsivt design

Det er også verdt å merke seg at en av grunnene til at flat design har blitt så populær er på grunn av det som kalles «responsiv design». Med utviklingen av Internett-teknologi, brukere av de fleste forskjellige enheter— og først og fremst fra mobiltelefoner. Dette tvang designere til å bruke responsiv design slik at nettsteder så like bra ut på fullverdige datamaskiner som på smarttelefoner og nettbrett. Og designere brukte mange "flate" elementer når de utviklet responsive nettsteder.

Flat stil gjør at webdesign blir mer effektivt. Uten unødvendige grensesnittelementer lastes nettsteder raskere, noe som gir brukeren muligheten til å fokusere på innholdet.

Dette passer også godt med trenden med økende skjermoppløsninger mobile enheter. Det er mye lettere å vise tydelig og enkle former og typografi, i stedet for å laste opp tunge bilder hver gang som ser annerledes ut på forskjellige skjermoppløsninger.

Fremtiden for flat design

Vi har selvfølgelig ikke en glasskule som spår fremtiden, men det er helt klart at flat design, som alt annet, ikke varer evig og senere vil bli erstattet av en annen stil. Tross alt har flat design åpenbare ulemper, og designere vil fortsette å eksperimentere, noe som til slutt vil føre til fremveksten av en ny dominerende stil som vil etterlate flat design i en fjern fortid.

I denne forbindelse er det interessant å se hva slags designarbeid som for tiden gjøres hos Google. På den ene siden er det mange flate elementer i applikasjonene deres, men Google har ikke forlatt mange skeuomorfe elementer - for eksempel bruker de fortsatt skygger. Tilsynelatende ønsker det "gode selskapet" å ta det beste fra hver av stilene og skape sin egen, unike stil.

I dag oppleves flat design som spennende motetrend, og dette er absolutt en viktig milepæl i designhistorien. Men ikke glem at flat design på mange måter bare er reinkarnasjonen av sveitserstil og minimalisme i den nye digitale verdenen.