{"id":40831,"date":"2020-11-16T11:18:49","date_gmt":"2020-11-16T11:18:49","guid":{"rendered":"https:\/\/codewebbarcelona.com\/tendencias-en-diseno-web-2021\/"},"modified":"2026-04-21T07:22:37","modified_gmt":"2026-04-21T07:22:37","slug":"tendencies-disseny-web-2021","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/","title":{"rendered":"Tend\u00e8ncies en disseny web 2021"},"content":{"rendered":"

Benvingut al post anual de tend\u00e8ncies en disseny web de 2021. Un recorregut perqu\u00e8 estiguis preparat per tot el que ve trepitjant fort en el m\u00f3n del disseny digital.<\/p>\n

Fes servir aquest article com a font d\u2019inspiraci\u00f3 per als teus projectes digitals. Encara no et far\u00e9 un resum de les tend\u00e8ncies. El millor \u00e9s que et submergeixis en aquest article que hem preparat amb molta cura especialment per a tu.<\/p>\n

Al llarg del text anirem descobrint totes les tend\u00e8ncies en disseny web per al 2021, explorarem les seves particularitats, aprendrem consells clau, veurem quin impacte tenen i, finalment, tancarem cada tend\u00e8ncia amb 3 exemples reals on ja es pot intuir l\u2019\u00fas d\u2019aquests recursos.<\/p>\n

[superfeatured]7076[\/superfeatured]<\/p>\n

Del flat design al motion UI: descobreix les tend\u00e8ncies web 2026<\/a> que estan revolucionant l\u2019experi\u00e8ncia digital.<\/h6>\n

[nlform]<\/p>\n

Tend\u00e8ncies en disseny web per al 2021, endavant<\/h2>\n

Disseny web asim\u00e8tric<\/h3>\n

\"tendencia-diseno-web-2021\"<\/p>\n

Durant molts anys, el disseny web s\u2019ha basat en estructures de graella que han funcionat molt b\u00e9 perqu\u00e8 permeten mostrar el contingut de manera clara i directa. Per\u00f2 el gran inconvenient d\u2019aquesta metodologia \u00e9s la manca de personalitat del lloc web.<\/p>\n

Per aix\u00f2, una de les tend\u00e8ncies destacades de 2021 \u00e9s el disseny web asim\u00e8tric.<\/p>\n

Aquesta aposta trenca definitivament amb l\u2019\u00fas abusiu de plantilles predefinides i temes de pagament sense car\u00e0cter propi.<\/p>\n

El repte per als dissenyadors \u00e9s aconseguir que l\u2019asimetria mantingui l\u2019equilibri i que la informaci\u00f3 no es perdi.<\/p>\n

Com i quan aplicar-ho<\/h4>\n

Aplica aquesta tend\u00e8ncia en webs que:<\/p>\n

    \n
  1. Necessitin un disseny molt visual i impactant<\/li>\n
  2. No vagin dirigides a un p\u00fablic massa conservador<\/li>\n
  3. Vulguis captar l\u2019atenci\u00f3 i no deixar ning\u00fa indiferent<\/li>\n<\/ol>\n

    Recorda:<\/strong><\/p>\n

      \n
    1. Sigui quin sigui l\u2019enfocament, l\u2019usuari fixa l\u2019atenci\u00f3 en els elements grans.<\/li>\n
    2. Caldr\u00e0 fer proves d\u2019usuari per assegurar que el disseny funciona i la informaci\u00f3 no es perd<\/li>\n
    3. Alguns clients poden ser reticents a aquest tipus de disseny, aix\u00ed que prepara\u2019t per defensar-lo b\u00e9.<\/li>\n<\/ol>\n

      Webs que incorporen la tend\u00e8ncia<\/h4>\n

      Aebele Interiors by EXO APE<\/strong><\/p>\n

      \"mejor-diseno-web-2021-aebeleinteriors-01\"<\/p>\n

      Enlla\u00e7 al website<\/a><\/p>\n

      En aquesta web tenim un gran exemple de disseny asim\u00e8tric. Els elements apareixen a diferents ritmes, es desplacen a velocitats diverses i, per descomptat, estan col\u00b7locats de manera asim\u00e8trica.<\/p>\n

      M-trust Co by Lic Inc<\/h3>\n

      \"mejor-diseno-web-2021-mu-trust-01\"<\/p>\n

      Enlla\u00e7 al website<\/a><\/p>\n

      Un altre exemple on els elements no estan alineats ni horitzontalment ni verticalment, per\u00f2 el conjunt funciona a la perfecci\u00f3.<\/p>\n

      El resultat \u00e9s un disseny innovador que atrapa i no deixa indiferent.<\/p>\n

      The araw collection by Zhenya Rynzhuk<\/h3>\n

      \"mejor-diseno-web-2021-araw-limnia-01\"<\/p>\n

      Enlla\u00e7 al website<\/a><\/p>\n

      Un cop m\u00e9s, un disseny asim\u00e8tric que trenca amb la tradicional graella.<\/p>\n

      El resultat \u00e9s una web molt m\u00e9s din\u00e0mica i atrevida.<\/p>\n

      WOWWW TIO! Ja tenim el nou post dels millors dissenys web 2019-2020<\/a>!!!! Fes clic ara!!<\/a><\/h6>\n

      Scroll combinat<\/h3>\n

      \"tendencia-diseno-web-2021-nextbigthing-1\"<\/p>\n

      La navegaci\u00f3 din\u00e0mica i fluida ser\u00e0 clau aquest 2021, i veurem webs on l\u2019scroll es converteix en part essencial de l\u2019experi\u00e8ncia d\u2019usuari.<\/p>\n

      Combinar scroll vertical amb navegaci\u00f3 horitzontal ser\u00e0 cada cop m\u00e9s habitual, com a part d\u2019un disseny que ent\u00e9n la web en totes les seves dimensions.<\/p>\n

      Amb aquest recurs, l\u2019usuari pot rec\u00f3rrer la web de manera m\u00e9s interactiva, aportant una nova perspectiva i convertint el site en una experi\u00e8ncia de recorregut.<\/p>\n

      El resultat \u00e9s una experi\u00e8ncia d\u2019usuari molt m\u00e9s rica, que refor\u00e7a la sensaci\u00f3 de viatge i storytelling amb un inici i final gaireb\u00e9 infinits.<\/p>\n

      Com i quan aplicar-ho<\/h4>\n

      Aplica aquesta tend\u00e8ncia en webs que:<\/p>\n

        \n
      1. Vulguin millorar l\u2019experi\u00e8ncia d\u2019usuari (UX)<\/li>\n
      2. Vulguis captar l\u2019atenci\u00f3 i sorprendre<\/li>\n
      3. Busquin estar a l\u2019avantguarda del disseny web<\/li>\n<\/ol>\n

        Recorda:<\/strong><\/p>\n

          \n
        1. El scroll vertical s\u2019ha d\u2019utilitzar nom\u00e9s quan realment aporti valor.<\/li>\n
        2. El disseny ha d\u2019estar molt ben pensat perqu\u00e8 el scroll combinat no dificulti la navegaci\u00f3<\/li>\n
        3. Combinar diferents tipus de scroll requereix un desenvolupament molt acurat.<\/li>\n<\/ol>\n

          Webs que incorporen la tend\u00e8ncia<\/h4>\n

          Dwl Media by<\/strong><\/p>\n

          \"tendencia-diseno-web-2021-dwl-3\"<\/p>\n

          Enlla\u00e7 al website<\/a><\/p>\n

          Un exemple de navegaci\u00f3 amb scroll vertical i contingut que apareix en format horitzontal.<\/p>\n

          El resultat \u00e9s altament din\u00e0mic i fresc.<\/p>\n

          Ussr Obys Agency by<\/strong><\/p>\n

          \"tendencia-diseno-web-2021-dwl-3\"<\/p>\n

          Enlla\u00e7 al website<\/a><\/p>\n

          Un altre gran exemple de scroll vertical on, amb la roda del ratol\u00ed, anem avan\u00e7ant pel recorregut de la web.<\/p>\n

          El resultat \u00e9s un disseny molt m\u00e9s fresc i din\u00e0mic.<\/p>\n

          Tiger Tells by<\/strong><\/p>\n

          \"tendencia-diseno-web-2021-tiger-tells-about-voodoo-6\"<\/p>\n

          Enlla\u00e7 al website<\/a><\/p>\n

          El millor exemple de scroll combinat, amb un disseny i desenvolupament on aquesta tend\u00e8ncia es posa en pr\u00e0ctica a la perfecci\u00f3.<\/p>\n

          Super Men\u00fa Burguer<\/h3>\n

          \"\"<\/p>\n

          Un dels trends m\u00e9s potents \u00e9s el men\u00fa burguer desplegable a pantalla completa, que porta l\u2019experi\u00e8ncia app al disseny web.<\/p>\n

          Sens dubte marcar\u00e0 tend\u00e8ncia aquest 2021, combinant grans tipografies i el men\u00fa burguer.<\/p>\n

          Amb aquest tipus de men\u00fa fullscreen, la frontera entre web de desktop i m\u00f2bil es difumina, buscant que l\u2019usuari tingui sempre la sensaci\u00f3 de navegar des d\u2019un dispositiu port\u00e0til.<\/p>\n

          Si l\u2019estructura web est\u00e0 ben plantejada, aquest recurs facilita la navegaci\u00f3, millora la UX i optimitza el temps de l\u2019usuari.<\/p>\n

          Com i quan aplicar-ho<\/h4>\n

          Aplica aquesta tend\u00e8ncia en webs que:<\/p>\n

            \n
          1. Busquis un disseny tipus app<\/li>\n
          2. Per a webs amb pocs apartats o molt definits<\/li>\n
          3. Vulguis causar impacte a primera vista<\/li>\n<\/ol>\n

            Recorda:<\/strong><\/p>\n

              \n
            1. L\u2019arquitectura web ha d\u2019estar molt clara perqu\u00e8 aquest recurs funcioni<\/li>\n
            2. Un disseny tipus app \u00e9s clau per a una gran UX, aix\u00ed que conven\u00e7 el client<\/li>\n
            3. Pots anar m\u00e9s enll\u00e0 i afegir contingut extra al men\u00fa obert, com informaci\u00f3 del footer.<\/li>\n<\/ol>\n

              Webs que incorporen la tend\u00e8ncia<\/h4>\n

              Evolution Deposit Photos<\/b><\/p>\n

              \"tendencia-diseno-web-2021-evolution-depositphotos-2\"<\/p>\n

              Enlla\u00e7 al website<\/a><\/p>\n

              El disseny de depositphotos ens mostra un men\u00fa burguer desplegable amb moltes opcions.<\/p>\n

              Fixa\u2019t com aprofiten l\u2019espai per mostrar informaci\u00f3 detallada i millorar la navegaci\u00f3 pel contingut.<\/p>\n

              Black Meal<\/strong><\/p>\n

              \"tendencia-diseno-web-2021-blackmeal-1\"<\/p>\n

              Enlla\u00e7 al website<\/a><\/p>\n

              Un super burguer men\u00fa que deixa clar l\u2019\u00fas d\u2019aquesta tend\u00e8ncia, amb una arquitectura web molt ben definida.<\/p>\n

              El resultat \u00e9s un disseny web tipus app amb el qual ens sentim molt c\u00f2modes.<\/p>\n

              Ripe Planet<\/strong><\/p>\n

              \"tendencia-diseno-web-2021-ripeplanet-1\"<\/p>\n

              Enlla\u00e7 al website<\/a><\/p>\n

              Finalment, un disseny que porta el super burguer men\u00fa al m\u00e0xim, aprofitant l\u2019espai per incloure informaci\u00f3 de footer com enlla\u00e7os a xarxes socials i contacte directe.<\/p>\n

              El resultat recorda clarament el disseny d\u2019una app m\u00f2bil.<\/p>\n

              [superfeatured]7076[\/superfeatured]<\/p>\n

              Organic Shapes<\/h3>\n

              \"organic-shapes-alessandra-zanghi-studio-1\"<\/p>\n

              Aquesta tend\u00e8ncia consisteix a incorporar formes org\u00e0niques al disseny web, allunyant-se dels angles rectes. Amb aquest recurs, la web adquireix un aspecte m\u00e9s natural i proper.<\/p>\n

              El 2021, l\u2019objectiu \u00e9s apropar-se a l\u2019usuari i oferir una navegaci\u00f3 fluida i relaxada, tot i que tamb\u00e9 es pot utilitzar com a contrast amb continguts m\u00e9s agressius.<\/p>\n

              El contrast entre el contingut i el continent, ben gestionat, pot donar un impuls a la teva web i millorar l\u2019experi\u00e8ncia d\u2019usuari.<\/p>\n

              Com i quan aplicar-ho<\/h4>\n

              Aplica aquesta tend\u00e8ncia en webs que:<\/p>\n

                \n
              1. Necessitin recursos org\u00e0nics per contrastar amb el contingut<\/li>\n
              2. Vulguis que l\u2019usuari tingui una navegaci\u00f3 suau i relaxada<\/li>\n
              3. Busquis apropar-te a l\u2019usuari<\/li>\n<\/ol>\n

                Recorda que:<\/p>\n

                  \n
                1. No \u00e9s apte per a desenvolupadors sense sensibilitat visual<\/li>\n
                2. Cal saber aplicar-ho perqu\u00e8 el resultat sigui coherent<\/li>\n
                3. No tots els projectes encaixen amb aquest tipus de recurs<\/li>\n<\/ol>\n

                  Webs que incorporen la tend\u00e8ncia<\/h4>\n

                  Alessandra Zhanghi by Adoratorio<\/strong><\/p>\n

                  \"organic-shapes-alessandra-zanghi-studio-2\"<\/p>\n

                  Enlla\u00e7 al website<\/a><\/p>\n

                  Un disseny que aposta per aquesta tend\u00e8ncia per apropar-se a l\u2019usuari i oferir una navegaci\u00f3 suau.<\/p>\n

                  El resultat \u00e9s just el que es busca: acabem el recorregut amb una sensaci\u00f3 de calma.<\/p>\n

                  Thibaut Foussard<\/strong><\/p>\n

                  \"organic-shapes-thibautfoussard-1\"<\/p>\n

                  Enlla\u00e7 al website<\/a><\/p>\n

                  Aqu\u00ed s\u2019ha combinat la tend\u00e8ncia de formes org\u00e0niques amb un tractament visual molt potent com a contrapunt.<\/p>\n

                  El recorregut per aquesta web genera sensacions oposades que no deixen indiferent.<\/p>\n

                  Nahel Moussi\u00a0<\/strong><\/p>\n

                  \"organic-shapes-nahelmoussi-1\"<\/p>\n

                  Enlla\u00e7 al website<\/a><\/p>\n

                  L\u2019exemple m\u00e9s suau d\u2019aquesta tend\u00e8ncia.<\/p>\n

                  Ofereix exactament el que promet: una experi\u00e8ncia molt relaxada.<\/p>\n

                  WOWWW TIO! Ja tenim el nou post dels millors dissenys web 2019-2020<\/a>!!!! Fes clic ara!!<\/a><\/h6>\n

                  3D Content<\/h3>\n

                  \"3d-content-mav-farm-2\"<\/p>\n

                  La tecnologia en disseny i desenvolupament web no para de cr\u00e9ixer, i els dispositius actuals permeten integrar elements 3D i fins i tot interactuar-hi.<\/p>\n

                  A m\u00e9s, l\u2019augment de l\u2019ample de banda fa possible apostar per dissenys amb gr\u00e0fics 3D molt potents. Aquesta \u00e9s una tend\u00e8ncia que veurem cr\u00e9ixer exponencialment el 2021.<\/p>\n

                  El resultat s\u00f3n webs amb un aspecte innovador i avantguardista que reforcen la imatge digital de l\u2019empresa.<\/p>\n

                  Com i quan aplicar-ho<\/h4>\n

                  Aplica aquesta tend\u00e8ncia en webs que:<\/p>\n

                    \n
                  1. Necessitin un disseny molt visual i impactant<\/li>\n
                  2. Nom\u00e9s apte per a un p\u00fablic que vol estar a l\u2019\u00faltima en disseny i desenvolupament web<\/li>\n
                  3. Vulguis captar l\u2019atenci\u00f3 i sorprendre<\/li>\n

                    <\/\n<\/p>\n","protected":false},"excerpt":{"rendered":"

                    Benvingut al post anual de tend\u00e8ncies en disseny web de 2021. Un recorregut perqu\u00e8 estiguis preparat per tot el que ve trepitjant fort en el m\u00f3n del disseny digital. Fes servir aquest article com a font d\u2019inspiraci\u00f3 per als teus projectes digitals. Encara no et far\u00e9 un resum de les tend\u00e8ncies. El millor \u00e9s que […]<\/p>\n","protected":false},"author":1,"featured_media":6224,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[207,208,210,134],"class_list":["post-40831","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destacat","category-disseny-desenvolupament-web","category-inspiracio","category-disseny-grafic"],"acf":[],"yoast_head":"\nTendencias en dise\u00f1o web 2021 - Code Barcelona<\/title>\n<meta name=\"description\" content=\"En este post vamos a desgranar las que, a nuestro parecer, son las tendencias en dise\u00f1o web para 2021. Util\u00edzalo como fuente de inspiraci\u00f3n para tus dise\u00f1o web. No voy a resumirte las tendencias todav\u00eda. Lo mejor es que le des un vistazo al art\u00edculo que con tanto mimo hemos preparado especialmente para ti.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tendencias en dise\u00f1o web 2021 - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"En este post vamos a desgranar las que, a nuestro parecer, son las tendencias en dise\u00f1o web para 2021. Util\u00edzalo como fuente de inspiraci\u00f3n para tus dise\u00f1o web. No voy a resumirte las tendencias todav\u00eda. Lo mejor es que le des un vistazo al art\u00edculo que con tanto mimo hemos preparado especialmente para ti.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-16T11:18:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T07:22:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1290\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Tend\u00e8ncies en disseny web 2021\",\"datePublished\":\"2020-11-16T11:18:49+00:00\",\"dateModified\":\"2026-04-21T07:22:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/\"},\"wordCount\":1456,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg\",\"articleSection\":[\"Destacat\",\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/\",\"name\":\"Tendencias en dise\u00f1o web 2021 - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg\",\"datePublished\":\"2020-11-16T11:18:49+00:00\",\"dateModified\":\"2026-04-21T07:22:37+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"En este post vamos a desgranar las que, a nuestro parecer, son las tendencias en dise\u00f1o web para 2021. Util\u00edzalo como fuente de inspiraci\u00f3n para tus dise\u00f1o web. No voy a resumirte las tendencias todav\u00eda. Lo mejor es que le des un vistazo al art\u00edculo que con tanto mimo hemos preparado especialmente para ti.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg\",\"width\":1290,\"height\":700},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tendencias en dise\u00f1o web 2021 - Code Barcelona","description":"En este post vamos a desgranar las que, a nuestro parecer, son las tendencias en dise\u00f1o web para 2021. Util\u00edzalo como fuente de inspiraci\u00f3n para tus dise\u00f1o web. No voy a resumirte las tendencias todav\u00eda. Lo mejor es que le des un vistazo al art\u00edculo que con tanto mimo hemos preparado especialmente para ti.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/","og_locale":"ca_ES","og_type":"article","og_title":"Tendencias en dise\u00f1o web 2021 - Code Barcelona","og_description":"En este post vamos a desgranar las que, a nuestro parecer, son las tendencias en dise\u00f1o web para 2021. Util\u00edzalo como fuente de inspiraci\u00f3n para tus dise\u00f1o web. No voy a resumirte las tendencias todav\u00eda. Lo mejor es que le des un vistazo al art\u00edculo que con tanto mimo hemos preparado especialmente para ti.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/","og_site_name":"Code Barcelona","article_published_time":"2020-11-16T11:18:49+00:00","article_modified_time":"2026-04-21T07:22:37+00:00","og_image":[{"width":1290,"height":700,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"7 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Tend\u00e8ncies en disseny web 2021","datePublished":"2020-11-16T11:18:49+00:00","dateModified":"2026-04-21T07:22:37+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/"},"wordCount":1456,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg","articleSection":["Destacat","Disseny i desenvolupament web","Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/","name":"Tendencias en dise\u00f1o web 2021 - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg","datePublished":"2020-11-16T11:18:49+00:00","dateModified":"2026-04-21T07:22:37+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"En este post vamos a desgranar las que, a nuestro parecer, son las tendencias en dise\u00f1o web para 2021. Util\u00edzalo como fuente de inspiraci\u00f3n para tus dise\u00f1o web. No voy a resumirte las tendencias todav\u00eda. Lo mejor es que le des un vistazo al art\u00edculo que con tanto mimo hemos preparado especialmente para ti.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/tendencies-disseny-web-2021\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2020\/11\/lyst-1.jpg","width":1290,"height":700},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/40831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=40831"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/40831\/revisions"}],"predecessor-version":[{"id":40860,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/40831\/revisions\/40860"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/6224"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=40831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=40831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}