Top 12 tendències del disseny web que heu de seguir el 2020

El disseny de llocs web ha evolucionat juntament amb la tecnologia durant l'ºltima d¨cada. Ha obligat a tots a pensar primer a m²bils. Edifici de llocs web a la resta d'aquesta d¨cada i la segent implicar  l'est¨tica i la tecnologia.

Mitj  digital ha experimentat tend¨ncies d'avantguarda, especialment en disseny web. El canvi tecnol²gic que ha vist en comparaci³ amb la impressi³ tradicional significa que les tend¨ncies han emp¨s cap a la creativitat rampant. Ha estat dif­cil mantenir-se al dia amb les demandes.

Quan es van construir els primers llocs web a principis dels anys noranta, consistien principalment en text i enlla§os. Els elements de disseny no eren importants. ‰s 2019 i estem al final d'una altra d¨cada passiva pel que fa al disseny web.

Al llarg dels anys vam prestar atenci³ a l'estructura i al disseny de llocs web, donant lloc a la declaraci³, "mirar i sentir". La necessitat de l'hora s fer que els llocs web siguin informatius, innovadors i adaptables a qualsevol dispositiu.

Prototipatge r pid

Com hem esmentat abans, els llocs web eren un munt de text i enlla§os en una p gina web. No necessitaven gaire temps per crear i no necessitava molta planificaci³ abans de crear les p gines web. No obstant aix², aquesta s l'era del prototipatge del lloc web. Una d'aquesta eina de prototipatge que ens agradaria esmentar s la invisi³.

Invisions s una eina on podeu crear un prototip o maquetes d'una plataforma web o llocs web. Aquesta s una eina creada pels dissenyadors per als dissenyadors. Els dissenyadors poden utilitzar Adobe XD o Photoshop per crear dissenys i carregar-los a les invisions. Poden compartir aquestes maquetes amb els vostres clients abans que es desenvolupi el producte real.

Tipografia clara

La tipografia s potent i permet al dissenyador donar a la vostra p gina web una personalitat. Pot establir el to adequat al lloc web i transmetre informaci³ correctament. Gran text llegible evoca la confian§a dels lectors i els far  interessats saber ms sobre els productes i serveis.

Amb l'ºs de la resoluci³ de la imatge ms n­tida en l'augment, la demanda de tipografia en negreta s'ha convertit en cr­tica. Els navegadors en aquests dies poden suportar tipografies fetes a m  que estan habilitades mitjan§ant CSS per als navegadors.

Si el text no es presenta de bona manera, els clients poden canviar a un altre lloc web que ho faci. L'ºs de les fonts de serif augmenta perqu¨ s³n perfectes per fer ¨mfasi. Els tipus de lletra serif s³n ms adaptables que la gent pensa que s³n vells. Per aix² els dissenyadors els prefereixen sobre els altres.

Afegir il·lustracions

Aquest lloc web utilitza un servei de seguretat per protegir-se dels atacs en l­nia. L'acci³ que acabeu de realitzar provocava la soluci³ de seguretat. Hi ha diverses accions que podrien desencadenar aquest bloc, incloent-hi la presentaci³ d'una determinada paraula o frase, una ordre SQL o dades malformades.

Qu¨ puc fer per resoldre aix²?

En aquesta ºltima d¨cada de disseny web, vam veure un munt d'acr²nims: AR, VR, AI, AMP, i molts altres. Aix² vol dir que si encara no esteu a bord d'aquests, que ser  el vostre primer ordre de negocis en el 2020. Per², en els aspectes ms visuals, alguns dissenys web han aconseguit ms "creatius", utilitzant il·lustracions vibrants en comptes d'estoc (photos d'oficines de somrient inc²modes, a ningº?), Eliminant les graelles, que abasta esquemes de colors auda§os o eliminaci³ de combinacions de colors totalment (hola, Blanc i negre!), i dissenys assim¨trics de prova. L'aprenentatge autom tic ha fet que els llocs web siguin ms intel·ligents (per² la meva bondat Heu provat la navegaci³ per m²bils amb xerrades, rodes de comer§ electr²nic girant i altres finestres emergents! No, gr cies!). El 2020, veureu que la tecnologia i el disseny es fusionen ms endavant en nous regnes i veureu maneres en qu¨ la navegaci³ est  recuperant-se fins a la forma en qu¨ realment utilitzem la web (als nostres dispositius m²bils). Quines tend¨ncies s³n aqu­ per allotjar-se el 2020 i quines tend¨ncies es revisaran?

Portant el serif!

Els tipus de lletra serif sovint es reserven per a mitjans d'impressi³, per² alguns dissenyadors web atrevits estan portant serifs a la pantalla. En el passat, sembla que aquestes fulls fiscosos (pensen en la cua a la lletra "A" com a exemple) eren ms dif­cils de llegir a la pantalla, per² sembla que alguns dissenys web estan incorporant aquests tipus de lletra al bon efecte. En el passat, els dissenyadors web van sentir que Sans-Serifs eren els millors per a pantalles de baixa resoluci³, nens, quan utilitzen molts colors, o patrons de contrast baix, i quan el text va ser estret o petit, per² amb la majoria de la navegaci³ per m²bils tot menys desapareixent. Al final del dia, no importa si utilitzeu un Serif o Sans-Serif, ha de ser llegible.

Ms chatbots

Alguna vegada has enviat una empresa a Facebook i obtindreu un missatge de Bot de xat r pid? Qu¨ hi ha de visitar el lloc web d'algº i "Alan" va arribar a parlar per informar-vos sobre els productes i serveis del seu negoci? Facebook va comen§ar a desenvolupar bots a travs de l'aplicaci³ Messenger i ara estan a tot arreu! El 2017 hi havia ms de 100.000 robots actius i temes per pensar qu¨ s³n aquests nºmeros ara.

Sephora, aliments sencers, geogr fics nacionals, i altres els han utilitzat en el seu m rqueting. L'ajudant de Sephora va augmentar la seva taxa de reserva en un 11% i la despesa incremental mitjana del servei de client a la botiga s ara 50 d²lars.

Personalment, no s³c el fan tic ms gran dels robots, no que he tingut una experi¨ncia negativa amb un, per², ja que els aven§os tecnol²gics, poden resultar ºtils. Una situaci³ Q & A. Heu tingut una experi¨ncia positiva amb un chatbot? Els trobeu ºtils?

Utilitzant ms espai negatiu

"espai negatiu" s un dissenyador de paraules fant stic que utilitzen "espais en blanc". Aix­, en disseny web, hi haur  ms espai entre les opcions per crear espais nets visuals. Els dissenys d'espai en blanc i de la p gina oberta s³n ms f cils d'utilitzar i ms f cils d'utilitzar. Pot ser que siguin menys dissenyats, per² ajuden amb els requisits del visitant del lloc web, com ara l'escaneig de contingut. Els lectors poden mantenir-se concentrats a la p gina sense ser aclaparats per mºltiples elements de color o imatges en moviment. Aix² no vol dir que el disseny no s'incorpora per que sigui molt ms determinat. El lloc web d'Asana utilitza un munt d'espai negatiu per guiar l'atenci³ de l'usuari en una tasca a la vegada. En aquest cas, es fa que els usuaris es registren a les seves ofertes de productes. Per tant, si teniu objectius espec­fics de m rqueting o accions que voleu que els vostres usuaris prenguin, s possible que hagueu d'incorporar un espai ms negatiu al vostre disseny 2020.

Mobile arriba a l'escriptori

Hi ha ms navegadors m²bils que els usuaris d'escriptori ara, la qual cosa significa que en lloc del vostre disseny de m²bils es transporta des del vostre disseny d'escriptori, el vostre disseny m²bil es dur  a terme al vostre escriptori. En altres paraules, el m²bil ara influeix en el disseny de l'escriptori en lloc de la inversa, que influeix en les tend¨ncies modernes del disseny web. Abans d'aquest moment, els menºs d'hamburguesa noms estaven en dissenys m²bils, per² ara els veieu en dissenys d'escriptori, aix­ com una tipografia gran.

Una altra influ¨ncia del m²bil a l'escriptori s que els elements enganxosos poden romandre fermament a la part inferior de la p gina en lloc de desapar¨ixer quan es despla§a. Un disseny m²bil recent est  col·locant navegaci³ i hola barres a la part inferior de la p gina per fer-les ms f cils de fer clic i accedir. A mesura que la gent "apr¨n" i familiaritzar-se amb aquests dissenys i creixi a esperar-los, veurem un canvi cap a aquest tipus d'element de disseny. Quines altres maneres veieu el disseny m²bil que afecta la manera de mirar els llocs web d'escriptori?

micro-interaccions

Les micro-interaccions s³n interaccions com a facebook (crec que els agrada facebook, comenta, etc) que mostren subtils compromisos o demanant als usuaris realitzar accions petites i d'una sola tasca (que connecta un dispositiu a un altre, agradant un missatge, manipular un par metre). Les micro-interaccions fomenten i fomenten la participaci³. Qu¨ opineu del disseny web que incorpora interaccions socials-mitjans similars a la navegaci³ quotidiana? Sobretot, aquestes interaccions us permetran fer funcions com ara "com" o "aplaudir" o guardar-lo per posterior i aix­ successivament. Una manera interessant d'implementar aix² al vostre lloc web ara est  utilitzant una notificaci³ de widget (com la xarxa qualificada) per permetre als clients interactuar r pidament amb vosaltres i donar comentaris instantanis perqu¨ pugueu oferir una experi¨ncia ms agradable.

No podeu accedir a MoreCom

El disseny d'UI s la primera impressi³ d'una aplicaci³ m²bil. Connecta els usuaris amb una marca, fa que el viatge d'usuari sigui suau a l'aplicaci³ i augmenta tot el ROI de l'aplicaci³. Quan el disseny d'UI d'una aplicaci³ s c¨ntric del client i ha participat en contingut, res no pot aturar el seu ¨xit.

No obstant aix², el paisatge de la UX est  transformant cont­nuament: les coses noves es desenvolupen temps per temps. I el disseny d'UI s l' rea ms canviant de la indºstria m²bil, que impacta moltes altres  rees de la indºstria.

El disseny d'una aplicaci³ d'una aplicaci³ no es limita a la seva aparen§a. L'arquitectura de dades de l'aplicaci³ ha de combinar amb ¨xit les directrius de disseny d'UI que organitzen, estructuren, estructuren i etiqueten el contingut d'una aplicaci³ de manera sostenible i accessible.

Tend¨ncies del disseny de la UI / UX m²bil per a

Aquest any, la personalitzaci³ de l'aplicaci³ m²bil, possiblement, adquirir  ms impuls. Una UX personalitzada es fa essencial en el desenvolupament de m²bils. L'aprenentatge autom tic i la intel·lig¨ncia artificial estan fent aquesta personalitzaci³ perfecta.

No podeu accedir a MoreCom

Nosaltres i tercers, com ara els nostres clients, socis i prove¯dors de serveis, utilitzen cookies i tecnologies similars ("cookies") per proporcionar i garantir els nostres serveis, entendre i millorar el seu rendiment i servir anuncis rellevants (inclosos els anuncis de feina) dins i fora de LinkedIn. Per obtenir ms informaci³, vegeu la nostra pol­tica de cookies.

Descripció del treball de disseny del lloc web Freshteam

Dissenyador de llocs web Descripció de la feina Responsabilitats de requisits de dissenyador del lloc web Salari mitjà d'una pàgina web Descarrega la descripció del treball

Descripció del treball de disseny del lloc web Freshteam
Nou itilize bonbon
Við notum smákökur til að tryggja að við gefum þér bestu reynslu á heimasíðu okkar. Með því að nota vefsíðuna samþykkir þú notkun okkar á smákökum.
Permitir cookies