Hvordan minimalisme kan hjelpe designene dine. Funksjonell minimalisme i webdesign: historie, bruksregler og beste praksis Tiden med flat design fra Microsoft og Apple

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, så 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 omfangsrike 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 det i Bauhaus ble lagt 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.

Hva skal jeg gjøre hvis korridoren din er så smal at et skap, en kommode eller til og med et skohylle ikke får plass der? Selvfølgelig kan du resignere selv og la plassen stå ubrukt, eller du kan vise litt fantasi og leke med formen og fargen på veggen, og gjøre den om til en slags funksjonell plass.

Så vi trenger at gangen ser vakker ut og samtidig er funksjonell. Oppgaven er ikke lett, men vi har fantasi!

Den blanke veggen vi har er et utmerket materiale å jobbe med. Du trenger bare å ta en kreativ titt på problemet med plassplanlegging. Først må vi dele den inn i flere deler. Dette kan gjøres ved hjelp av farge, lys, og ulike kleshengere og kroker. I dette tilfellet kan du bruke ikke-standard kleshengere, for eksempel, som vist på bildet, bruk malerier med svarte og hvite tegninger som du kan feste kleskroker på. Det vil se imponerende ut og veldig funksjonelt. I vår minimalistiske design er det bedre å gi preferanse til svart-hvitt fargeskjema, fordi det er ideelt for små rom.

En horisontal stripe i form av fotohengere vil være vår viktigste dekorativt element, og hovedveiledningen i vårt design. Det er bedre å lage en hovedfordypning i midten av korridoren, som du kan henge hovedrammen på med et bilde eller en LCD-skjerm. Under bildestripen kan du symmetrisk plassere hyller som vi skal lagre ulike småting på. Og under hyllene kan du plassere stilige skoesker.

Et godt designelement for korridoren vår ville være magnetiske tavler, som kan plasseres ved siden av døren. Du kan legge igjen nøkler på dem, samt legge ved påminnelser om viktige datoer eller virksomhet.

Et utmerket tillegg til interiøret vårt kan være elektriske lamper laget i form metallrør. De vil ikke bare gi ekstra lys i korridoren, men vil også være i stand til å vertikalt avgrense rommet, noe som vil gi interiøret en unik atmosfære.

Dette designet vil appellere til alle elskere av enkelhet og modernitet. Den kan imidlertid forbedres for å passe din smak, vis litt fantasi, eksperimenter med detaljer og farger og lag ditt eget designmesterverk i gangen.

PR: vent... L: vent... CY: vent...