{"id":85687,"date":"2019-10-29T18:44:01","date_gmt":"2019-10-29T18:44:01","guid":{"rendered":"https:\/\/codewebbarcelona.com\/tendencias-en-diseno-web-2020\/"},"modified":"2026-06-11T03:06:06","modified_gmt":"2026-06-11T03:06:06","slug":"tendencias-design-web-2020","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/","title":{"rendered":"Tend\u00eancias em design web 2020"},"content":{"rendered":"

Se queres estar a par das novidades e come\u00e7ar o pr\u00f3ximo ano com o p\u00e9 direito, neste artigo vamos abordar as tend\u00eancias de web design para 2020. Canvas, 3D, tipografias gigantes, contrastes, intelig\u00eancia artificial, machine learning, reconhecimento de voz e muito mais.<\/p>\n

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

Mais um ano, c\u00e1 estamos n\u00f3s a preparar-nos para o que a\u00ed vem. J\u00e1 quase em novembro, queremos estar prontos para o pr\u00f3ximo ano \u2014 e queremos que quem nos visita tamb\u00e9m esteja. Como j\u00e1 \u00e9 tradi\u00e7\u00e3o, prepar\u00e1mos um artigo para falar sobre o que vai marcar o universo do web design em 2020.<\/p>\n

Acompanhe a evolu\u00e7\u00e3o \u2192 as tend\u00eancias de web design para 2026<\/a> apostam no minimalismo, IA e experi\u00eancias mais humanas.<\/h6>\n

Este tipo de artigo \u00e9 um dos pilares do nosso blog e, ano ap\u00f3s ano, traz-nos muitas visitas e at\u00e9 pedidos de or\u00e7amento de quem procura as \u00faltimas tend\u00eancias em web design, design gr\u00e1fico e marketing. Por isso, dedicamos cada vez mais tempo, aten\u00e7\u00e3o e empenho a este conte\u00fado. O nosso objetivo \u00e9 oferecer informa\u00e7\u00e3o de qualidade, tanto para profissionais de design como para potenciais clientes \u00e0 procura de inspira\u00e7\u00e3o para o seu novo site. Al\u00e9m disso, criar conte\u00fado relevante ajuda-nos a manter uma boa posi\u00e7\u00e3o nos motores de busca. J\u00e1 sabem: Content is king!<\/p>\n

WOWWW! J\u00e1 temos o novo artigo sobre as tend\u00eancias de web design para 2021<\/a>!!!<\/h6>\n

Artigos de anos anteriores que te podem interessar: Tend\u00eancias em web design 2019<\/a> – Tend\u00eancias em web design 2018<\/a> – Tend\u00eancias em web design 2016<\/a><\/p>\n

Tend\u00eancias em web design para 2020, antecipa-te<\/h2>\n

Tipografias ainda maiores<\/h3>\n

\"\"<\/p>\n

Uma das grandes tend\u00eancias para 2020 ser\u00e1, sem d\u00favida, o uso de tipografias de grandes dimens\u00f5es. N\u00e3o s\u00f3 nos t\u00edtulos, mas tamb\u00e9m no corpo do texto.<\/p>\n

Com a populariza\u00e7\u00e3o dos ecr\u00e3s panor\u00e2micos de alta resolu\u00e7\u00e3o e a descida dos pre\u00e7os destes equipamentos, o tamanho das letras nos textos j\u00e1 est\u00e1 longe dos 12 ou 14 p\u00edxeis dos anos 2010. Agora, \u00e9 perfeitamente aceit\u00e1vel usar 20 p\u00edxeis ou mais, sempre que o projeto e o site o justifiquem.<\/p>\n

Nos t\u00edtulos, n\u00e3o h\u00e1 limite \u2014 al\u00e9m do bom gosto e do sentido est\u00e9tico. Por isso, arrisca e usa tamanhos gigantes para criar contraste. T\u00edtulos bem escritos e em grande destaque d\u00e3o personalidade a qualquer site que queira sobressair e estar preparado n\u00e3o s\u00f3 para 2020, mas para os pr\u00f3ximos anos.<\/p>\n

Como e quando aplicar<\/h4>\n

Aplica esta tend\u00eancia em sites que:<\/p>\n

    \n
  1. Pe\u00e7am um design muito visual e impactante<\/li>\n
  2. Tenham poucas imagens e precisem de refor\u00e7o visual \u2014 tipografias grandes, usadas sem medo, d\u00e3o o destaque necess\u00e1rio<\/li>\n
  3. N\u00e3o sejam dirigidos a um p\u00fablico demasiado conservador<\/li>\n
  4. Tenham como alvo utilizadores com equipamentos modernos, especialmente ecr\u00e3s grandes<\/li>\n<\/ol>\n

    Aten\u00e7\u00e3o:<\/p>\n

      \n
    1. Deves ajustar os tamanhos para diferentes resolu\u00e7\u00f5es. Cria exce\u00e7\u00f5es responsivas, desde 2560px (ecr\u00e3 grande) at\u00e9 aos mais comuns 1330px (port\u00e1til)<\/li>\n
    2. Garante que os tamanhos fazem sentido na vers\u00e3o mobile, j\u00e1 que a maioria dos utilizadores navega em dispositivos m\u00f3veis<\/li>\n<\/ol>\n

      Websites que seguem esta tend\u00eancia<\/h4>\n

      Rogue Studio<\/strong><\/p>\n

      \"\"<\/p>\n

      Ver site<\/a><\/p>\n

      Neste site, o uso de tipografias n\u00e3o \u00e9 s\u00f3 grande… \u00e9 ENORME. E resulta na perfei\u00e7\u00e3o.<\/p>\n

      Acredito que este site ser\u00e1 um dos nomeados para o nosso artigo anual dos melhores web designs do ano.<\/p>\n

      Granyon Summer Party<\/strong><\/p>\n

      \"tendencias<\/p>\n

      Ver site<\/a><\/p>\n

      Outro excelente exemplo da tend\u00eancia aplicada na perfei\u00e7\u00e3o. N\u00e3o s\u00f3 o t\u00edtulo principal, mas tamb\u00e9m o corpo do texto surge em tamanho generoso.<\/p>\n

      Team Elite Kickboxing<\/strong><\/p>\n

      \"tendencias<\/p>\n

      Ver site<\/a><\/p>\n

      Para terminar, mais um exemplo onde a tend\u00eancia est\u00e1 bem patente. Al\u00e9m disso, este site tamb\u00e9m segue na perfei\u00e7\u00e3o a pr\u00f3xima tend\u00eancia de que vamos falar.<\/p>\n

      Contrastes, cores negativas e tons vibrantes<\/h3>\n

      \"\"<\/p>\n

      O uso de contrastes e cores negativas tem ganho cada vez mais destaque no design e desenvolvimento web. Em 2020, esta tend\u00eancia mant\u00e9m-se e vamos ver sites de grande impacto visual, sem qualquer receio de arriscar.<\/p>\n

      Liberta o teu lado mais ousado e aposta em contrastes e cores vivas. Aplica filtros \u00e0s imagens, seja previamente em photoshop ou recorrendo a ferramentas modernas de desenvolvimento web, como os blending modes em CSS ou at\u00e9 o elemento canvas.<\/p>\n

      Como e quando aplicar<\/h4>\n

      Aplica esta tend\u00eancia em sites que:<\/p>\n

        \n
      1. Pe\u00e7am um design visual e marcante<\/li>\n
      2. N\u00e3o sejam dirigidos a p\u00fablicos muito conservadores<\/li>\n
      3. Queiras captar a aten\u00e7\u00e3o e n\u00e3o deixar ningu\u00e9m indiferente<\/li>\n<\/ol>\n

        Aten\u00e7\u00e3o:<\/p>\n

          \n
        1. Em sites corporativos para empresas conservadoras, usa esta abordagem com muita subtileza<\/li>\n
        2. Aplica contrastes de forma coerente, respeitando a imagem e as cores da marca<\/li>\n
        3. Mesmo com contraste, mant\u00e9m a harmonia visual criando uma paleta de cores equilibrada<\/li>\n<\/ol>\n

          Websites que seguem esta tend\u00eancia<\/h4>\n

          Ninja guru<\/b><\/p>\n

          \"tendencias<\/p>\n

          Ver site<\/a><\/p>\n

          Aqui vemos o contraste levado ao extremo: tanto com cores negativas (preto\/branco) como com combina\u00e7\u00f5es vibrantes (azul\/laranja).<\/p>\n

          Festa da Francofonia 2019<\/strong><\/p>\n

          \"tendencias<\/p>\n

          Ver site<\/a><\/p>\n

          Cores vivas, contrastes, elementos geom\u00e9tricos em movimento… Um site que n\u00e3o passa despercebido e um exemplo perfeito de uma das tend\u00eancias-chave para 2020.<\/p>\n

          Kombu<\/strong><\/p>\n

          \"tendencias<\/p>\n

          Ver site<\/a><\/p>\n

          Neste site, o contraste \u00e9 usado no packaging de cada bebida, representando o sabor de cada uma. O efeito “wavy” nas linhas diagonais, a condizer com o packaging, \u00e9 brilhante. Um \u00f3timo exemplo de como usar contrastes e efeitos JS com sentido, mantendo uma comunica\u00e7\u00e3o formal adequada ao produto.<\/p>\n

          Experi\u00eancia mobile, ainda mais essencial<\/h3>\n

          Dicas pr\u00e1ticas<\/h4>\n
            \n
          1. Evita v\u00eddeos em autoplay, pois consomem dados e podem prejudicar quem n\u00e3o tem wifi<\/li>\n
          2. Otimiza as imagens, servindo vers\u00f5es adaptadas \u00e0 largura do dispositivo para acelerar o carregamento<\/li>\n
          3. Usa menus tipo “burger” para compactar a navega\u00e7\u00e3o num formato semelhante a uma app<\/li>\n<\/ol>\n

            Websites que seguem esta tend\u00eancia<\/h4>\n

            Nicholas Munt<\/strong><\/p>\n

            Ver site<\/a><\/p>\n

            Este site, ao usar ajax para carregar cada p\u00e1gina, \u00e9 muito mobile friendly, aproximando-se bastante da experi\u00eancia de navega\u00e7\u00e3o das apps.<\/p>\n

            Salmoon & Sons<\/strong><\/p>\n

            Ver site<\/a><\/p>\n

            Neste site, em vers\u00e3o mobile, destaca-se o slider com swipe totalmente fluido \u2014 a imagem acompanha o dedo na perfei\u00e7\u00e3o. O menu burger tamb\u00e9m est\u00e1 muito bem conseguido, deslizando lateralmente.<\/p>\n

            Volia<\/strong><\/p>\n

            Ver site<\/a><\/p>\n

            Como podem ver, este site usa tipografias grandes, mas bem adaptadas \u00e0 vers\u00e3o mobile. O menu burger est\u00e1 muito bem implementado e a transi\u00e7\u00e3o \u00e9 bastante interessante.<\/p>\n

            WOWWW! J\u00e1 temos o novo artigo dos melhores designs web 2019-2020<\/a>!!!! Clica j\u00e1!<\/a><\/h6>\n

            Cursores e scrolls personalizados<\/h3>\n

            \"tendencias<\/p>\n

            Uma tend\u00eancia que tem vindo a crescer \u00e9 a cria\u00e7\u00e3o de cursores personalizados, substituindo o cursor padr\u00e3o do navegador.<\/p>\n

            Estes cursores costumam interagir com os elementos \u00e0 volta, mudando de tamanho, cor, etc. \u00c9 uma tend\u00eancia recente, mas que vai ganhar ainda mais for\u00e7a em 2020.<\/p>\n

            O mesmo acontece com as barras de scroll: cada vez mais vemos scrollbars totalmente personalizadas, ignorando as do navegador. Muitas vezes, v\u00eam acompanhadas de um deslizamento suave (smooth scrolling).<\/p>\n

            Outra tend\u00eancia em alta \u00e9 o n\u00e3o uso de scrollbars, mesmo havendo conte\u00fado adicional. O utilizador j\u00e1 est\u00e1 t\u00e3o habituado a fazer scroll que podemos criar interfaces mais minimalistas, dispensando a barra. Se isso for demasiado radical, podes optar por n\u00e3o mostrar a barra mas indicar o scroll com um \u00edcone t\u00edpico de “scroll down”.<\/p>\n

            Como e quando aplicar<\/h4>\n

            Aplica esta tend\u00eancia em sites que:<\/p>\n

              \n
            1. Queiras dar um toque extra de personalidade<\/li>\n
            2. Tenham utilizadores avan\u00e7ados ou habituados ao mundo digital<\/li>\n<\/ol>\n

              Aten\u00e7\u00e3o:<\/p>\n

                \n
              1. Garante que o scroll funciona corretamente em todos os navegadores<\/li>\n
              2. Em mobile, o scroll pode comportar-se de forma estranha \u2014 o melhor \u00e9 ocult\u00e1-lo por completo<\/li>\n<\/ol>\n

                Websites que seguem esta tend\u00eancia<\/h4>\n

                Aluxion<\/strong><\/p>\n

                \"tendencias<\/p>\n

                Ver site<\/a><\/p>\n

                Aqui temos um scroll personalizado, composto por duas circunfer\u00eancias \u2014 uma grande e uma pequena \u2014 que seguem o cursor com um ligeiro atraso e ainda oferecem um efeito hover muito apelativo. Tamb\u00e9m h\u00e1 uma scrollbar personalizada, o que integra todo o design.<\/p>\n

                Joseph Berry<\/strong><\/p>\n

                \"tendencias<\/p>\n

                Ver site<\/a><\/p>\n

                Este cursor, semelhante ao anterior, destaca-se por incluir uma circunfer\u00eancia exterior em formato tipogr\u00e1fico. Neste caso, optaram por n\u00e3o usar scrollbar \u2014 uma tend\u00eancia que vai crescer, j\u00e1 que os utilizadores est\u00e3o cada vez mais habituados a fazer scroll de forma intuitiva.<\/p>\n

                Matt VBRG<\/strong><\/p>\n

                \"tendencias<\/p>\n

                Ver site<\/a><\/p>\n

                Neste site, o cursor interage com todo o conte\u00fado, mudando cores e aplicando efeitos visuais marcantes, como o efeito cromado nas imagens.<\/p>\n

                Canvas e elementos 3D com Three.js<\/h3>\n

                \"tendencias
                \nO uso de Canvas em web design tem vindo a ganhar destaque e, em 2020, ser\u00e1 uma das tend\u00eancias de refer\u00eancia para criar sites de \u00faltima gera\u00e7\u00e3o.<\/p>\n

                Com canvas, podemos usar opengl para criar experi\u00eancias que v\u00e3o muito al\u00e9m do HTML tradicional. A liberdade criativa \u00e9 total.<\/p>\n

                Um dos aspetos mais explorados do Canvas \u00e9 o uso das 3 dimens\u00f5es para criar profundidade e objetos 3D interativos \u2014 ao ponto de um site quase parecer um videojogo.<\/p>\n

                Para criar estas experi\u00eancias 3D, existe a famosa biblioteca Three.js. Com ela, \u00e9 poss\u00edvel criar objetos 3D ou importar modelos feitos em programas de modela\u00e7\u00e3o. O mais interessante \u00e9 a possibilidade de interagir com estes elementos, criando experi\u00eancias verdadeiramente imersivas.<\/p>\n

                Sem d\u00favida, o uso de Three.js para 3D ser\u00e1 uma das grandes tend\u00eancias de web design em 2020<\/p>\n","protected":false},"excerpt":{"rendered":"

                Se queres estar a par das novidades e come\u00e7ar o pr\u00f3ximo ano com o p\u00e9 direito, neste artigo vamos abordar as tend\u00eancias de web design para 2020. Canvas, 3D, tipografias gigantes, contrastes, intelig\u00eancia artificial, machine learning, reconhecimento de voz e muito mais. [superfeatured]7076[\/superfeatured] Mais um ano, c\u00e1 estamos n\u00f3s a preparar-nos para o que a\u00ed […]<\/p>\n","protected":false},"author":1,"featured_media":12093,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[481],"class_list":["post-85687","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"acf":[],"yoast_head":"\nTendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code<\/title>\n<meta name=\"description\" content=\"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!\" \/>\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\/pt-pt\/tendencias-design-web-2020\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code\" \/>\n<meta property=\"og:description\" content=\"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-29T18:44:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T03:06:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Tend\u00eancias em design web 2020\",\"datePublished\":\"2019-10-29T18:44:01+00:00\",\"dateModified\":\"2026-06-11T03:06:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/\"},\"wordCount\":1734,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"articleSection\":[\"Sem categoria\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/\",\"name\":\"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"datePublished\":\"2019-10-29T18:44:01+00:00\",\"dateModified\":\"2026-06-11T03:06:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/tendencias-design-web-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"width\":1290,\"height\":700},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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 dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code","description":"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!","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\/pt-pt\/tendencias-design-web-2020\/","og_locale":"pt_PT","og_type":"article","og_title":"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code","og_description":"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!","og_url":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/","og_site_name":"Code Barcelona","article_published_time":"2019-10-29T18:44:01+00:00","article_modified_time":"2026-06-11T03:06:06+00:00","og_image":[{"width":1290,"height":700,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Tend\u00eancias em design web 2020","datePublished":"2019-10-29T18:44:01+00:00","dateModified":"2026-06-11T03:06:06+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/"},"wordCount":1734,"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","articleSection":["Sem categoria"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/","url":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/","name":"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","datePublished":"2019-10-29T18:44:01+00:00","dateModified":"2026-06-11T03:06:06+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!","inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/tendencias-design-web-2020\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","width":1290,"height":700},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website","url":"https:\/\/codewebbarcelona.com\/pt-pt\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt-pt\/wp-json\/wp\/v2\/posts\/85687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=85687"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/85687\/revisions"}],"predecessor-version":[{"id":85689,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/85687\/revisions\/85689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media\/12093"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=85687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=85687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}