Er Neumorphism virkelig 2020s hotteste designtrend?

Neumorfisme
(Billedkredit: Dribbble / alexplyuto)

Alle taler om Neumorphism, en hot ny designtrend, der har vist sig ud af ingenting de sidste par måneder - men er det virkelig alt det?

Designere elsker en god tendens, og der er meget om Neumorphism, der antyder, at dette kunne være en stor (folk taler allerede om det som et potentielt udseende til iOS 14) snarere end en øvelse i eksperimentelt design . Fladt design og dets Google-sponsorerede fætter, Material Design, har været et dominerende udseende i interface-design i et par år, lige siden iOS 7 kom sammen og startede den tidligere tendens til skeuomorfisme usikkert.



Neumorfisme: mockups



Michal Malewicz designet disse Neumorfe grænseflader, og de ser godt ud(Billedkredit: Michal Malewicz)

Mens navnet Neumorphism antyder et lignende udseende, skal du ikke gå i panik. Ingen er ved at gå tilbage til de dårlige gamle dage med grænseflader lavet af falske virkelige materialer. Vi gjorde det hele med apps, der fik dig til at føle, at du arbejdede på et antikt victoriansk bureau, og det er sikkert at sige, at vi fik det ud af vores kollektive system.

I stedet kombinerer Neumorphism det bedste af fladt design og skeuomorphism; Vi taler om rene grænseflader, givet et stort hit af soliditet gennem smart brug af højdepunkter og skygger. Navnet blev opfundet af UX-designer Jason Kelley i en kommentar til en artikel af UI-designer Michal Malewicz og det sidder fast.



hvordan man bruger perspektivværktøjet i illustratoren

Neumorfisme: Dribbble

Det er næsten umuligt at vandre gennem Dribbble uden at snuble over et udvalg af Neumorfe mockups(Billedkredit: Dribbble)

I sin artikel udforskede Malewicz, hvordan neumorfisme kunne bruges i grænseflader, og konkluderede, at selv om det var en sjov tendens at lege med, kom den med sine egne tilgængelighedsproblemer, der ville forårsage enorme problemer, hvis den blev rullet ud i stor skala. Specifikt knapper.

For de fleste seere ser neumorfe knapper godt ud; alle klumpede og solide. Men for brugere med synsproblemer er de ikke så varme; der er bare ikke nok kontrast til, at de let kan ses. Og selv for brugere med 20:20 vision, vil en Neumorfisk knap ikke ligefrem springe ud af siden. Hvis du vil få fat i dine brugeres opmærksomhed, er neumorfisme ikke den måde at gøre det på.



I sit seneste stykke om Neumorphism henviser Malewicz til det som ' zombietendensen '. Han bemærker, at mange mennesker taler om neumorfisme, men ingen laver nogen produkter med det, og alligevel nægter det at dø. Så mens Dribbble er absolut fyldt med Neumorfe mockups og Cult of Mac drømmer om, at Apple implementerer Neumorphic-udseende til iOS 14, der er meget lidt i vejen for virkelige eksempler, der giver os en fornemmelse af, om det virkelig virker eller ej.

Neumorfisme: zombietendensen

Malewicz 'sidste stykke om Neumorphism antyder, at han måske er træt af det(Billedkredit: Michal Malewicz)

Chris Coyier , der deler meget af Malewicz 'skepsis, fundet denne praktiske generator til opbygning af neumorfe knapper i CSS. Hvis du har en leg med det, vil du hurtigt se problemet: Neumorfe sidemøbler fungerer kun virkelig med dæmpede farveskemaer. Skru mætningen op i en hvilken som helst grad, og effekten går tabt; dette er ikke et blik for alle, der nyder at arbejde med dristige toner.

Neumorphism.io

Spil med Neumorphism.io, så finder du hurtigt dens begrænsninger(Billedkredit: Adam Giebl)

Så mens der er meget at lide ved det neumorfe udseende - og lad os indse det, fladt design ser lidt træt ud, så det ville være dejligt at ramme et nyt visuelt paradigme engang snart - det ser ikke ud til at være klar til en fuldt designtrend.

Måske vil smarte designere stryge problemerne ud og gøre det til et fungerende designsystem - og et, der er korrekt tilgængeligt. Lige nu er det dog et smukt designlegetøjssæt; sjovt at lege med, men du vil ikke opbygge et seriøst projekt med dets værktøjer.

Generer JS

Generate - konferencen for webdesignere og udviklere - tilbyder £ 100 i rabat på en standardbillet i kun en uge. Indtast koden FLASH100 på betalingssiden.(Billedkredit: Fremtid)

Relaterede artikler: