Blog
05/04/2023

Tendències en disseny web 2023

La següent etapa d’Internet ja és aquí, i es reflecteix en les tendències de disseny web del 2023. Com sempre, aquestes tendències digitals són un mirall de la tecnologia emergent i del seu impacte en la societat, i l’any passat va oferir als dissenyadors un gran ventall d’inspiració.

La intel·ligència artificial ha fet un salt endavant, fins al punt de crear el seu propi art, i el Metavers ha apropat la realitat virtual al gran públic. Això ha donat peu a tendències de disseny web que aposten per la immersió, la simulació i recursos propis del llenguatge cinematogràfic. Paral·lelament, la recessió global ha provocat tant un replegament del luxe com una recerca d’experiències alegres i d’evasió. Tot plegat, en un context on Internet i els mòbils han assolit una disponibilitat global sense precedents. El resultat són tendències de disseny web menys condicionades pel local i l’immediat, ja que la innovació estètica esdevé un esforç global accelerat.

Actualització anual: descobreix les tendències web 2026 que redefineixen el disseny i la interacció digital.

Amb tots aquests factors sobre la taula, les següents tendències de disseny web per al 2023 estan a punt de sacsejar els fonaments de la World Wide Web.

Tendències en disseny web 2023

Animated product reveals

Les animacions en passar el cursor sempre han estat útils per a microinteraccions subtils, mantenint l’usuari implicat de manera discreta.
Però el 2023, els dissenyadors web van un pas més enllà amb aquestes animacions, convertint elements aparentment senzills de la pàgina en espectaculars presentacions de producte.

Aquesta tendència compleix diversos objectius alhora. Facilita una navegació àgil, ja que l’usuari pot explorar ràpidament un producte sense necessitat de clicar a una altra pàgina. Animant el producte, s’ofereix una vista prèvia de com es podria utilitzar. Reforça una interfície minimalista, mostrant les imatges d’una en una i mantenint la pàgina neta de soroll visual. També pot aportar una nova dimensió al lloc, animant fotos de producte per sobre del contingut existent.

I finalment, com passa amb la majoria d’interaccions inesperades, aquestes animacions generen una sensació de descoberta, animant l’usuari a seguir explorant per trobar-ne més.

Com i quan aplicar-ho

Aplica aquesta tendència web en webs que:

  1. Estan pensades per a tot tipus de públic
  2. Volen mostrar el seu potencial com a empresa
  3. Busquen un extra de personalització per diferenciar-se de la competència

Recorda:

Cada projecte té les seves pròpies necessitats

El disseny i el desenvolupament han de ser impecables, sense perdre fluïdesa

Cal valorar aquesta opció des de l’inici i anticipar possibles reptes tècnics

Webs que incorporen la tendència

Disseny de Stan Yakusevich via Dribbble

Enllaç al website

Ayond

tendencias-diseño-web-2023-ayond-01 tendencias-diseño-web-2023-ayond-01 tendencias-diseño-web-2023-ayond-01

Enllaç al website

Orb-Space

Enllaç al website

Estètica scrapbook

L’any passat vam viure avenços tecnològics espectaculars, culminant amb el llançament del Telescopi Espacial James Webb. Però el futurisme sovint desperta el desig de reconnectar amb la natura. El 2023, aquest impuls es tradueix en webs amb elements d’scrapbook i manualitats.

Aquestes pàgines solen incorporar dibuixos a mà, lletres manuscrites, adhesius gràfics i collage de retalls. No només recreen la sensació tàctil de fullejar una revista escolar antiga, sinó que aporten una sensació d’intimitat i imperfecció, allunyant-se de la precisió automatitzada. Ara bé, tot i que l’estètica artesanal contrasta amb les tendències més tecnològiques, no renega de la realitat digital: aquests dissenys abracen tant el món físic com el digital, coexistint en harmonia.

Com i quan aplicar-ho

Aplica aquesta tendència web en webs que:

  1. Estan pensades per a tot tipus de públic
  2. Volen mostrar el seu potencial com a empresa
  3. Busquen un extra de personalització per diferenciar-se de la competència

Recorda:

Cada projecte té les seves pròpies necessitats

El disseny i el desenvolupament han de ser impecables, sense perdre fluïdesa

Cal valorar aquesta opció des de l’inici i anticipar possibles reptes tècnics

Webs que incorporen la tendència

Freak Mag

tendencias-diseño-web-2023-freak-mag-01 tendencias-diseño-web-2023-freak-mag-01 tendencias-diseño-web-2023-freak-mag-01 tendencias-diseño-web-2023-freak-mag-01

Enllaç al website

Plantarium

tendencias-diseño-web-2023-plantarium-01 tendencias-diseño-web-2023-plantarium-01 tendencias-diseño-web-2023-plantarium-01 tendencias-diseño-web-2023-plantarium-01 tendencias-diseño-web-2023-plantarium-01

Enllaç al website

Winnning Ponds

tendencias-diseño-web-2023-winning ponds-01

Enllaç al website

Maquetacions tipogràfiques

Un dels grans avantatges del disseny digital és la seva capacitat multimèdia, on text, imatge, vídeo, animació i elements interactius conviuen en una sola composició. Tot i així, molts dissenyadors web del 2023 han decidit prescindir del multimèdia i apostar per dissenys eminentment textuals.

El resultat recorda l’estètica de les revistes impreses d’altres èpoques, i pot ser una conseqüència del fet que moltes publicacions han migrat al format digital per evitar els costos creixents de la impressió i l’impacte ambiental. Sigui com sigui, els dissenys tipogràfics aposten per un minimalisme eficient: aquests webs tenen un missatge clar i no fan perdre el temps a l’usuari. A més, confien en la intel·ligència del visitant, entenent que unes paraules potents i una composició creativa poden ser tan captivadores com qualsevol recurs visual.

Com i quan aplicar-ho

Aplica aquesta tendència web en webs que:

  1. Estan pensades per a tot tipus de públic
  2. Volen mostrar el seu potencial com a empresa
  3. Busquen un extra de personalització per diferenciar-se de la competència

Recorda:

Cada projecte té les seves pròpies necessitats

El disseny i el desenvolupament han de ser impecables, sense perdre fluïdesa

Cal valorar aquesta opció des de l’inici i anticipar possibles reptes tècnics

Webs que incorporen la tendència

USSR Almanac

tendencias-diseño-web-2023-ussr-01

tendencias-diseño-web-2023-ussr-01 tendencias-diseño-web-2023-ussr-01

Enllaç al website

Ukrainian Power

Enllaç al website

Theud

[video width=”1600″ height

T'ha agradat?
Articles relacionats
Comencem a treballar
en el teu projecte?

Analitzem la teva situació actual i definim el proper pas.

Contacta ara
El nostre lloc utilitza galetes per recopilar informació sobre el dispositiu i la seva activitat de navegació. fent clic aquí.
Acceptar cookies Configurar Rebutjar cookies
Informació bàsica de les cookies
Aquest lloc web utilitza galetes i/o tecnologies similars que emmagatzemen i recuperen informació quan navega. Política de cookies".
Acceptar cookies Configurar
Galetes tècniques necessàries Sempre actives
Les cookies tècniques són estrictament necessàries perquè el nostre lloc web funcioni i puguis navegar-hi.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Confirmar preferències
contacta amb nosaltres
Formulari

Explica'ns
el teu projecte

Indiqueu el context general de la vostra organització i l'abast previst del projecte.
Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Title
Popupcontent
Anàlisi de la teva situació digital

Revisarem la teva situació digital actual. Ens posarem en contacte amb tu per entendre el teu context i valorar conjuntament quines àrees analitzar, i posteriorment elaborarem una auditoria amb els punts clau i recomanacions.

Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Aceptar