Flad stil hvad. Frirum, store elementer

Hvad er fladt design? Denne retning design er en af de mest diskuterede på internettet. Kort sagt er fladt design en ekstremt forenklet stil, hvis rødder går tilbage til minimalismen. Men dette er ikke ligefrem minimalisme, da denne stil kan tage det meste forskellige former afhængig af designkrav. For bedre at forstå, hvad fladt design er, er det bedre at gå baglæns og definere, hvad det bestemt ikke er.

Dette er ikke 3D. 3D-grafik i sig selv giver dig mulighed for at få meget realistiske, men samtidig todimensionelle billeder. I modsætning til 3D er der ingen vægt på fladt design meget opmærksomhed detaljer, der skaber dybde og dimension, såsom skygger, højlys og teksturer.

Dette er ikke skeuomorfisme. Fladt design opstod som et alternativ til pseudo-volumetriske designelementer, der efterlignede virkelige objekter eller processer. Skeuomorphism foreslår aktiv brug forskellige effekter: skygger, refleksioner, refleksioner og realistiske teksturer. Der er og kan ikke være noget af dette i fladt design.

Folk begyndte først at tale om fladt design i 2012-2013, da denne stil først dukkede op. Tendensen var meget mærkbar og forårsagede meget støj, da Microsoft var en af de første til at udvikle denne retning. Afslut Windows 8 med sin nye grænseflade for altid ændrede designet og i vid udstrækning forudbestemte vektoren for webudvikling, i det mindste dens visuelle komponent.

Apple stod heller ikke ved siden af, hvilket også forlod pseudo-volumetriske elementer i designet af grænsefladerne på sine enheder. Microsoft og Apple blev dannet ny virkelighed, hvor der ikke var plads til websteder med forældede designs. Samtidig optrådte Apple ikke så radikalt som sin evige konkurrent og fik gradvist fjernet elementer af skeuomorfisme.

Fladt design i sig selv er hverken godt eller dårligt, det er webdesignere, der gør det praktisk eller ubelejligt. Men lad os være ærlige, i sine ekstreme former ser fladt design ikke særlig æstetisk tiltalende ud. Sandsynligvis er zonen for den bedste opfattelse i dette tilfælde et sted i midten mellem flade og pseudo-volumetriske elementer.

Det er meget muligt, at tendensen til ekstrem forenkling, som har været dominerende de seneste år, vil blive erstattet af noget andet. Det er der nogle forudsætninger for - for eksempel Material Design-retningen, skabt af Google-designere.

KOMPATIBEL MED ADAPTIVT DESIGN

Microsoft og Apples bevægelse væk fra skeuomorfisme i interfacedesign har haft store konsekvenser. Den nye stil blev næsten øjeblikkeligt taget i brug som en ny tilgang til UX. Siden da er fladt design blevet en dominerende trend, der fortsat er relevant. I dag er flade elementer allestedsnærværende, vi ser dem på websteder, i applikationer og på skærmene på forskellige enheder.

Principperne for fladt design gælder for en lang række designkategorier, men dets strenge gitter og forenklet grafik vises bedst på enheder med små skærmstørrelser.

Tendensen mod minimalisme har i høj grad forenklet designeres arbejde - det er blevet lettere for dem at designe grænseflader, der vises korrekt på enhver type enhed. I tilfælde af pseudo-volumetriske elementer var alt ikke sådan - nogle gange blev grænsefladen, som så fantastisk ud på skrivebordsskærmen, til noget uforståeligt på en mobilenhed.

En af de vigtigste fordele ved fladt design er dets skalerbarhed. Flade elementer ser godt ud uanset størrelse, og i modsætning til pixel-perfekt design er de meget nemmere at arbejde med.

FLEKSIBEL PLATFORM

Fladt design, i sin stræben efter enkelhed, er kendetegnet ved god fleksibilitet: alle elementer er som regel skabt af homogene geometriske former, hvilket forenkler skabelsen af et afbalanceret layout, hvor hvert modul eller blok har sin plads. Alle elementer er let at skelne fra hinanden, og vigtigst af alt, under drift kan de hurtigt udskiftes uden at krænke de originale indstillinger.

Gitrene har også en fleksibel struktur, der kan leveres i en række forskellige konfigurationer. Dette giver designere mulighed for at skabe de mest optimale tilgange den bedste måde demonstrere tilgængeligt indhold. Fraværet af restriktioner og behovet for at justere gitteret, hvis nye elementer ændres eller tilføjes, fremskynder arbejdsgangen markant.

LÆSbar TYPOGRAFI

Fladt design har markant ændret den måde, designere tænker på typografi. Den nye stil krævede en anden tilgang til valg af skrifttyper og kvaliteten af layout. Som følge heraf gjorde fraværet af skygger og forskellige effekter teksterne lettere at læse.

Til fladt design typisk bred brug sans serif-skrifttyper er dog ikke akisoma, og seriffer kan også se godt ud i kombination med flade elementer. Serif-skrifttyper vil være ganske passende som overskrift, og de kan også bruges i hovedteksten, hvis typografien ikke krænker den kompositoriske enhed.

MINUSSER

Det kan se ud til, at fladt design ikke har nogen ulemper, men det er ikke tilfældet. I deres søgen efter at understrege rene linjer og former falder nogle designere i fælden med at fokusere på æstetik, mens de forsømmer brugervenligheden. Enkelt og Smukt design, hvor der ikke er noget overflødigt, er ikke altid praktisk, og sådanne fejl er især udtalte, når du bruger mobile enheder.

I fladt design er det ofte svært at afgøre, hvilket element der er interaktivt, og hvilket der ikke er. Alt er det samme, nej åbenlyse forskelle, alle elementer ligger i samme plan. I stræben efter enkelhed kan designere utilsigtet skjule eller uforvarende skjule vigtige funktioner eller handlinger og brugeren, der ikke ser de sædvanlige prompter, kan miste orienteringen på webstedet.

Lad os tage dette websted som et eksempel. Hvilke elementer i den er interaktive. Alle? Eller bare nogle? Uklar. Dette kan kun findes tilfældigt, men det er unødvendige bevægelser, hvilket er uønsket.

TAB AF INDIVIDUALITET

For ethvert brand, forretning eller designprojekt er det unikke af allerstørste betydning. Uanset om det er en hjemmeside, en applikation, et hæfte, en plakat eller et visitkort, skal designet være originalt og godt genkendeligt.

En af ulemperne ved fladt design er dets visuelle stil. Bruger enkel geometriske former fører ofte til to helt forskellige designs kan vise sig at ligne hinanden meget. Designere, der bruger flade elementer, er begrænsede i deres muligheder, fordi de ikke har meget til deres rådighed. stort valg acceptable muligheder. I På det sidste På Internettet kan du se mange klonesider, der ikke faktisk er kloner. Det er bare en tilfældighed. Desuden er tilfældighederne ubehagelige, da webstedet mister sin tiltrængte individualitet og farer vild på baggrund af andre ressourcer med et lignende design.

Nogle gange bliver det sjovt. Når du ser på disse billeder, tænker du måske det foran os forskellige sektioner samme ansøgning. Men nej, designerne Marco La Mantia og Simone Lippolis arbejdede uafhængigt af hinanden. Grundlæggende designelementer bruges som geometriske figurer og en hvid sans-serif skrifttype er en mere end logisk løsning. Men resultatet er beklageligt – det samme farveskema fuldstændig frataget designet dets unikke karakter. Og den slags sager er der mange af.

JAG MODE

Fladt design vil forblive en af de hotteste trends i lang tid, simpelthen fordi det ser godt ud på mobilenhedsskærme. Men mange designere vælger fladt, ikke kun fordi det giver dem mulighed for hurtigt at løse de fleste problemer, men også på grund af deres ønske om at skabe noget moderne og moderigtigt.

Men i jagten på mode kan man tillade alvorlig fejl: Hvis du tankeløst følger alle trends, er det sagtens muligt at glemme brugen af design. En lejlighed kan være meget smuk, elegant og endda yndefuld, men alligevel bør designerens valg bestemmes af funktionalitet og ikke af ønsket om skønhed. Nogle gange skader ønsket om at "skubbe" noget moderigtigt ind i et design kun det, for eksempel lange skygger, et af de mest genkendelige træk ved fladt design.

Foran os er værker af designere Alexander Lototsky og Erik Malmskeld. Dette er typiske eksempler på brug af lange skygger i design. Nu vil dette ikke overraske nogen, men på én gang, og begge værker blev skabt tilbage i 2013, da fladt design lige kom på mode, var den nye visuelle stil meget interessant og attraktiv. Som et resultat dukkede så mange lignende ikoner op, at brugen af skygger i dag er en formel og uinteressant løsning. Det var engang på mode, men ikke længere. Skygger er som skygger. Der er ingen mening i dem, nej nyttig funktion de overholder ikke.

DÅRLIGT VALG AF FONT

Enhver designer drømmer om at skabe noget smukt og samtidig funktionelt. Men i jagten på æstetik kan du træffe dårlige valg, der påvirker brugervenligheden. Et eksempel er dille til tynde og lette skrifttyper. Denne type typografi ser ren og let ud, men den er også svær at læse.

Nogle gange er det berettiget at vælge en tynd skrifttype - for eksempel til brug i overskrifter. Men når hovedteksten er skrevet i samme skrifttype, er det ofte umuligt at læse den. Sådanne fejl er især mærkbare i mobile enheder – lille størrelse skærm reducerer læsbarheden af indholdet markant.

FLAD 2.0

I løbet af de sidste par år har designere eksperimenteret med flade elementer og bragt en masse nye ting til fladt design. Stilen er fuldt udformet og som enhver anden etableret stil har den sine fordele og ulemper.

Ved begyndelsen af dets udseende var flad kendetegnet ved streng visuel enkelhed; der var ingen antydning af skygger eller strukturer. Selv gradienter blev ikke holdt i høj agtelse, selvom de på ingen måde modsiger principperne for fladt design.

Men efterhånden begyndte designere også at bevæge sig væk fra simple løsninger, forsøger at finde en form for kompromisløsning mellem flad og skeuomorfisme. Resultatet var en ny stil, som nogle designere kalder Flat 2.0. Skygger, gradienter og endda lette, næsten usynlige strukturer begyndte gradvist at dukke op i designelementer. Fladt design mangler tydeligvis dybde, og designere er begyndt at bruge hybride tilgange. For eksempel visuelt arrangere elementer på forskellige niveauer, eksperimentere med nuancer og skygger. Et andet ofte brugt eksempel på en hybrid tilgang er brugen af ikke kun ikoner og flade vektorillustrationer, men også fotografier.

Google har gjort meget for at promovere Flat 2.0. Materiale Design Guideline er et forsøg på at skabe et nyt visuelt sprog, der kombinerer flade og tredimensionelle designelementer. Googles anbefalinger meget detaljeret og let at følge. Samtidig insisterer Google ikke på streng overholdelse af alle reglerne i retningslinjen - designere kan eksperimentere, skabe deres egne originale projekter, som kan kombinere en række elementer.

KONKLUSION

I dag er Flat 2.0 på dannelsesstadiet, men retningen, som denne stil vil udvikle sig i, er allerede ret klar. Der forventes ingen væsentlige ændringer - trendsætterne Google, Apple og Microsoft kommer ikke til at give op. Hvis der er ændringer, vil de være ubetydelige - nye tilgange vil dukke op, nogen vil komme med et interessant "trick", forsøg vil fortsætte med at tage det bedste fra skeuomorfisme. Men i global forstand er der ingen grund til at forvente noget virkelig nyt – fladt design er en langsigtet trend, og kun en stil, der passer bedst til nye teknologier, der endnu ikke eksisterer, kan fortrænge det fra sine erobrede positioner.

Som udvikler sig mobile applikationer og hjemmesider, skrev en klumme til os og satte rekorden med hensyn til fladt og materielt design.

I det store og hele er forskellen mellem fladt design og materialedesign subtil. For en person, der ikke har dyb viden om grafisk design, kan de faktisk virke meget ens. I denne artikel vil jeg forsøge at "belyse" nogle af forskellene mellem dem. Du vil modtage yderligere viden, der er så nødvendig for ikke at komme til at skade designerens sarte natur.

Lidt historie

Inden vi begynder at tale om forskellene mellem de to mest populære designtrends, lad os finde ud af, hvor de kommer fra. Der er en opfattelse af, at materialedesignet er skabt på basis af et fladt. Hvor kom fladt design så fra?

Skeuomorfisme

Når det kommer til brugergrænseflade og webdesign, refererer begrebet skeuomorphism til en tilgang, hvis hovedidé er efterligning. Uden at gå for meget i detaljer, lad os bare huske Apples pre-iOS 7-grænseflader med deres "realistiske teksturer, belysning og bombastiske effekter."

Forsøger at gøre digitale objekter svarende til deres modparter i den virkelige verden var begrundet i behovet for at lette brugerinteraktion med enheden. Faktisk er det af denne grund, at alle grænseflader med realistiske teksturer dominerede digitale verden i mange år. Skeuomorphic design gør et godt stykke arbejde med at hjælpe brugerne med at skifte problemfrit fra den virkelige verden til den digitale.

Dog med blomstringen mobile teknologier efterhånden er der behov for primært at fokusere på bekvemmelighed og brugervenlighed. Enig, på dette område er der behov for at skabe mobile løsninger, ledig fra forskellige enheder, stiger markant. Og i dette øjeblik bliver enkelhed den nye designstandard.

Bemærk: Tro under ingen omstændigheder, at skeuomorfi er helt forsvundet. Det er meget udbredt i spil, hvor det er nødvendigt at skabe en realistisk verden og hjælpe spillere med at mærke deres karakter for at fordybe sig dybt i spilprocessen.

Fladt design

Denne stil er fuldstændig blottet for tredimensionelle objekter. Groft sagt mangler fladt design sådanne stilistiske elementer som skygger, teksturer, gradienter, men lægger vægt på spillet af skrifttyper og farver og ikoner. Men hvorfor var alt dette nødvendigt? Svaret er enkelt.

For det første reducerer fladt design betydeligt sideindlæsningstiden. Fraværet af "tunge" skeuomorfe detaljer (tænk: lag, serif-skrifttyper, gradienter) gør flade designelementer "lettere", hvilket igen fremskynder indlæsningstiderne betydeligt. Desuden ser flade elementer lige attraktive ud på begge skærme. høj opløsning, og med lav.

For det andet simple billeder kan formidle din idé til brugerne hurtigere end detaljerede illustrationer: de er skematiske og derfor ret nemme at forstå.

Og selvfølgelig kan flade ikoner med en relativt enkel skrifttype rette brugernes opmærksomhed mod virkelig vigtigt indhold.

I dag har fladt design fået en velfortjent anerkendelse, men det har stadig sine problemer. Det mest åbenlyse eksempel på sådanne problemer var Windows udgave 8 af Microsoft. Dette operativsystem betragtes som en pioner inden for fladt design og understøtter konceptet Metro design. Det, der førte til problemerne, var, at virksomheden fandt det nødvendigt at være mere opmærksom på typografien end selve grafikken.

Resultater fra en Windows 8 usability-test udført af NN Group viste, at brugere havde svært ved at skelne klikbare objekter fra ikke-klikbare. Brugere klagede over, at objekter, der virkede statiske, faktisk var klikbare. Som følge heraf mislykkedes virksomhedens hovedmission - at hjælpe brugerne med at fortolke systemet korrekt.

Et andet firma, der ofte forbindes med fladt design, er Apple. De bevægede sig væk fra skeuomorfe designelementer i den mobile operationsstue iOS system 7, udgivet i 2013. Denne gang blev overgangen modtaget lidt bedre, primært på grund af det faktum, at virksomheden ikke forsøgte at opdatere brugergrænsefladekonceptet fuldstændigt, men blot tilføjede et par ændringer i retning af et fladt design. Dette gjorde det muligt for brugere at bruge produktet ved at stole på deres tidligere erfaring med operativsystemer og websteder.

Materiale design

Lad os være klare lige nu: Materialedesign er mere et mærkevareprodukt end en spontan designtrend, der har vundet bred accept. Det er det, der hovedsageligt adskiller den fra dens flade design.

Ved at kalde et designmateriale "branded" mener jeg, at det har et helt sæt klart definerede anbefalinger og principper, som enhver designer med respekt for sig selv følger. Det er helt indlysende, hvorfor Google introducerede sit Material Design: Der var et behov for at forene designet, så applikationer så ens ud på alle de mange Android-enheder.

Selvom det er ret funktionelt, anses fladt design stadig for at være svært at forstå. Sandheden er, at flade objekter på skærmen kan forvirre brugere (især dem, der ikke har erfaring med at bruge mobil- og webgrænseflader). Derfor forsøger materialedesign at bringe elementerne af skeuomorfisme tilbage, men i en meget forenklet form. Billeder ser flade ud, især når det kommer til farver, men er stadig multidimensionelle takket være tilstedeværelsen af Z-aksen.

Med andre ord kan materialedesign kaldes en forbedret version af fladt design med elementer af skeuomorfisme - animation, skygger og lag. På denne måde kan du gøre produktet mere intuitivt i forhold til navigation, og undgå unødig kompleksitet inden for den overordnede stil.

Fordele og ulemper ved fladt design

Lad os efterlade historien om udviklingen af stilarter og gå videre til noget mere betydningsfuldt - lad os liste de stærke og svage sider fladt design.

Minimalisme og stil
Intuitivitet. Det bliver nemmere for dig at formidle din idé til brugerne.
Sparer tid og ressourcer. Sider indlæses meget hurtigere med mindre båndbreddeforbrug.
Fokus på indhold. Grænsefladen er fri for unødvendige detaljer, der kan distrahere fra virkelig værdifuld information.
Ser lige så godt ud forskellige enheder, det være sig en pc- eller smartphone-browser.
Fremskynder udviklingsprocessen for webstedet eller appdesignet ved at eliminere unødvendige designdetaljer.

Minimalistisk stil.
Ganske intuitivt på et intuitivt niveau. Materialedesignet vil være lige så let at opfatte for både erfarne brugere og begyndere.
Moderat skeuomorfisme. Alt ser mere realistisk ud takket være brugen af Z-aksen (et unikt Google-koncept).
Der er et sæt manualer, der løbende opdateres. Derfor kan enhver designer altid henvende sig til dem, hvis der opstår vanskeligheder under arbejdsprocessen.
Animation til webløsninger tilskyndes. Der er ingen grund til at minde dig om, hvor meget folk elsker bevægelse. Derudover giver animation dig mulighed for at gøre grænsefladen mere klar og intuitiv.

Har en ejer (Google-virksomhed). Derfor bør eventuelle spørgsmål og forslag til forbedringer rettes til ejeren.
På grund af Z-aksen kan designprocessen tage længere tid at fuldføre.
Animerede elementer kræver flere ressourcer.
Stiv overholdelse af retningslinjer kan begrænse originaliteten af et design.

Sammenfatte

Faktisk bør en af de overvejede designtilgange ikke anses for at have en klar fordel frem for den anden, da flade og materielle stilarter går side om side. De er begge utrolig populære og begge er blottet for overdreven realisme. Materialedesign er en efterfølger til fladt design, mens fladt design i sig selv var en reaktion på løsninger, der var for tunge og realistiske. Materialedesign tilføjede noget, som fladt design altid har forsøgt at bevæge sig væk fra - lidt skeuomorfisme. Selvom én ting altid vil være anderledes mellem disse tilgange: materialedesign er et proprietært produkt Google, og fladt design er resultatet af sammensmeltningen af flere designpraksis, som primært stræber efter overordnet enkelhed.

I virkeligheden har fladt design udviklet sig meget i de senere år, fra en helt "flad" stil til en "semi-flad" stil. Det giver nu mulighed for brug af lag og subtile skygger for at tillade objekter at fremstå dybere, end de tidligere så ud. Så du og jeg er glade samtidige med fladt design 2.0.

Endelig er der intet, der forhindrer dig i at forsøge at kombinere disse to tilgange for at skabe et virkelig funktionelt og brugervenligt produkt. Så tag lidt inspiration fra de flade og materialedesign-guruer og kom i gang!

Flad - design (fladt design) - Det her populær stil i design af hjemmesider og grænseflader, samt operativsystemer, særpræg som er enkelhed, sofistikering og minimalisme. Fladt design begyndte at vinde popularitet i 2010 som det modsatte af skeuomorfisme.

Skeuomorfisme- et fysisk ornament eller designelement, der er kopieret fra formen af en anden genstand, men lavet af andre materialer eller ved hjælp af forskellige metoder. Eksempler omfatter keramik dekoreret med imiterede nitter for at ligne lignende potter lavet af metal, eller en computerkalender, der efterligner udseende fastgørelse af sider af en papirskrivebordskalender (definition fra Wikipedia).

Populariseringen af den flade stil i design blev lettet ved udgivelsen af operativ system Windows 8 fra Microsoft i Metro stil, samt iOS 7, hvori Apple selskab vælger også flad stil. Det er efter dette, at den virkelige æra med fladt design begynder. Snart går store virksomheder også over til Flat-design søgetjenester og applikationer - Google, Youtube, mange websteder dukker op, der bruger principperne om flad stil i deres design. I de senere år har fladt design været førende inden for globale hjemmesidedesigntrends.

Fordele ved fladt design

Praktisk- brugen af fladt design giver dig mulighed for at minimere antallet af stilarter, scripts og animationer, hvilket gør det muligt for webstedet at indlæse hurtigere.
Let at tilpasse- fladt design er nemt nok at tilpasse til forskellige skærmopløsninger.
Brugervenlighed- takket være den forenklede stil er det nemmere for brugerne at opfatte information på webstedet.
skønhed- ekstern upartiskhed og simple designs giver dig mulighed for at fokusere på et design, der virkelig fanger dig.

5 principper for fladt hjemmesidedesign

Fladt design er slet ikke kedeligt, som det kan virke ved første øjekast. På grund af sin renhed og sofistikering kan designløsninger være stilfulde og smukke, uden unødvendig støj, som giver dig mulighed for at koncentrere dig om dit produkt eller din service.

1 - Brug af 2D-objekter

Fladt design udelukker brugen af elementer, der giver dybde og volumen til et objekt: skygger, gradienter, højlys, teksturer, refleksioner, animation. Når et objekt afbildes, vises kun dets konturer.

2 - Ikoner og simple objekter

Brug flade ikoner og monosyllabiske figurer med klare konturer og samme farve giver dig mulighed for at forenkle designet så meget som muligt og gøre det lettere. Kontroller bliver intuitive forståelig for brugeren og tilskynde til interaktion.

3 - Simple skrifttyper i designstilen

Der lægges stor vægt på typografi og skrifttyper i fladt design. Kursiv er ikke brugt her; skrifttypen passer harmonisk ind i hjemmesidens design, ikke kun i indhold, men også i navigation. Selv i skrifttyperne til webstedet opmuntres den minimalistiske stil.

4 - Farvespil

Fladt design indeholder flere primære farver, som udelukker brugen jævne overgange og gradienter, men kan være lyse og kontrasterende med hinanden.

5 - Minimalisme

Fladt design involverer brug af visualisering af elementer, brug af hele skærmens bredde og samtidig minimeret information.

Der er sådan noget som næsten fladt design. Dette er et af de flade designkoncepter, der involverer brug af enkle elementer og todimensionelt rum. Et eksempel på dette kunne være foto af høj kvalitet, som sløres ud i baggrund eller formørket. Dette giver dig mulighed for at skabe dybde og perspektiv af objektet.

Eksempler på flade design

På internettet, herunder i det hviderussiske segment, kan du finde mange eksempler på udvikling af hjemmesider med fladt design inden for forskellige emner, herunder nyhedsressourcer, portaler og endda onlinebutikker.

Vi ved ikke, om du har lagt mærke til det eller ej, men på det seneste (især i det sidste år) har der været en klar tendens i webdesign verden over i retning af forenkling, robust minimalisme og visuel forenkling af, hvad vi som brugere interagerer med hver dag. Kort sagt er designet blevet "fladt": i modsætning til de konvekse ikoner fra tiden med hurtig vækst sociale netværk og web 2.0, nu bliver vi i stigende grad mødt af simple ikoner for nye tjenester. Alt dette har fået sit navn - fladt design. Ikke lejlighed, men flad.

Med gårsdagens præsentation af det nye mobile OS, iOS 7, bekræftede Apple endelig den hurtige vækst i popularitet af denne trend, hvilket traditionelt glædede nogle af sine fans, men stødte også på betydelig utilfredshed blandt erfarne brugere og designere. Hvad er der galt? Hvad er brugen af dette flade design, og har verden virkelig brug for det? Vi besluttede at henvende os til eksperter fra Ukraine og i udlandet.

Vi bad dem besvare tre hovedspørgsmål:

hvorfor verden begyndte at bevæge sig mod fladt design på nettet og mobilen, og hvad det er;
hvad dette vil give til Apple og iOS 7;
hvordan dette vil påvirke designere på den ene side og brugere på den anden.

Denis Sudilkovsky, Kiev
Interaction Design specialist, producent Prodesign.in.ua

"Penduleffekten" ved at forudsige fremtiden kommer til udtryk i det faktum, at hvis der er to yderpunkter i et eller andet spørgsmål, vil menneskeheden svinge fra den ene side til den anden. Dette gælder uden tvivl for design af interaktive systemer. Det flade og uinteressant primitive web ændrede sig på et tidspunkt til voluminøse webbaserede knapper. Interfacevisualiseringer har nået deres højdepunkt af realisme, og pendulet flyver hen imod modsatte side- flad og enkel.

Hvad får Apple ud af dette? Det vil bevare sin plads i trenden og hundredtusindvis af kommentarer om, at deres iOS er ved at blive meget lig Android.

Designere bliver nødt til at udvikle sig (og spøg ikke med, hvornår fladt design kommer til maskinteknik og giver os flade biler :). Når der ikke er dekoration, består alt arbejdet i at skabe en stemning med indhold til et specifikt scenarie hos brugeren. Denne profession vil have mere og mere til fælles med Direktøren end med Kunstneren. Brugere modtager derimod ny oplevelse og nye indtryk. Personligt var jeg iPhone-tilhænger i 4 år, men i foråret skiftede jeg min telefon til Android af den eneste grund - jeg var træt af Apple-grænsefladens monotone idealitet.

Daniel Bruce, Stockholm
Senior Digital Creative, danielbruce.se

Først og fremmest vil jeg gerne påpege, at jeg ikke bryder mig om udtrykket "fladt design". Det meste grafisk design i århundreder har været "fladt". Jeg tror også, det begrænser din evne til at gøre fremragende design, når valget står mellem fladt og noget andet. Design kan være meget mere end dette. Munter, lyst, mørkt, positivt, minimalistisk – du kan kalde det, hvad du vil. Men i dag hører jeg sjældent nogen anser design for at være andet end fladt eller skleromorft. Det er lidt trist.

Hvorfor er web og mobil langsomme til at bevæge sig mod fladt design? Sådan som jeg ser det, er det bare en trend. Jeg har aldrig set en artikel om fordelene ved fladt design i brugergrænseflader og er stadig ikke overbevist om dette. Enkelt og klart design - ja, men det er ikke det samme som "flad". Se for eksempel på Google. De laver ikke helt flade designs, de - og jeg deler denne pointe - ser stadig behovet for lidt dybde og variation.

Jeg var meget overrasket, da Microsoft valgte denne retning for sig selv for et par år siden, og præsenterede den berømte Metro-stil. Faktisk brugte de grafisk design til store skilte, som folk ser på fra bestemte afstande og aldrig interagerer med små skærme med et betydeligt antal elementer. De ser pæne ud, men har de god brugervenlighed?

Det, jeg så fra Apple i går aftes, var bare en dårlig kopi af flere interessante designs, som er dukket op på sider som Dribbble og Behance hele vejen igennem sidste år. Jeg så ikke noget nyt - bortset fra at det langt fra er det samme " gamle æble" Steve Jobs. Virksomheden viste, at den ikke er på forkant med design mobile grænseflader. Selvfølgelig vil vi se fans adoptere alle disse hvide designs og kreative gradienter i løbet af de næste par måneder, men jeg tror ikke, at det aspekt vil være lige så virkningsfuldt som Googles seneste nedlukninger. Men på den anden side, uanset hvad, så har Apple altid været en trendsætter og en inspiration for mange mennesker, inklusive mig.

Vedrørende almindelige brugere, så kan de godt lide lyse farver.

Ivan Klimenko, Kiev
mobil interface designer, 5tak.com

I høj grad er jeg lidt filosofisk omkring denne flade styling-fascinationssituation. Det er ikke første gang, at designere interesserer sig for minimalisme og kunstige materialer. Alt passerer.

Bauhaus-æraen i 20-30'erne gav et stort bidrag til design, men alligevel kunne den tonale stramhed og kunstighed ikke modstå folks lyst og indre trang til at eksistere omgivet af mere naturlige ting.

Så i 60'erne begyndte alle at beundre plastik.

Møbler, tallerkener og endda tøj er alle lavet af plastik. Det så ud til, at dette nyt håb menneskeheden, men igen nej - folk vendte meget hurtigt tilbage til naturlige former eller til kopier af naturlige materialer.

Den barske kontrast mellem former og minimalistisk grafik har altid udtrykt ophobningen af interne konflikter i samfundet. Design er blot et spejl, der viser vores indre verden. Der sker for meget. Livet accelererer meget, og vi har simpelthen ikke tid til at tænke og overveje noget. Vi har ofte ikke tid til bare at leve.

Minimalisme og al denne elektroniske hardware er blot et skridt på vejen til noget mere naturligt og menneskeligt. Mere end bare en anden computer. Jeg er endda ked af, at Apple, som vidste, hvordan man kiggede dybt, ikke længere eksisterer.

Olesya Grichina, Kiev
UI designer hos Componentix, twitter: elendiel

Jeg tror, at designerne var meget påvirkede et stort antal af gadgets med forskellige størrelser skærm og opløsning - for al denne variation er det lettere at skabe et design uden teksturer, komplekse skygger, der korrekt tager højde for belysning osv. De begyndte at tænke mere i retning af "hvordan man gør det mere bekvemt for brugeren," snarere end "hvordan man tegner smukt." Indhold er hovedsagen, og i vores arbejde er det vigtigt at præsentere det bedst muligt.

Det forekommer mig, at eksterne ændringer(flad brugergrænseflade, ikoner) vi bemærkede især ikke nogen alvorlige ændringer i brugervenlighed, og hvordan folk bander om dette emne. Når de tjekker, at det virker, begynder det at sige: "Åhhh, hvor bekvemt, og hvorfor gjorde de det ikke før?" Jeg håber, at dette vil påvirke designere på en sådan måde, at de vil være mere opmærksomme på brugerfladen i stedet for teksturer og skygger. I sidste ende vil det være muligt at forklare kunderne, at det er en trend :)

Jeg tror, at fladt design ikke vil påvirke brugerne specielt – hvis det er bekvemt for dem at skabe og forbruge indhold, vil der være mange tilfredse mennesker. Men ikonerne på startskærmen stadig sur :)

Pavel Grozyan, Kiev
Produktdesigner hos MacPaw, grozyan

"Æble! A-ha-ha, stop det! - Designerne råber. - Hurra, det blev nemmere. - brugere chanter." Jeg forstår begge synspunkter. I dag, efter præsentationen fra WWDC2013, rejste mange af mine kolleger sig og sagde: "Spil det her fag! Enhver kan tegne sådan en dumhed nu. Og disse ikoner for $30?!" Og ved første øjekast har de ret, men hvis du graver dybere, indser du, at der er tusindvis af genstande, som i lang tid de adskilte sig kun fra hinanden i brugsscenariet, derefter i form, så i farve og først derefter i kunstneriske detaljer. Jeg husker de gange, hvor alle disse fyre på LinkedIn-profiler, som i dag siger UX, UI Designer, nervøst kopierede bogstavernes hvide skyggeeffekt. Ligesom Apple. Derefter lys og lys steder. Ligesom Apple. Derefter grænseflader rige på teksturer og realisme. Ligesom Apple. Alt deres arbejde bestod af kopiering, da der ikke var noget originalt, samlet og bekvemt udviklingskoncept for alle. Det er netop det problem, som fladt design løser i dag. Selvom det forekommer mig forkert at kalde det sådan. Det er godt, at Microsoft ikke opfandt det, og det blev dannet over ti år før den digitale æra inden for publicering.

Flad - det er ikke til klik, det er til klik, tryk, tryk. Du kan ikke kalde det fladt - fraværet af "tykke" teksturer og skygger på knapperne gør det ret forenklet og uden visuel aggression. Og du kan ikke undvære gradienter til knapper. Jeg støtter denne tendens. Hvis det ikke forstyrrer kvaliteten af brugeroplevelsen, bliver det nemmere for alle at leve med. Først og fremmest til brugeren. For det andet for skaberen: det bliver lettere at teknisk implementering, mere bekvemt at klikke på (understregning af links - hej) og multi-platform - kombinere web, mobil og desktop til én samlet oplevelse. Uden tvivl er dette et modigt træk for Apple. Og det er kun de, der kan tage stilling til det. Deres historie har snesevis af bekræftelser, så de er mere tilbøjelige til at lykkes end omvendt.

Hjemmesider i den flade designstil ligner et simpelt geometrisk blokrum med farvede accenter (ikoner, tekstfremhævninger, infografik) med et minimum af grafiske detaljer og ingen overskud tekstoplysninger. Som de siger, "minimalisme" og intet overflødigt.

Hvordan man ikke tegner flade ikoner

"Flat" webstedsdesign er blevet moderne sammen med grænseflader nye Windows. Den voksende popularitet af denne stil i Rusland er blevet lettet af en stigning i antallet af selvlærte webdesignere, der ikke ved, at hjemmesidens grænseflade og "finger"-grænsefladen (smartphones) ikke er den samme ting (det er nemt at rulle ned på siden med fingeren - og tværtimod skal du have en masse tålmodighed og reel interesse for at dreje musehjulet 3-4 skærme ned). På russiske flade sider kan du ofte finde følgende ikoner:

Eksemplet er bare lyse farver, der ikke matcher hinanden + ikoner af dårlig kvalitet (jeg tog eksemplet fra et betalt sæt, men næsten altid bruger freelancere frit downloadede ikoner fra forskellige sæt, der heller ikke matcher hinanden).

På grund af deres manglende evne til at tegne grafik af høj kvalitet, griber nybegyndere let muligheden for at forenkle alt. Samtidig overses det, at design i "minimalisme"-stilen involverer netop højkvalitets udarbejdning af grænsefladedetaljer, og ikke blot at placere ikoner downloadet fra internettet på farvede firkanter i Windows stil 8 (som nu kan findes på mange angiveligt "moderne landing pages").

Eksempel på gode flade ikoner:

Farver og ikoner skal ikke kun kombineres med hinanden, men også danne en enkelt helhed.

Problemer med fladt design af lav kvalitet

1. Navigation og brugervenlighed

Internettet er IKKE et rigtigt rum, så for at skabe en følelse af virkelighed og forstå din placering, bruger websteder " brødkrummer", og ikonbillederne er tæt på rigtige genstande for hurtig forståelse og nem navigation. Så fra husets ikon er det umiddelbart klart, at dette er "hjem", fra ikonet håndsæt- at det er en telefon, med vogn - at det er en kurv (som i et supermarked - alt er overskueligt), et ikon med et billede af en gave - en gave osv.

Nye flade designere forenkler dog ofte ikoner. Og jo længere designere er fra intuitive billeder, jo sværere er det for brugeren at fortolke dem. Oversimplificering gør til tider navigation vanskelig. Så snart alle skyndte sig at skabe moderigtigt fladt hjemmesidedesign og prøvede at efterligne europæiske designere, glemte de simple regler anvendelighed.

2. Lange flade fodindpakninger

Siderne strækker sig 3-4 skærme ned, mens pladsen ikke kun bruges sparsomt, men derimod tilføres en for stor mængde "luft". Samtidig er der ingen visuel motivation for at scrolle – ingen chips, ingen animation. Hvordan udviklerne planlagde at interessere besøgende i at rulle ned på siden, er ikke klart. Når alt kommer til alt, i forhold til steder, hvor alt er kompakt, kræver fodtøjssteder meget energi for at flytte musen hen over hele skærmen og scrolle.

3. Forvirrende knapper

På flade steder er aktive elementer ikke længere indlysende. Med fremkomsten af fladt design blev knapperne også flade. Men det visuelle billede af knappen kommer fra en rigtig fysisk knap, og skygger og gradienter viser bare, at "du kan helt sikkert klikke her."

4. Dårligt tegnede ikoner

På grund af designeres sjuskede arbejde har ikoner på websteder (dette er især mærkbart på websteder i flad stil) mistet deres forudsigelige billeder. Enten pga begrænsede budgetter på design, måske på grund af webdesignernes inkompetence, men navigationselementer på websteder svarer ofte ikke til primære associationer og er "langt søgte".

Jeg går ud fra, at arbejdet med at skabe ikoner foregår sådan her: Ifølge de tekniske specifikationer er der behov for et "Individuel tilgang til klienter"-ikonet. Personligt har jeg et billede af en leder og to klienter, som hver ledes af en pil af forskellig farve (en blå pil fører til en blå klient, en rød pil fører til en rød klient). Hvis en designer ikke ved, hvordan man tegner, vil han lede efter et ikon i færdige sæt (i bedste tilfælde vil han købe det fra en fotobank, i værste fald vil han downloade det fra internettet) og bruge den, der er mest passende i betydningen. Mest sandsynligt vil det være et ikon af en mand med et slips eller en kuffert. Generelt gik jeg ikke ret langt, men stadig i webstedets design vil det være klart, at kufferten er " Individuel tilgang for alle” og Uret i “10 år på markedet” (i øvrigt så jeg det virkelig!) – designeren snød.

5. Falsk indholdsfokus

Fladt hjemmesidedesign forudsætter fokus på indhold. Nå, selvfølgelig - hvis vægten ikke er på grafik, så på information. Men hvis du omhyggeligt ser på de "moderne" landingssider i flad stil, der tilbydes af russiske webstudier, er der kun lidt opmærksomhed på indholdet. Nemlig:

Teksten præsenteres tilfældigt. Det er ikke klart, hvordan accenterne er placeret i det, hvad man skal holde sig til, og hvad der er sekundært.
Der er ikke noget design som sådan. Tabeller, punktopstillinger, overskrifter, meddelelser er ofte slet ikke udviklet.
Ofte blottet tekst. Der er ingen billeder eller ikoner, der visuelt understøtter tekstblokkene. Som følge heraf er der hverken lagt vægt på grafik eller tekst, men på selve "stilen". Samtidig er virksomheden og dens tilbud tabt.

Så er fladt design overhovedet nødvendigt for hjemmesider?

Alt er klart med designet af interfaces til smartphones - let, ubelastet, let at bruge. Men med hjemmesidedesign i den flade stil, har jeg personligt et stort spørgsmål: er det overhovedet effektivt?

De fleste kunder forstår ikke kvaliteten af grafik og bliver, når de godkender et webstedsdesign, styret af deres personlige smag (synes godt om/ikke lide). Og her spiller mode en rolle.

Fladt hjemmesidedesign kan være cool. MEN! Et lækkert design kræver brugbarhed af rigtig høj kvalitet og grafiske elementer og tilstedeværelsen af kreative funktioner og effekter. Og hvis de er fraværende fra designet, hvis webstederne mangler originalitet, ser de monotone, tomme og kedelige ud. Generelt er dette, hvad der nu er tilgængeligt på de fleste russiske sider.

Et eksempel på fladt design af høj kvalitet:

Moden til fladt hjemmesidedesign er midlertidig, ligesom enhver anden mode. Nogle mennesker skaber originale, kreative designs, mens andre kopierer dem og efterligner dem med stil, fordi de ikke selv ved, hvordan de skal finde på dem. Og billige "mode"-sider vokser som svampe...