Hvad er fladt design og dets funktioner. Brug af simple elementer

I dag vil vi fokusere vores opmærksomhed på et af de mest populære områder af moderne grafisk design, som kaldes fladt design.

Den berømte kunstner Edgar Degas sagde engang: "Kunst er ikke, hvad du ser, men hvad du lader andre se." Det gælder også grafisk design, som også kan defineres som en kunst, der bestemmer specifik opgave. Grafisk design har evnen til at ændre stemning og budskab gennem de mindste ændringer i former og nuancer, bogstaver og mellemrum. Tendenser på dette område, der er blevet en integreret del Hverdagen, da de påvirker beslutningsprocessen og løser problemer med at præsentere et moderne produkt, og også former brugernes smag.

I dag bruges udtrykket "fladt design" i grafik til mange formål og opgaver, der har fælles stiltræk. Fladt design er en trend, der har fundet mange manifestationer inden for digitale produkter, takket være den lakoniske brug af visuelle udtryksfulde midler.

I dag bruges udtrykket i vid udstrækning som det modsatte af "rigt design" på grund af den harmoniske enkelhed, der tages som grundlag for denne tilgang. Det mest bemærkelsesværdige træk, der giver denne bevægelse sit navn, er brugen af flade, todimensionelle visuelle detaljer, i modsætning til meget realistiske og detaljerede skeuomorfe billeder. Fladt design har været aktivt under udvikling gennem årene. seneste år, der dækker flere og flere områder inden for grafisk design, der finder brede og varierede anvendelser inden for området digitalt design Til web og mobil grænseflader. Denne tilgang kan ses som en stil, der fremmer brugervenlighed og visuel harmoni. brugergrænseflader.

Fladt designs historie

Det er klart, at fladt design ikke kom ud af den blå luft. Dens oprindelse anses normalt for at være den schweiziske stil. Swiss Style, også kendt som International Typographic Style eller forkortet international stil, er en bevægelse, der opstod i 1920'erne, men blev mødt med stor kritik og derefter fik en dramatisk genfødsel i grafisk design i Schweiz i 1940'erne og 50'erne, hvilket blev et stærkt grundlag for grafisk design fra midten af det 20. århundrede i hele verden. Grundlæggerne af denne kreative bevægelse var Joseph Müller-Brockmann og Armin Hofmann.

Ifølge hjemmesiden Design Is History, Kort beskrivelse nøglefunktioner af denne stil er som følger: "... stilen fokuseret på enkelhed, læsbarhed og objektivitet. Arven efter denne stil er brugen af sans-serif-skrifttyper, gitter og asymmetriske layouts. Fotografier skiller sig også ud som et middel til visuel kommunikation. De vigtigste indflydelsesrige værker blev udformet som plakater, som blev anset for at være de mest effektive midler at give oplysninger."

Plakaterne præsenteret som eksempler viser, at tilhængere af denne stil kunne lide enkle former, dristige og strenge skrifttyper med høj grad læsbarhed, geometriske kombinationer af detaljer, flade illustrationer og tydelige visuelt hierarki. Schweizisk design blev hurtigt mere og mere populært i forskellige lande og modtaget nyt liv i det tidlige 21. århundredes kunst.

Selvom denne stil har fået mange udtryk på området visuelt design til tryk: plakater, frimærker, kort, bogomslag, magasiner osv. har han udvidet sin horisont i høj grad i den digitale design-æra, især inden for brugerfladedesign.

Websites og mobilapps har åbnet et fantastisk og frugtbart perspektiv for denne minimalistiske og funktionelle tilgang til designløsninger. Stilen blev kaldt "flat design", som straks blev populær og begyndte en ny retning inden for grafisk design.

Det første skridt mod at øge populariteten af flad brugergrænseflade i digitale produkter blev taget af Microsoft, en bevægelse, der begyndte i begyndelsen af 2000'erne og har udviklet sig meget i 2010-produkter, især inden for udvikling mobile grænseflader Til Windows telefon 7. De grundlæggende funktioner i fladt design, såsom intuitive enkle former, fed, klar typografi, lyse kontrastfarver, lange skygger og fraværet af komplekse detaljer og teksturer, har fanget godt. Den næste stigning i popularitet af fladt design fandt sted i 2013, da Apple udgav iOS 7 ved at bruge principperne for flad grafik som grundlag for praktiske, intuitive grænseflader. Man kan også sige, at nogle centrale principper fladt design fandt sit udtryk i Materiale Design fra Google.

Så hovedtræk ved fladt design er:

enkelhed af former og elementer;
minimalisme;
funktionalitet;
fed og letlæselig typografi;
klart og strengt visuelt hierarki;
en kombination af kontrasterende farver, der giver hurtig visuel opfattelse;
undgå teksturer, gradienter og komplekse former;
anvendelse af grid-principper, geometrisk tilgang og visuel balance.

Fordele ved fladt design

Fdat design har en række fordele, der bestemmer dets popularitet og mangfoldighed inden for digitalt design. Blandt de mest betydningsfulde:

læsbarhed;
klart visuelt hierarki ved hjælp af former, farver og skrifttyper;
effektiv organisering af hurtig og intuitiv navigation i web- og mobilgrænseflader;
nem skalerbarhed for responsivt design;
ubetydelig belastning for et digitalt system.

Med alt det sagt giver fladt design et bredt felt for kreativ udforskning og stilistiske koncepter.

Fladt design - anvendelse i praksis

De mange forskellige designstilarter, der er tilgængelige og udvikler sig i disse dage, egner sig godt til fladt design på grund af dets fleksibilitet og kunstneriske frihed.

Selv på indledende fase Når du planlægger det overordnede layout, logik og overgange, kan flade designprincipper anvendes. Værktøj og software digitale designværktøjer, der bruges på dette afgørende trin, giver designere mulighed for at præsentere kunder og teams med et ensartet layout af alle appskærme eller websider, og selv denne grundlæggende diagram har allerede vigtige visualiseringsfunktioner, der er typiske for fladt design. På dette tidspunkt er den ideel til hurtigt og effektivt at vise designløsninger i et enkelt monokromt layout.

Brugergrænsefladedesign

Brugergrænseflader er absolut blevet et bredt og gunstigt felt for fladt design. Det har fundet sin udvikling både i abstrakte koncepter for brugerinteraktion og i en række originale grænseflader, ikoner, grænsefladeelementer og illustrationer.

Illustrationer som disse giver yderligere støtte digitale produkter og har en tendens til at være mere komplekse med hensyn til detaljer og tilfredsstille brugernes æstetiske behov, samtidig med at der øjeblikkeligt etableres en forbindelse til et specifikt emne.

Trykte illustrationer

De mange forskellige formål med moderne fladt design og dets voksende popularitet inden for digitale produkter har også påvirket andre designområder, især designet til trykte produkter såsom plakater og bogomslag, som tilgangen stammer fra.

Branding

I disse dage har branddesign også med succes anvendt principperne for fladt design på grund af dets fleksibilitet, hvor mange produkter præsenteres på enheder eller modtager digital support online. Fladt design i branding er ofte repræsenteret i logoer og applikationsikoner.

Alle de nævnte fakta og fordele om fladt design betyder bestemt ikke, at denne stil har vundet over andre designtilgange. Enhver stil og retning af design har sine fordele og ulemper. Fladt design har dog åbnet op for nye perspektiver, især inden for skræddersyede løsninger, der præsenterer en harmonisk balance mellem skønhed og funktionalitet.

skrev:

Ekspert i design, udvikling, webanalyse

Ordet "flad" oversat fra engelsk betyder "flad". Siden starten har det såkaldte flade design fortsat beholdt sin position i flere år og indtaget en førende position på markedet.

Hvor det hele begyndte

Webdesign har ændret sig siden starten et stort antal af enkelt gang. Han bestod en lang vej fra enkle og kedelige elementer til tredimensionelle, konvekse og nærmest materielle. Dette kan let ses i eksemplet med at ændre udseendet af Windows-operativsystemet. Den visuelle komponent udvikler sig sideløbende med udviklingen af teknologi. Men dens nye tendenser peger snarere på en tilbagevenden til minimalisme og enkelhed.

Fra skeuomorfisme til fladt design

Stilen, der gik forud for flad, var skeuomorfisme. Han er meget i lang tid var en stor designtrend. Skeuomorphism er en pseudo-volumetrisk stil, som alle elementer efterligner udseende rigtige objekter ( Notesbog, vækkeur), ved hjælp af skygger, naturlige teksturer og mere. Hans levende eksempler fundet i tidlige smartphone-grænseflader. Det begyndte at miste sin position efter 2010, da designere af store virksomheder begyndte at se hen imod forenkling og, når de udviklede brugergrænseflader, begyndte at slippe af med skeuomorfismens hovedtræk - tredimensionalitet.

Fremragende et klart eksempel forskelle i stilarter, kan billedet nedenfor tjene som en guide. Billedet til venstre er et fladt design, mens billedet til højre er skeuomorfisme.

Karakteristik af flad stil

Flat er en todimensionel stil. Den har absolut ingen visuelle effekter som f.eks jævne overgange farver, skygger, volumetriske teksturer. Kort sagt alt det, der gør billedet tredimensionelt.

Det vigtigste informationsindhold er indeholdt i ikonerne (ikon for fladt design). De skal være så tydelige som muligt for brugeren, når det kommer til smartphone-applikationer. For websteder er ikoner de vigtigste elementer, der afspejler dets specificitet og informationsbudskab. Som regel præsenteres de i form af simple geometriske former, cirkel eller firkant, med et karakteristisk konventionelt billede.

Ved udvikling af fladt design lægges der vægt på farveskema. Det skal være monotont, ikke påtrængende og ikke distraherende for brugeren. Oftest bruges en ren farve og flere kontrasterende nuancer. I øvrigt er der mange internettjenester med sæt flade designfarver, som du kan bruge ved at kopiere hex-koderne for de farver, du kan lide.

Ikke mindre vigtigt er sådan noget som typografi (tekst). På grund af den overordnede enkelhed skiller tekstkomponenten sig især ud. Det betyder, at den skal være læsbar og ikke i modstrid med den generelle stil. Dette vil afhænge af det vellykkede valg af skrifttype og dens farve.

Eksempler på flade design

Lad os starte med det faktum, at ikonerne for mange velkendte internetressourcer og sociale netværk. Ikke så længe siden Google giganter og YouTube ændrede også deres design til fladt. Windows-operativsystemet, begyndende med de otte, har fuldstændig forladt alle tegn på lydstyrke i ikonerne, hvilket glædede nogle brugeres øjne i tidligere versioner, og begyndte at holde sig til Flat design. Udviklere fulgte trop mobile applikationer til iOS og Android.

Ensides hjemmesider (landingssider) bruger i vid udstrækning fordelene ved fladt design, hvor den afgørende rolle ikke spilles af prætentiøst udseende, men af funktionalitet og læsbarhed.

Udviklingen af fladt design

I starten var fladt design faktisk helt fladt, hvilket skabte visse vanskeligheder for brugere, der var vant til konvekse knapper. Hvis i skeuomorphism var klikbarheden af knapper umiddelbart mærkbar, så var det i de første variationer af fladt design ikke altid muligt at bestemme interaktiviteten af elementer første gang.

Efter at Microsoft udgav Windows 8, designet i en flad stil, var det ikke alle brugere, der umiddelbart kunne finde ud af den nye grænseflade, og hvilke ikoner de kunne klikke på. Elementernes udseende viste ikke på nogen måde mulig interaktion med dem. Dette design var mere bekvemt for mobile applikationer, som hentede denne idé. Og de var de første til at gøre det Apple selskab i iOS 7 design.

Fladt design står dog ikke stille og udvikler sig mod mere kompleksitet. I dag ligner det i stigende grad et semi-fladt design eller, som det også kaldes, Flat 2.0. Dybdeeffekter, skygger og gradienter begyndte at dukke op i den. Dybde i fladt design opnås ved at arrangere elementer på på forskellige niveauer eller i en vinkel.

Uanset hvad, er stilen på toppen af popularitet og er meget efterspurgt. Så hvis du planlægger at designe din hjemmeside, kan du roligt vælge fladt design. Og hvis du har brug for manglende elementer til dit websted, så kan du finde det på internettet stor mængde Gratis fladt design UI-elementer (gratis at downloade), såsom ikoner, skrifttyper, skabeloner og andre nødvendige komponenter i brugergrænsefladen.

Fordele og ulemper ved stil

Uden tvivl er sådan en diskret, informativ stil mere praktisk end sin forgænger i dagens hurtige liv. Fladt design har en række ubestridelige fordele.

Det vigtigste er måske hurtig indlæsning web sider. Websites, der bruger fladt design, åbner meget hurtigere end dem, der er overbelastet med animationer og andre tunge genstande. Indlæsningstiden er især vigtig for SEO-optimering og webstedsfremme til toppen.

Et forenklet udseende gør teksten lettere at læse og giver dig mulighed for at fokusere på hovedindholdet.

Designet ser harmonisk og holistisk ud, hvilket skaber et samlet behageligt indtryk.

Intet kan være perfekt, og fladt design er ingen undtagelse. På trods af al dens tilsyneladende enkelhed er det ikke så let at udvikle et virkelig vellykket fladt webdesign. Der er mulighed for at gøre det kedeligt og uattraktivt. Eller tværtimod gå overbord med designet og glem alt om funktionalitet. hovedopgaven ved udvikling af Flat design, er dette til at modstå perfekt balance mellem skønhed og brugervenlighed.

I denne artikel vil jeg fortælle dig om fladt design. Det har du sikkert allerede hørt noget om, da flat er blevet en af de førende trends på nettet gennem de seneste år.

I dag skal vi se på, hvad fladt design er, hvordan det opstod, og hvad du skal bruge for at skabe et rent, lyst og responsivt design.

du kan finde gode eksempler fladt design på hjemmesiden http://market.envato.com/. Der er tonsvis af layouts, ikoner og skabeloner, der vil give dig en klar forståelse af, hvordan moderne design ser ud .

1. Hvad er fladt design?

Fladt design - moderne stil brugergrænseflade, samt grafisk design, præget af minimalisme. Fladt design er kendetegnet ved brugen af et minimum af elementer og fraværet forskellige effekter teksturer, skygger og lys, for eksempel: blandede farver, gradienter, højlys og så videre.

Flat er imod skeuomorfisme( Skeuomorfisme er et designprincip, når et produkt får udseende af et andet, dvs. når forskellige grænsefladeelementer kopieres fra rigtige objekter - ca. , samt rigt design Det er dog værd at sige, at fladt design slet ikke er så enkelt, som det ser ud ved første øjekast. Det indeholder nogle træk ved skeuomorfisme, men vi vil tale om dette lidt senere.

Generelt hjælper flad brugeren med at fokusere på indholdet uden at blive distraheret af det visuelle. Fladt design understreger elementernes enkelhed, samtidig med at brugerfladen bliver mere responsiv, behagelig og nem at bruge.

2. Lidt historie

Fladt design eksisterede som bekendt længe før det blev en global trend på nettet. Fladt design var ret populært i 80'erne på grund af det faktum, at teknologien på det tidspunkt endnu ikke var udviklet nok til at understøtte komplekse effekter, teksturer og skygger. Men selv dengang stræbte designet efter skeuphomorfisme og forsøgte at gøre grænsefladeelementerne så realistiske som muligt.

Fladt design, i den form vi ser det nu, begyndte at vinde popularitet, efter at Microsoft begyndte at producere produkter i den såkaldte metrostil. Metro er et UI-design fra Microsoft, der er slående i sin stil og enkelhed.

I 2010 Microsoft udgav Windows Phone 7, som brugte et fladt design med skarpe kanter og enkel grafik, der er arvet fra et af dets tidligere produkter. Microsoft (Zune). Senere, inspireret af succesen, udgav Microsoft styresystemet Windows system 8, baseret på den samme flade Metro-stil.

Fladt design nåede trods alt sit højdepunkt i popularitet i 2013, da Apple udgav iOS 7 demonstrerer fundamentalt nyt design med fuldstændigt redesignede brugergrænsefladeelementer, inklusive ikoner og skrifttyper. Apple selskab oprettet visuelle principper for UI og ikondesign .

Kort efter begyndte Google også at bruge den flade stil i sine applikationer og websider, kaldet den Materiale Design. Google har endda en hel sektion dedikeret til denne stil, inklusive en beskrivelse af målene for webdesign, dets principper og instruktioner til at skabe forskellige designobjekter: ikoner, layout og så videre.

Siden da er lejlighed blevet en nøgletrend inden for webdesign, hvilket gør hjemmesider, applikationer og interfaceelementer elegante, rene og stilfulde.

Der er således tre globale eksempler på fladt design fra virksomheder, som det er svært at forestille sig uden moderne verden teknologier:

Microsofts Metro-design

Apple iOS 7 design

Googles materialedesign

3. Husk at være ren

Fladt design kaldes tilsyneladende "fladt" på grund af manglen på tredimensionelle elementer og realistiske effekter såsom gradienter, teksturer, højlys, halvtoner, skygger. Husk, flad stil er en todimensionel (flad) måde at afbilde objekter på.

Desuden er objekter i fladt design afbildet på en meget forenklet og stiliseret måde.

Og nogle gange bruges endda kun silhuetten eller konturerne af objektet, dvs. lige nok til at gøre objektet genkendeligt, men ikke overbelaste det med mindre detaljer.

Minimalisme er blevet en global trend i disse dage: enkelhed af former og brug af skarpe kanter skaber et rent og behageligt design. Simple former mere forståeligt og lettere at forstå. Dette holder designet minimalistisk og rent uden at give det et travlt, rodet look.

4. Bring det til perfektion

Ved, at når det kommer til at skabe flade ikoner og UI-elementer, skal du få dem til at se sprøde, pæne og pixel-perfekte ud, dvs. så meget som muligt. Det gælder desuden både raster- og vektorgrafik.

Med programmet Adobe Photoshop alt er klart her: det fungerer med raster grafik, som er pixel-baseret.

Angående programmet Adobe Illustrator, så bruger den vektorgrafik, bestående af kurver og linjer kaldet vektorer, som er specificeret af matematiske formler.

Engang var Adobe Illustrator ikke meget af en praktisk program at skabe pixel-perfekt grafik. Den gode nyhed er, at seneste versioner Illustrator stål fantastisk værktøj at skabe god grafik.

Det må jeg sige Vektorgrafik går grundlæggende ud på at arbejde med enkle, flade former, rene farver og gitter Adobe Illustrator er meget fleksibel i indstillinger og giver dig mulighed for at tilpasse gitteret til dine behov, justere objekter og bruge Forskellige typer snapper. Dette gør det nemmere at skabe det perfekte design, der ser rent og stilfuldt ud på enhver skærm. Hvis du vil lære at skabe perfekt grafik, så bør du læse artiklen: Sådan opretter du pixel-perfekt illustration ved hjælp af Adobe Illustrator .

5. Farve

En af de mest specifikke funktioner fladt design, ud over skygger, er brugen af farve. De fleste af de farver, som fladt design bruger i sine elementer, består af blot nogle få grundfarver.

Farven i fladt design er lys, rig og rig.Det flade farveskema er ikke begrænset til nogle få specielle farver. Det indeholder mange nuancer, og deres valg afhænger kun af, hvad du afbilder, det være sig ikoner af slik eller retro-stilobjekter i en sofistikeret retro-palet.

Lad os sige, at du er en UI-designer og er velbevandret i farvepaletter, du eksperimenterer med farvepanelet i Photoshop programmer og Illusstartor, der blander farver som du vil. Denne proces er dog ret kompleks og kræver god intuition, erfaring og færdigheder. Her finder du nogle værktøjer, der kan hjælpe dig med at skabe din egen farvepalet.

Nogle af dem er velegnede til alle typer design og illustration, ikke kun fladt design. For eksempel Adobe Color CC, bedre kendt som Cooler. I dag er der adgang til det, både via hjemmesiden og direkte gennem Adobe-produkter. Cooler er et meget fleksibelt værktøj, der giver dig mulighed for enten at oprette din egen farvepalet eller vælge fra en brugerdefineret palet fra et bibliotek.

En anden enkel og praktisk farvepaletgenerator er Coolors. Tryk blot på mellemrumstasten og programmet genererer en farvepalet, du kan justere farverne, der er også en eksportfunktion.

Der er flere andre lignende tjenester med brugerdefinerede paletter, der kan være nyttige. Der er dog et værktøj skabt specielt til fladt design af Designmodo - en tjeneste med et sæt "flade" farver, meget praktisk til arbejdet. Denne side er blevet meget populær blandt designere, der leder efter gode farveløsninger til det perfekte design. Prøv det!

Og du kan også finde et større udvalg af farver og paletter i Googles materialedesignguide.

6. Lange skygger

Som nævnt ovenfor er fladt design kendetegnet ved enkelhed og meget ledig plads - hvorfor fladt design afviser brugen af eventuelle effekter. Der er dog én effekt, der er typisk for fladt design. Denne effekt er blevet en trend og karakteristisk træk flata.

Vi taler om lange skygger nu. De har nogle typiske egenskaber, der gør denne effekt genkendelig, nemlig: en 45-graders hældning og stor størrelse(skyggen kan være flere gange længere end selve motivet. Som følge heraf giver lange skygger den flade en vis dybdeeffekt.

Denne effekt gør objektet mere tredimensionelt, men holder det samtidig i sammenhæng med fladt design.

7. Arbejde med skrifttyper

Typografi spiller en stor rolle i fladt design. Ofte bliver teksten hovedelementet i kompositionen.

Flade designs bruger typisk enkle skrifttyper, hvilket gør hele designet rent og læsbart. Du kan finde mange gratis skrifttyper i Adobe Typekit, hvis du bruger Adobe-produkter. Du finder også en masse gode gratis skrifttyper på Font Squirrel. Men glem ikke at læse licensen, hvis du har til hensigt at bruge skrifttypen til kommercielle formål.

Oftest i fladt design er det sædvanligt at bruge store bogstaver og kontrastfarver, dette gør teksten mere læselig.

Brug skrifttyper sparsomt, husk at de skal komplementere og komplementere designet i stedet for at fremstå som et separat element. Dette betyder ikke, at du ikke kan bruge serif eller håndskrevne komplekse skrifttyper. Bare husk at være minimal og hold alt i balance. Flat bruger dog stadig ofte sans-serif-skrifttyper, da de ser mere stringente og pæne ud.

8. Fordele og ulemper ved fladt design

Selvom fladt design er blevet så populært på grund af dets mange fordele, er der stadig nogle ulemper, som designere står over for, når de bruger denne stil. Lad os se på fordele og ulemper.

fordele

Popularitet

Fladt design er blevet en trend, der får flere og flere positive anmeldelser fra designere og webdesignere, og det ser slet ikke ud til at miste sin position. Tværtimod breder det sig mere og mere, får nogle nye former og funktioner, bliver mere og mere kreativt.

Enkelhed

Fladt design er enkelt, minimalistisk og rent. Flad på nettet hjælper brugerne med at fokusere på indholdet i stedet for at blive distraheret af det visuelle. Dette fungerer også for mobile app-grænseflader: rent design med store knapper gør brug mobile enheder Perfekt.

Lysstyrke

Farve er et andet cool plus i fladt design. Lyse og rige farver ser attraktive og rene ud, og manglen på gradienter gør designet stilfuldt. Desuden gør sådanne rene farver det mere positivt og præsentabelt fladt design skaber den rigtige stemning.

Fejl

Flat har mange flere fordele, men intet design er perfekt, og vi kan ikke idealisere det. Her er nogle ulemper ved fladt design, som vi skal nævne:

Udeblivelse

Nogle gange fravær vigtige detaljer eller visuelle effekter gør processen med at skabe en brugervenlig grænseflade vanskelig, og det gør generelt, at hele designet ikke reagerer. Ikke alle brugere er komfortable med flad, fordi det kan være svært at finde elementer på en webside, som du skal klikke på eller trykke på skærmen mobiltelefon fordi de ikke er interaktive.

Typografi problemer

Som tidligere nævnt kan ikke alle skrifttyper være egnede til fladt design. Nogle gange ser sådan en rig skrifttype med skarpe kanter virkelig afbalanceret og stilfuld ud. Men hvis skrifttypen er valgt forkert, kan det ødelægge hele designet. Du skal have en rigtig god fornemmelse for, hvilke skrifttyper der egner sig til flade, og hvilke der ikke er, gør det meget svært at vælge skrifttype.

Svagt billede

På grund af begrænsninger i brugen af effekter, farver og skrifttyper kan flade designs se for enkle og kolde ud. Dens minimalisme kan også være dens største ulempe - andre flade designs ender med at se præcis det samme ud som dine. Så det er meget svært at få dine ikoner eller websider til at se anderledes ud end andres design, fordi du bruger de samme forenklede former, begrænset farvepaletter og lignende skrifttyper. Som et resultat kan fladt design blive kedeligt med tiden.

9. Fremtidige flade designtrends

Det kan ikke siges, at fladt design har dannet sig fuldt ud og stoppet i sine spor. Måske er det på grund af dets mangler, der er nævnt ovenfor.

Hvis man ser godt efter sidste eksempel fladt design, kan du mærke, at det virkeliggradvist væk fra dets strenge værktøjer og begynder at tilføje subtile effekter såsom: gradienter, skygger, belysning og andre visuelle effekter.

Disse små detaljer giver det flade design en vis dybde uden at være alt for detaljeret som et skeuomorfisk design. Disse subtile forbedringer gør den flade mere lydhør og komfortabel og bringer også et frisk look, hvilket gør den flade mere fleksibel og alsidig.

Således mister flad ikke sine funktioner, men bliver mere interessant og fleksibel- han bliver virkelig bedre.

konklusioner

Således diskuterede vi nogle fakta fra flad designs historie og talte om farver, former og typografi. Vi så på forskellige synspunkter, fokuserede på fordele og ulemper ved lejlighed og lærte nogle af hovedprincipperne for at skabe et godt design.

Jeg håber, at du selv har lært nye oplysninger fra denne artikel eller i det mindste fandt det interessant. Du skylder dig selv at prøve at skabe et fladt design, hvis du ikke har gjort det før.

Når alt kommer til alt, hvad er der ellers at nævne om fladt design?

Hvis du virkelig kan lide flad med dens skarpe kanter, rige farver og sprøde skrifttyper, dens renlighed og minimalisme, så gå efter det!

Det er trendy, men som med enhver grafisk stil skal du ikke begrænse dig til kun én teknik. Bare fordi flad er trendy, betyder det ikke, at du ikke kan bruge andre stilarter i dit projekt. Skeuomorphism, med dens bittesmå detaljer og teksturer, kan også blive god beslutning. Det vigtigste er at huske, at designet er forskelligt for hvert projekt, det skal udtrykke sin ånd, formål, essens, mens det forbliver praktisk og funktionelt. Frem!

Fladt design er en af hovedtrends i dag, både inden for webdesign og teknologier til at skabe brugergrænseflader. Af de seneste eksempler ville det mest bemærkelsesværdige være: det afgørende skridt Microsoft i denne retning, med sin Windows 8 og den nye Google design, med en klar demonstration af et ønske om at dykke ned i minimalisme.

Her er eksempler på elementer, der definerer .

Livet efter Web 2.0

I form af afrundede former af elementer med alle mulige effekter - 3D, skygger, højlys og refleksioner, gradienter, prægning. Kort sagt alt det, der skaber dybde og volumen. Store, lyse kontroller, glans, teksturer og andre lignende udtryk giver plads til enkle, todimensionelle repræsentationer af visuelle objekter.

Float Design

Typografi i hjertet af stilen

Bemærk venligst, at dette er grundlaget for at bygge en "flad" grund. Enkelheden af flade designelementer såvel som principperne for minimalisme selv øger betydningen af typografi. Tekstindhold det er i princippet muligt at erstatte noget af den tunge grafik eller billeder. I dag er typografi på mange hjemmesider blevet til design. Da fladt design ofte er minimalistisk, skal skrifttypernes natur være i overensstemmelse med almindelig ordning, stil og komposition. For eksempel bruges store bogstaver ofte til elementer eller overskrifter.

Coderwall

Læs også: 12 primære farver og eksempler på deres opfattelse af brugere

Flad design farvepalet

Fladt design bevæger sig også mod større farvediversitet. Webdesignere bruger i stigende grad farvepaletter til at implementere det måske mest grundlæggende designprincip: et websted skal være anderledes end dets jævnaldrende.

Minimal abe

Frirum, store elementer

Fra start til slut har det et minimalistisk grundlag, hvilket betyder, at det vedtager sine grundlæggende principper: store indholdsblokke, store elementer, ledig plads, mangel på unødvendigt ballade og prætentiøsitet.

Skæg design

Fladt design af ikoner, knapper, illustrationer

Knapper, ikoner, badges og illustrationer får også et 2D-udseende. De skal svare til den angivne stil på alle sider på siden, formidle stemningen på selve siden og være lette at forstå for enhver bruger.

At vælge farver til ikoner, ligesom selve ikonerne, er ikke en nem opgave. Du kan bruge rene farver. I et forsøg på at dekorere designet skal du tænke over, hvordan du gør siden nem at bruge. På den ene side er det vigtigt ikke at overtræde stilen, men på den anden side er det nødvendigt at gøre ikonerne mærkbare. I illustrationer stræber vi efter minimalisme og undgår de tidligere populære 3D-effekter.

Læs også: 20+ inspirerende websteder med flade illustrationer i design