Wordpress

Web diseinuaren joera nagusiei begira (2018-2019)

Web diseinua etengabe eboluzionatzen ari da. Teknologia indartsuagoa denez eta diseinatzaileek estilo berriekin esperimentatzen duten heinean, urtero sareko munduan joera zirraragarrien multzo paregabea aurkezten da. Azken urteotan sortu diren diseinuetatik eta garatzen ari diren teknologia berrietatik abiatuta, posible da 2020an zehar etorriko dena aurreikustea.

Bil ditzagun web diseinuan azken urteak eta azter ditzagun sortzen ari diren estiloak, datorren urte berrian eta aurrerago zer espero duzun jakin dezazun.

Zergatik jarraitu Joerekin?

Web diseinuaren moda guztiak ez dira bideragarriak, hori ziur da. Denerako denbora eta lekua dago, eta zure webgunea arrazoirik gabe berritzeak on baino kalte gehiago egin dezake, batez ere erabilgarritasunaren eta UXren kostua denean.

Baina kontuan hartu gabe zure webguneari itxura berri bat ematera joan behar ez bazenuen ere, zalantzarik gabe, meritu bat dago web diseinuaren joerekin jarraitzea, batez ere teknologiaren aurrerapenetan oinarritutakoak.

Esate baterako, oraindik ez baduzu entzun AI chatbot-en, web-aplikazio progresiboen edo CSS sarearen berri, bihurketak galtzen ari zaren teknologia zaharkitua erabil dezakezu. Pentsa nola iraultzailea izan zen responsive design interneterako; ez duzu ontzian azkena izan nahi horrelako garapen bat berriro gertatzen den hurrengoan.

Eta joerak estetiko hutsak direnean ere, meritua dago haiekin jarraitzeak. Esate baterako, webgune zuri, garbi eta sinple bat funtzionala izan daiteke. Baina azken urteotan hartu duen estilo abangoardistagoaren web diseinuarekin, erabiltzaileak ere nahiko aspergarria iruditzen zaie.

Kolore gehiago, sare hautsiak edo mikro-interakzio animazioak gehitzea bezalako aldaketa txikiek ere bide luzea izan dezakete zure webgunea garrantzitsua izan dadin.

Gainera, web-diseinatzaileak teknologia berrietara hazten, ikasten eta egokitzen diren heinean, aurrerapen eta joera horietako batzuk oso onak dira edertasunari eta funtzionaltasunari dagokionez. Pentsa guneek duela 20 edo 10 urte nola zuten itxura eta funtzionamendua... bide luzea egin dugu, eta bide luzea dugu oraindik egiteko.

Zure markara egokitzen den web diseinuaren joera moderno bat ikusten baduzu eta erabilgarritasunari kalte egiten laguntzen dion edo, gutxienez, ez badu kaltetzen, baliteke ontziratzeak merezi izatea.

Laburpena: 2018ko web diseinuaren joerak

2020a hemen dagoela, 2018a gero eta urrunago dagoela dirudi. Baina bere joerak oraindik ere eragina izaten jarraitzen du sarean, estilo berriak sortzen diren arren, eta horietako asko diseinu modernorako garrantzitsuak direnez, ona da atzera begiratu eta noraino iritsi garen ikustea.

Web-diseinua soiltasun minimalistatik aldendu eta indibidualismo ausartetara joan da urte batzuk daramatza, baina 2018an iritsi zen dena. Ondorioak oraindik suma ditzakegu orain ere, eta Internetek estilo original eta bereziz betetzen jarraituko du ziur asko. .

2D ilustrazioak, 3D animazioa

Web diseinuaren joerak: 2d 3d
2D ilustrazio baten adibidea (Iturria: Nomadic Tribe)

Ilustrazioak nortasuna transmititzeko modu onenetako bat dira eta 2D marrazkiak gero eta gehiago agertzen dira. Marka egiteko bikainak dira eta zure webgunea askoz gogoangarriago bihurtzen dute, beraz, ez da harritzekoa. Ilustrazio harrigarriak dituen webgunea ez da ahaztuko.

3D atzeko planoko animazioa ere ezagunagoa bihurtu zen, arakatzaileen, animazio-teknologiaren eta ordenagailuen eta telefonoen bezalako gailuen ahalmen handiagoari esker. Batez ere ohikoa zorroa eta agentzien webguneetan, 3D animazioek berehala pizten dute arreta eta UI interaktibitate dibertigarrirako aukerak eskaintzen dituzte.

Etorkizunean, eskuz egindako ilustrazio eta animazioek ospea hazten jarraituko dute. Zure markaren nortasuna beste ezerk ezin duen moduan erakusten dute (eta estrategia gisa funtzionatzen duela frogatu du).

Sotiltasuna, laua eta minimalismoa

web-fluxua
Diseinu laua nahiko ezaguna zen (Iturria: Webflow)

Estilo originalago eta nabarmenagoetara pausoak eman arren, minimalismoak Interneten nagusitzen jarraitu zuen. Soiltasun garbia zalantzarik gabe erakargarria da, eta kolore distiratsuagoak edo elementu esperimentalak zituzten guneetan ere diseinu laua izan ohi zen.

Hala ere, "Flat 2.0" edo diseinu erdi laua, itzalak, gradienteak eta beste elementu apur bat konplexuagoak erabiltzearekin sustrai handiagoa hartu zuen. Minimalismoa existitzen den bitartean, diseinatzaileek horri buelta emateko modua aurkituko dute.

Animazio sotilak ere izan ziren 2018ko zati handi bat, paralaje arina eta pasatzeko efektu leunak nonahi agertu ziren. Horiei esker, webgune minimalistak beren sinpletasuna mantendu zuten diseinu orokorra askoz politagoa eginez.

Diseinu geometrikoa

Gune gehienek poligonoak eta geometria dituzte neurri batean, baina diseinu geometrikoa izan zen 2018ko joeren zati handi bat. Guneak laukiak, laukizuzenak eta lerroak bezalako forma sinpleen inguruan bakarrik egin ziren, eta xehetasun txikiagoetan ere agertzen ziren botoiak edo dekorazio-koadroak.

Horren zati handi bat forma geometriko organikoak ziren, edo irregular samarrak eta inperfektuak direnak. Askotan izkin leunak eta asimetria izaten dituzte, eta itxura ezohikoa nahiko interesgarria da. Poligonoen ertz zorrotzak eta geometria organikoaren ertz biribilduak elkarrekin konbinatzen ziren askotan bisualki erakargarria den kontraste bat sortzeko.

web diseinuaren joerak: giftrocket
Diseinu geometrikoak gobernatu zuten eguna (Iturria: GiftRocket)

Kolore biziak eta lodiak

Garai batean zuria eta zuria zen Internet kolorez, paleta bizi eta abenturazalez gainezka dago orain bazter guztietan. Kolore-eskema bakoitzeko tonu isildu baten edo biren egunak lausotzen ari dira, paleta distiratsu eta ausartak azkar hartzen ari dira bere lekua.

Gradienteak nonahi agertu ziren eta gaur egun ere aukera ezaguna izaten jarraitzen dute, haien ñabardura bizi eta biziak gune garrantzitsu askoren goiburuak betetzen dituzte.

Spotify
Kolore lodiak bolumenak (Iturria: Spotify)

Kolore eskema biziekin batera glitch eta distortsio efektuak etorri ziren, diseinatzaile edo garatzaileen zorro askotan agertzen diren animazio distiratsuak. Bere ospea zertxobait lausotu den arren, oraindik sarean aurki ditzakezu.

Hautsitako sareta diseinua

hasierako laborategia
Guztiek agurtu hautsitako sareta (Iturria: Startup Lab)

Webgune gehienak sarean oinarritutako diseinu sinple batean eraikitzen dira, elementuak ataletan txukun banatuta. Hautsitako sareta diseinuak itxaropen hori apurtzen du, elementu gainjarriz eta simetria leihotik botatzen du. Ezohiko diseinu hau moldeak hautsi eta nabarmentzeko modurik nabarmenenetako bat da.

Arreta handia jaso zuen beste estilo bat pantaila zatituaren diseinua izan zen, pantaila bi paneletan banatzen zuen teknika, bakoitza bere edukiarekin. Orokorrean, diseinuak askoz interesgarriagoak bihurtu ziren.

AI eta Machine Learning

Chatbot-ak gauza handiak dira. Programa dotore hauek bezeroei modu dinamikoan erantzuten diete, laguntza edo erosketa prozesua partzialki edo guztiz automatizatuz. Ikaskuntza automatikoak datuak aztertu eta galderei eta iruzkinei erantzuten ikasteko aukera ematen die, eta zure giza laguntzako agenteei lan-kargaren zati bat kentzeko.

Baina hau hasiera besterik ez da. Teknologiak aurrera egiten jarraitzen duen heinean, AI eta ikaskuntza automatikoa are gehiago integratuko dira lineako sistemekin.

Brutalismoaren gorakada

eskema
Brutalismoa latza da begietan, baina adierazpen bat egiten du (Iturria: The Outline)

Brutalismoa ez da polita, baina bere erakargarritasun bitxiak askoren bihotzak irabazi ditu. Kolore bitxiak, UXren aurkako aukerak eta diseinu orokorrek bereizten dute, brutalismoak diseinatzaileak erotzera eta itxaropenak gainditzen dituen gune bat sortzera bultzatzen ditu. Etorkizunean estilo ez-uniforme hori gehiago ikustea espero beharko zenuke.

Ipuin kontaketa Web Diseinuarekin

atlasian
Diseinua istorio bat kontatzeko erabil daiteke -(Iturria: Atlassian)

Ikuskizunak informazioa modu eraginkorrean transmititzeko modu onenetako bat dira, istorio bat kontatzen saiatzen ari zaren edo datu asko gizakiek irakur daitezkeen. Web-diseinatzaileak beren istorioak kontatzen ari dira ilustrazio xarmangarrien eta datuen bistaratzearen bidez, beren mezua erakargarriagoa eta ulerterrazago egiten duten diseinu interaktibo eta bisualekin.

2019ko web diseinuaren joera handienak

2019k web diseinuaren joera asko partekatu zituen 2018arekin, sare hautsitako diseinua eta kolore paleta lodiak esaterako. Baina gauzak are erotu dira, diseinatzaile ausartetatik esperimentazio askorekin.

2019ko gaia: arauak betetzea eta haustea. Minimalismo zuria, laua, sarean oinarritutakoa, asimetria distiratsua eta ausarta barne. Diseinu garbia eta espazio zuria beti lehiakide handiak izango diren arren, diseinatzaileak prest daude azkenaldian gauza berriak probatzeko. Horietako askok 2020an indar osoa dutela ikusten ari gara.

Bizigarritasuna eta koloreen esperimentazioa

fotonauta
Kolore biziak nagusitu ziren (Iturria: Fotonaut)

Internet gero eta koloretsuagoa da. Gradienteak ohikoak dira orain, eta webguneek sarritan duela urte batzuk entzuten ez ziren paleta distiratsuak eta distiratsuak daramatzate. Paletak beraiek esperimentalagoak dira, kolore osagarrien edo kontrasteen ohiko moldetik hautsi eta leku guztietara doaz.

Guneek jada ez dute kolore soil eta isildu berberak erakusten. Pastel leunak, tonu distiratsuak eta edozein tamainatako paletak hartzen ari dira. Kontraste zorrotza, sotiltasun leuna eta nortasun handiko paletak elkarrekin nahasten dira Internet asko anitzagoa izan dadin.

Monokromoa ere moda handia da orain. Hau askotan zuri-beltzeko edo gris-eskala estetika iluneko webguneen forma hartzen du, baina kolore bakarrean soilik egindako guneak ere aurki ditzakezu.

Ilustrazio gehiago

absurdu
Ilustrazioak oraindik ezagunak ziren (Iturria: absurdoa)

Ilustrazioak eta eduki bisualak handiak izan ziren 2018an ere, baina eboluzionatzen jarraitu dute. Artistak gune gehienek erabiltzen duten ilustrazio estilo tipiko eta sinplistatik pausoak ematen ari dira, eta zerbait ezberdina saiatzen ari dira.

Sortzen ari den joera bat normaltasunetik aldentzen den eta ausazko estilo abstraktuago bat probatzen duen arte eszentrikoa eta jostagarria da. Ilustrazio hauek muga tipikoak alde batera uzten dituzte eta ez dute beldurrik euren sortzaileen nortasuna erakusteko.

3D ilustrazioak ere nahiko ezagunak dira. Gehienetan artelan lauen joerari buelta txiki bat besterik ez zaio, baina bizitza berri asko ematen dio. Horietako batzuk 2D artelanak dira 3D itxura izateko marraztutakoak, eta beste batzuk, berriz, benetako hiru dimentsioko errendaketak. Nolanahi ere, azkar irabazten ari dira 3D web animazioekin batera.

jet estiloa
Eta 3D ilustrazioek eragina izan zuten (Iturria: Jet Style)

Azkena, baina ez behintzat, joera ilustratuan animazioa dago. Animaziozko arteak berehala erakartzen du arreta, eta nortasun geruza gehigarri bat gehitzen dio jada nahiko adierazgarria den arte-forma bati. 2D zein 3D animaziozko arteak hazten jarraituko du moda honek arreta irabazten duen heinean.

Diseinu ausarta

2019ko web diseinua hiru hitzetan bildu daiteke: handia eta lodia. Zenbat eta handiagoa eta esperimentalagoa, orduan eta hobeto, batez ere azken emaitza deigarria denean eta berehalako arreta eskatzen duenean.

Web diseinu brutalistak indartsu jarraitzen du, brutalismoan onena biltzera dedikatzen diren webgune osoak. Erabiltzaileen aurkako arte-forma zorrotzak, itsusiak, zalantzarik gabe, adierazpen bat egiten du: web-diseinua beti izan da erabiltzaile-esperientzia ona sortzea soilik, baina basakeriak arte-obra bihurtu nahi du. Ez dago argi brutalismoak zenbat iraungo duen, baina joerak jarraitzaile amorratua du oraindik.

kutxa bisuala
Brutalismoa da oraindik nagusi (Iturria: Visualbox)

Badirudi dena gero eta handiagoa dela, baina honen eragin handiena tipografian eta nabigazioan izan da. Ez da arraroa pantaila ia osorik betetzen duen testua ikustea, edota tipografiaren inguruan soilik egindako diseinuak ikustea, irudi gutxi edo batere gabe.

Zure WordPress gunerako ostalari motelarekin nekatuta? Zerbitzari azkarrak eta 24/7 mundu mailako laguntza eskaintzen ditugu WordPress adituen eskutik. Begiratu gure planak

Letra-tipoak ere sormen handiagoak dira, batez ere koloretako letra-tipoei esker, Photoshop-en hobetu ziren itxura duten letra-tipoak pertsonalizatzea eta errendatzea azkenik aukera bihurtzen baitute. Tipografia foku gisa web diseinurako metodo bideragarria da orain.

Nabigazioa ere zabaltzen ari da. Goiburuko nabigazio dotoreak eta goitibeherako goitibeherako edo hanburgesa menu dotoreak pantaila nagusiekin ordezkatzen ari dira, pantaila osoak nabigazioari eskainita, berriro ere tipografia erraldoiaren inguruan zentratuta. Gida zehatz honetan, webguneen nabigazio-jardunbide egokiei buruzko informazio gehiago jaso dezakezu.

tribuaren
Goiburuko diseinuek ere eragina izan dute (Iturria: Tribu)

Begiratu heroien bideo goiburu biziak, atzeko plano animatuak eta, oro har, web-orrietako bideo-eduki gehiago. Bideo-elementuak kezkagarriak izaten ziren datu mugikor mugatuak kargatzen eta jaten zituztenez motelak ziren, baina hardware sendoagoak eta ordezko irudiak esan nahi du orain bideoak edonon erabil ditzakezula. Pantaila osoko animaziozko atzeko planoa duen webgune eder hori, behinola arraroa, ohikoagoa bilakatzear dago.

asimetria

hegaldi berria
Asimetria oso ezaguna da oraindik (Iturria: Hegaldi Berria)

Hautsitako sareta diseinua oso ezaguna izaten jarraitzen du. Webguneek sarritan diseinu tipikoak saihestea eta zerbait artistikoagoa aukeratzen dute, pantaila osoan gainjarritako pieza eta elementu ugarirekin. Erabiltzen zaila den estiloa da, baina harrigarria dirudi behin iltzatuta.

Baina moldea guztiz haustea interesatzen ez zaienentzat, asimetria pixka bat alternatiba onargarria da. Banatutako pantaila asimetrikoen diseinuak bereziki ezagunak dira, nahiz eta gune hauek oraindik sare batera atxikitzen badira.

Sarei buruz hitz egitean, CSS grid CSS-en osagarri oso indartsua da, bi dimentsiotan, zutabeetan eta errenkadetan funtzionatzen duena, eta webgunearen diseinuak hutsetik erraz sortzeko aukera ematen du. CSS magia pixka batekin hautsitako sareta diseinua ere sor dezakezu, beraz, edozer gauza da posible. Web-diseinatzaileak eta garatzaileak CSS sarean hartzen hasi dira, beraz, ez galdu.

Efektu eta animazio gehiago

3h-i
Animazioek eragin positiboa izan dezakete UI eta UX diseinuan (Iturria: 3H-i)

Sareko txoko batzuetan brutalismoa ohikoa bihurtzen ari den arren, gainerakoa UI/UX diseinuan zentratzen da: interfaze ederrago bat sortzea eta aldi berean erabiltzailearen esperientzia hobetzea.

Horren zati handi bat mikro-interakzioetan dago. Pentsa ezazu denda bateko produktu baten gainetik pasatzea edo atzeko plano interaktibo eta animatu batekin jolasten. Animazio txiki hauek webgune bat dibertigarriagoa egiten dute nabigatzeko eta interakzio txikietan alaitasuna ekartzen dute klik egitean eta pasatzea, esaterako. Gune batzuk minijoko politak ezartzera ere iritsi dira.

Baina dena ez da dibertitzeko soilik. Mikro-interakzioek maiz ohiko animazio sotilaren helburu bera dute: erabiltzaileen arreta UI elementu garrantzitsuetara bideratzen dute. Eta gehiegizko inplementazioa azkar zaharkitu daiteke, beraz, zure webgunean sartzeko animazio-kopuru aproposa irudikatzeko jokoa da.

Korritzea eta paralaje efektuak beti bezain ezagunak dira, eta orri bati geruza dinamikoa gehi diezaiokete eta askoz interesgarriagoa bihurtu.

Gainera, begiratu kurtsore pertsonalizatuak. Garai batean oso gutxitan ikusten ziren haurrentzako blog edo gune txikietatik kanpo, baina gaur egun aukera ezagunak dira, batez ere 3D atzeko plano edo nabigazio animatuen inguruan eraikitako guneetarako. Kurtsore pertsonalizatu dotore batek zure estetika hobetu dezake.

Espazio zuria

sagar iPhone
Espazio zuriak irabazten du oraindik (Iturria: Apple)

Beti bezala, espazio zuriak eta diseinu garbiak web diseinuaren joeretan lekua izaten jarraituko dute. Sinplea eta garbia aukera segurua da: estilo hau ia webgune moderno guztietan egotearen arrazoia dago.

Baina ikuspegi ausartagoa eta bereziagoa bilatzen baduzu ere, espazio zuria landu behar duzun zerbait da oraindik. Gune bakoitzak arnasgune behar du, eta espazio zuriak erabil daitezke irudiak edo bestelako edukiak arretaz nabarmentzeko eta azpimarratzeko.

Espazio zuri asko efektu handia lortzeko erabil daiteke, pantailaren zati osoak hutsik utzita elementu garrantzitsuei leku asko emateko. Gehienezko espazio zuria hurrengo urteetan zehar jarraituko duen estiloa da.

Web aplikazio aurreratuak

Mugikorren diseinuaren hurrengo gauza handia: web aplikazio progresiboak. Web-oinarritutako plataforma hauek HTML eta JavaScript bezalako kodean eraikitzen dira, baina mugikorrentzako erabiltzaileentzako mini-aplikazioak bezala funtzionatzen dute eta funtzionatzen dute. Aplikazio baten esperientzia eskaintzeko eginak daude, teknologia mugikorrean eraiki edo aplikazio dendan kaleratu beharrik gabe.

PWAek lineaz kanpo funtzionatzen dute, jakinarazpenak bidal ditzakete eta hasierako pantailan ainguratu egiten dira, baina ez duzu ezer deskargatu edo banatu beharrik. Arinak dira eta azkar kargatzen dira, beraz, ez dute banda zabalera gehiegi hartzen.

Twitter ere PWAetan sartu da, Twitter Lite Internet abiadura motela dutenentzako irtenbide gisa garatuz. Eta azkenean beren interfaze nagusian integratzen zuten sistema. Teknologia honek nola funtzionatzen duen froga da.

Oraindik ez baduzu web aplikazio progresiborik entzun, zalantzarik gabe ikerketa batzuk egin beharko dituzu. Bat eraikitzeak zure mugikorreko erabiltzaileen esperientziak asko leunagoak izan ditzake.

Zure #WordPress webguneari itxura berri bat emateko ideia bila? Ikusi azken urteotako web diseinuaren azken joerak eta inspiratu! 👩‍🎨💡Tweet klik

Laburpena

2018 eta 2019 urte zirraragarriak izan dira sareko munduarentzat. 2020a dagoeneko diseinu abenturazaleagoak dakartza. Arauak hausten dituzten elementuek, hala nola, asimetria, kolore biziak, basakeria eta animazio deigarriak ospea hazten jarraituko dute hurrengo urteetan.

Nork daki zer etor daitekeen gero? Zalantzarik gabe, arte-estilo berri ez-ohikoagoetarako dendan gaude.

Oraindik ezagutu ez baduzu, baliteke zure diseinu batzuk berriro imajinatzeko garaia eta joera berri bero hauek harrapatzeko. Espero ezazu markak eta diseinatzaileak benetan adierazten hasiko direla eta Internet askoz biziagoa eta interesgarriago bihurtzen.

Litekeena da web diseinuaren hurrengo hamarkadan arriskuak hartzea eta berrikuntza izatea, beraz, ziurtatu prest zaudela.

Gaiarekin lotutako artikuluak

0 Comments
Lineako erantzunak
Ikusi iruzkin guztiak
Itzuli gora botoia