Onko neumorfismi todella vuoden 2020 kuumin muotoilutrendi?

Neumorfismi
(Kuvan luotto: Dribbble / alexplyuto)

Kaikki puhuvat neumorfismista, kuumasta uudesta muotoilutrendistä, joka ilmestyi tyhjästä parin viime kuukauden aikana - mutta onko se todella kaikki?

Suunnittelijat rakastavat hyvää trendiä, ja neumorfismissa on paljon, mikä viittaa siihen, että tämä voi olla iso (ihmiset puhuvat siitä jo iOS 14: n potentiaalisena ulkoasuna) eikä harjoitus kokeellinen suunnittelu . Litteä muotoilu ja sen Googlen tukema serkku, Material Design, ovat olleet hallitseva ilme käyttöliittymäsuunnittelussa muutaman vuoden ajan siitä lähtien, kun iOS 7 tuli esiin ja käynnisti epäilemättä edellisen skeuomorfismin trendin.



Neumorfismi: mallit

Michal Malewicz suunnitteli nämä Neumorphic-liitännät, ja ne näyttävät hyvältä(Kuvan luotto: Michal Malewicz)

Vaikka nimi Neumorphism viittaa samanlaiseen ulkoasuun, älä paniikkia. Kukaan ei aio palata takaisin huonoihin aikoihin, kun käyttöliittymät on valmistettu väärennetyistä tosielämän materiaaleista. Teimme koko sovelluksen, joka sai sinut tuntemaan työskenteleväsi antiikin viktoriaanisen toimiston parissa, ja on turvallista sanoa, että saimme sen pois kollektiivisesta järjestelmästämme.

Sen sijaan neumorfismi yhdistää litteän suunnittelun ja skeuomorfismin parhaat puolet; puhumme puhtaista rajapinnoista, kun otetaan huomioon suuri vankka kohokohtien ja varjojen älykäs käyttö. Nimen keksi UX-suunnittelija Jason Kelley kommentissaan käyttöliittymäsuunnittelijan Michal Malewiczin artikkeli , ja se on juuttunut vaikeaan.



Neumorfismi: Dribbble

Dribbblen läpi kulkeminen on melkein mahdotonta kompastumatta Neumorfisten mallien valikoimaan(Kuvan luotto: Dribbble)

Artikkelissaan Malewicz tutki, kuinka neumorfismia voitaisiin käyttää rajapinnoissa, ja päätyi siihen, että vaikka se oli hauska trendi pelata, sillä oli omat esteettömyysongelmansa, jotka aiheuttaisivat valtavia ongelmia, jos sitä levitettäisiin laajasti. Erityisesti painikkeet.

Useimmille katsojille Neumorfiset painikkeet näyttävät hyvältä; kaikki paksu ja kiinteä. Mutta näköongelmista kärsiville käyttäjille he eivät ole niin kuumia; ei ole vain tarpeeksi kontrastia, jotta heidät voidaan helposti havaita. Ja jopa 20:20 -näköisille käyttäjille Neumorphic-painike ei tarkalleen hyppää sivulta. Jos haluat kiinnittää käyttäjien huomion, neumorfismi ei ole tapa tehdä se.



Viimeisimmässä Neumorphism-teoksessaan Malewicz viittaa siihen zombi-trendi '. Hän toteaa, että monet ihmiset puhuvat neutorfismista, mutta kukaan ei tee mitään tuotteita sen kanssa, ja silti se kieltäytyy kuolemasta. Joten vaikka Dribbble on ehdottomasti täynnä Neumorfiset mallit ja Cult of Mac haaveilee Applen toteuttavan iOS 14: n Neumorphic-ulkoasun, todellisissa esimerkeissä on hyvin vähän tapoja antaa meille tunne, toimiiko se todella vai ei.

mikä koko on iphone 8 plus

Neumorfismi: zombi-suuntaus

Malewiczin uusin teos neumorfismista viittaa siihen, että hän saattaa väsyttää sitä(Kuvan luotto: Michal Malewicz)

Chris Coyier , joka jakaa suuren osan Malewiczin skeptisyydestä, löysi tämä kätevä generaattori Neumorfisten painikkeiden rakentamiseen CSS: ssä. Pelaa sitä ja huomaat ongelman nopeasti: Neumorfiset sivuhuonekalut toimivat todella vain vaimennettujen värimallien kanssa. Lisää värikylläisyyttä missä tahansa asteessa ja vaikutus häviää; tämä ei ole etsiä ketään, joka nauttii työskentelystä rohkeasti.

Neumorfismi.io

Pelaa peliä Neumorphism.io kanssa ja huomaat nopeasti sen rajoitukset(Kuvan luotto: Adam Giebl)

Joten, vaikka Neumorphic-ilmeessä on paljon pidettävää - ja tunnustetaan, tasainen muotoilu näyttää hieman väsyneeltä, joten olisi ihanaa saavuttaa uusi visuaalinen paradigma joskus pian - se ei tunnu olevan valmis täydelliseen muotoilutrendiin.

Ehkä älykkäät suunnittelijat ratkaisevat ongelmat ja muuttavat sen toimivaksi suunnittelujärjestelmäksi - ja sellaiseksi, joka on asianmukaisesti saatavilla. Tällä hetkellä se on kuitenkin kaunis muotoilulelu; hauska leikkiä, mutta et halua rakentaa vakavaa projektia sen työkaluilla.

Luo JS

Generate - konferenssi web-suunnittelijoille ja kehittäjille - tarjoaa 100 puntaa normaalilipun hinnasta vain yhden viikon ajan. Syötä koodi FLASH100 maksusivulla.(Kuvan luotto: Tulevaisuus)

Aiheeseen liittyvät artikkelit: