2019 UI / UX-suunnittelutrendit, jotka sinun pitäisi tietää

Suunnittelijan on pysyttävä uusimpien suunnittelutrendien kärjessä. Työtyylin tulisi muuttua ja kehittyä, jotta työ pysyy tuoreena ja resonoi asiakkaiden ja tuotteiden kanssa. Vuotta 2019 kerättiin paljon suuntauksia viime vuodesta ja lisättiin myös uusia. Joten katsomaan tämän vuoden mehukkaita suuntauksia, jotka olen valinnut.

UI-suunnittelun suuntaukset

Värikkäitä ja räätälöityjä kuvia

Mukautettuja kuvia, joissa on rohkeita, eloisia värejä ja hauskoja tyyliteltyjä ihmisiä, tulee takaisin vuonna 2019 ja niistä tulee vuoden pääsuuntaus. Tilastojen mukaan tämäntyyppinen sisältö voi muuntaa 7 kertaa paremmin kuin mikään muu visuaalinen sisältö. Nykyään yritykset hyödyntävät enemmän mukautettuja kuvia. Mukautettujen kuvien avulla yritys osoittaa brändinsä arvojen ainutlaatuisuuden. Tämä suunnittelutapa auttaa yrityksiä pääsemään lähemmäksi asiakkaitaan tekemällä kokemuksensa tuotemerkistä yksilöllisempiä. Epäilemättä, nämä mukautetut piirrokset ovat kalliita, mutta valitsemalla ne saat paljon bang for your buck. Suosituimmat suunnat ovat piirroksia yksinkertaisilla muodoilla ja isometrisillä muodoilla.

  • yksinkertainen muoto
Lähde: Uran, Zak Steele-Eklund, Gal Shir, Tubik
  • isometriset kuvat
Lähde: Walid Beno, Rwds, Widelab

Nestemäinen grafiikka

Muotoilu digitalisoituu, ja näitä suuntauksia seuraavat suunnittelijat ja taiteilijat tuovat monimutkaisia ​​värimuotoja todelliseen maailmaan. Ja nestemäisiä, holografisia, kromaattisia muotoja ja kiiltoja on kaikkialla, mukaan lukien käyttöliittymäsuunnittelu. Se ei koske vain grafiikkaa, vaan myös typografiaa.

Lähde: 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡Lähde: Judson Collier

Brazen, iso typografia. Luova ja rohkea

Tyylikäs ja rohkea typografia on erittäin suosittu tänä vuonna. Monissa tapauksissa typografia korvaa taustakuvia ja esittää sivun pääosan. Tämä trendi vaatii myös toista typografiasuuntausta - Outline typography. Nämä trendit sekoitetaan usein toisiinsa ja yhdistetään rohkeisiin ja erittäin suuriin kappaleisiin.

Lähde: Mario Šimić, Nathan RileyLähde: Aristide Benoist

Tummat teemat

Tummat teemat alkoivat vallita Mojave-päivityksen julkaisun jälkeen. Tumma puoli houkuttelee käyttäjiä, ja maailmankuulu yritykset ovat julkaissut tummien teemojen ohjelmistopäivityksiä.

Lähde: UXPinLähde: Shakuro

Luovat kuormaajat

Ei ensimmäisen vuoden liikesuunnittelu pysyy trendissä. Yleisö tykkää hauskasta, muokattavasta animaatiosta. Käyttöliittymäsuunnittelu käyttää liikettä myös erilaisissa kuormitustapauksissa. Monimutkainen, viihdyttävä animaatio kiinnittää käyttäjän ja mahdollistaa myös käyttäjäkokemuksen mukauttamisen.

Lähde: FourPlus StudioLähde: Tubik

Mukautettu 3D-grafiikka: animoitu ja staattinen

3D-suunnittelu on vielä yksi merkittävä trendi. Nyt se ei ole vain staattinen suunnittelu, vaan myös animoitu 3D-grafiikka. Erilaiset luonnollisten materiaalien simulaatiot, esineiden liikkeet ja mielenkiintoiset esineiden yhdistelmät sävellyksissä kiinnostavat käyttäjiä ja saavat heidät pysymään.

Lähde: 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡Lähde: Mike | Luova rahapaja

Kirkkaat, rohkeat värit ja kaltevuudet

Viime vuoden malleissa käytetyt kaltevuudet ovat yleensä hieman vanhentuneita ja ne ovat haalistumassa. Mutta kaltevuudet eivät kuolleet. Uusia, parempia kaltevuuksia on tulossa. He käyttävät rikkaita, näyttäviä, kiinteitä värejä.

Lähde: HiwowLähde: Daniel Korpai

minimalismi

Toisin kuin vuonna 2018 suositut uusiutuneet värimaailmat, minimalistinen muotoilu on tulossa. Rajapintojen vakavuuden valitsevat tuoteyritykset korostaen heidän palveluidensa ja tuotteidensa staattista luonnetta, elitismiä ja korkeaa laatua. Minimalismi saavutetaan käyttämällä yksiväristä väripalettia ja lihavoituja fonttikäännöksiä.

Lähde: SochnikLähde: Sochnik

UX-suunnittelun trendit

Ääni rajapinnoissa

Kuinka monta kertaa kuulit “OK, Google?” Äskettäin. Google, Alexa ja Siri ovat päivittäisiä auttajia. Lähes 50% kaikista hauista tehdään äänellä, koska niistä on monia etuja, kuten ettei sinun tarvitse käyttää käsiäsi.

Lähde: KlausHuang

Mikro-vuorovaikutukset

Ihmiset käyttävät mikrovuorovaikutusta kaikissa ohjelmistotuotteissa. Mikrovuorovaikutukset tarjoavat käyttöliittymän intuitiivisemman käsityksen. Nesteanimaation ansiosta käyttöliittymä näyttää dynaamisemmalta ja kevyemmältä, ja se myös tekee päivittäisestä vuorovaikutuksesta viihdyttävämmän.

Lähde: Oleg FrolovLähde: Grejory

Luuranko näytöt

Tämä menetelmä saa käyttäjät ajattelemaan projektisi nopeaa. Vaikka sovelluksesi lataa luuranganäyttöjä, saat sujuvan työn tunteen, käyttäjän sujuvuus ja tarkkuus eivät jätä käyttäjää.

Lähde: LinkedIn, Youtube

Ele-ohjaus

Painikkeettomien puhelimien avulla, joissa puhelimen etupaneelin koko pinta on näytön alainen, eleidenhallinnasta on tullut ehdottoman välttämätön lähestymistapa navigointiin. Nyt kaikki haluavat vähentää ohjainten määrää ja lisätä intuitiivista eleiden hallintaa.

Lähde: InVision

Peukaloystävällinen kokemus

Viime vuosina matkapuhelinyritysten julkaisemat älypuhelimet saavat riittävän suuret näytöt (5'7-'6'2). Tämä juttu saa sormemme ja kätemme harjoittamaan venyttämistä. Peukaloihin suuntautunut muotoilu vie kaikki tärkeät ja usein käytetyt säätimet näytön alaosaan. Voit päästä sovelluksesi tärkeimpiin osiin vain peukalollasi ilman toisen käden apua. Mutta rehellisesti sanottuna tämän suuntauksen muuttuminen alkoi kauan sitten pohjanavigointivalikkojen esiintymisen myötä.

Suuntaukset, jotka ovat poissa

Videot kaikkialla

Muistatko taustavideot vuosien 2015–2017 tärkeimmäksi trendiksi? Nyt on aika päästää irti. Taustavideot eivät ole enää trendikkäitä, käyttäjät mieluummin nopeaa tiedon lataamista ja sivustoja ilman viiveitä.

Geometriset muodot, kuviot, viivat ja ympyrät

Kuviot, joissa on sekoitus geometrisiä muotoja, ovat tulossa vähemmän suosituiksi tänä vuonna. He vangitsivat suunnittelijan sydämet pitkään, nyt ne korvataan mukautetuilla kuvilla ja käsityökuvioilla.

Design System on uusi musta

Lisäisin, että valtava suunnittelujärjestelmien aalto nielaisi muotoilumaailman nyt. Viimeisen kerran yrityksemme työskenteli valtavan tuoteperheen parissa ja yksi päätuotteista on Eva Design System. Ja nyt ensimmäinen versio suunnittelujärjestelmästämme tuli ulos. Eva on muokattavissa ja mahdollistaa suunnittelijoiden ja kehittäjien työn nopeuttamisen ja auttaa välttämään paljon tarpeetonta työtä. Se on täysin ilmainen ja avoimen lähdekoodin tuote, joka on saatavana symbolipohjaisena Sketch-tiedostona ja viitekehyksenä kulmalle ja reagoida alkuperäiskansoille (Nebular ja UI kitten).