{"id":33320,"date":"2020-01-17T04:16:46","date_gmt":"2020-01-17T12:16:46","guid":{"rendered":"https:\/\/kinsta.com\/?p=63943"},"modified":"2025-02-26T10:35:58","modified_gmt":"2025-02-26T13:35:58","slug":"principais-tendencias-em-web-design","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/","title":{"rendered":"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)"},"content":{"rendered":"<p>O <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-praticas-web-design\/\">web design est\u00e1 em constante evolu\u00e7\u00e3o<\/a>. \u00c0 medida que a tecnologia se torna mais poderosa e os designers experimentam novos estilos, cada ano apresenta um conjunto \u00fanico de tend\u00eancias excitantes no mundo online. Com base nos desenhos emergentes ao longo dos \u00faltimos anos, bem como nas novas tecnologias que est\u00e3o sendo desenvolvidas, \u00e9 poss\u00edvel prever o que vir\u00e1 ao longo de 2020.<\/p>\n<p>Vamos recapitular os \u00faltimos anos em web design e examinar os estilos emergentes, para que voc\u00ea possa saber o que esperar no pr\u00f3ximo ano novo e al\u00e9m.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Porqu\u00ea Acompanhar as Tend\u00eancias?<\/h2>\n<p>Nem toda moda de web design \u00e9 vi\u00e1vel, isso \u00e9 certo. H\u00e1 um tempo e um lugar para tudo, e a revis\u00e3o do seu site sem motivo pode fazer mais mal do que bem, especialmente quando se trata do custo de <a href=\"https:\/\/kinsta.com\/pt\/blog\/testes-de-usabilidade-de-sites\/\">usabilidade e UX<\/a>.<\/p>\n<p>Mas embora voc\u00ea n\u00e3o deva dar um facelift ao seu site sem considerar seriamente, h\u00e1 definitivamente algum m\u00e9rito em acompanhar as tend\u00eancias de web design, especialmente aquelas baseadas nos avan\u00e7os da tecnologia.<\/p>\n<p>Por exemplo, se voc\u00ea ainda n\u00e3o ouviu falar em <a href=\"https:\/\/kinsta.com\/pt\/blog\/chatbot-wordpress\/\">AI chatbots<\/a>, aplica\u00e7\u00f5es web progressivas ou grid CSS, voc\u00ea pode estar usando tecnologia desatualizada que est\u00e1 perdendo suas convers\u00f5es. Pense em como o <a href=\"https:\/\/kinsta.com\/pt\/blog\/design-responsivo-web\/\">design revolucion\u00e1rio foi responsivo \u00e0 internet<\/a>; voc\u00ea n\u00e3o quer ser o \u00faltimo a bordo da pr\u00f3xima vez que um desenvolvimento como esse acontecer novamente.<\/p>\n<p>E mesmo quando as tend\u00eancias s\u00e3o puramente est\u00e9ticas, ainda h\u00e1 m\u00e9rito em acompanh\u00e1-las. Por exemplo, um site branco, limpo e simples pode ser funcional. Mas com o estilo mais vanguardista do web design nos \u00faltimos anos, os usu\u00e1rios tamb\u00e9m est\u00e3o achando isso bastante chato.<\/p>\n<p>Mesmo pequenas mudan\u00e7as como adicionar mais cores, grelhas quebradas ou anima\u00e7\u00f5es de micro-intera\u00e7\u00e3o podem contribuir muito para manter o seu site relevante.<\/p>\n<p>Al\u00e9m disso, \u00e0 medida que os web designers crescem, aprendem e se adaptam \u00e0s novas tecnologias, alguns destes avan\u00e7os e tend\u00eancias s\u00e3o muito para melhor, tanto no que diz respeito \u00e0 beleza como \u00e0 funcionalidade. Pense em como os sites pareciam e funcionavam h\u00e1 20 ou mesmo 10 anos atr\u00e1s&#8230; percorremos um longo caminho, e ainda temos um longo caminho a percorrer.<\/p>\n<p>Se voc\u00ea v\u00ea uma tend\u00eancia moderna de web design que se encaixa na sua marca, e ajuda ou pelo menos n\u00e3o prejudica a usabilidade, pode valer a pena entrar a bordo.<\/p>\n<h2>Recapitulando: Tend\u00eancias do Web Design 2018<\/h2>\n<p>Com 2020 agora aqui, 2018 parece estar cada vez mais distante. Mas as suas tend\u00eancias continuam a ter impacto na web mesmo quando novos estilos surgem, e como muitos destes ainda s\u00e3o relevantes para o design moderno, \u00e9 bom olhar para tr\u00e1s e ver at\u00e9 onde cheg\u00e1mos.<\/p>\n<p>O web design tem vindo a afastar-se da simplicidade minimalista e do individualismo ousado durante alguns anos, mas tudo chegou ao seu auge em 2018. Ainda podemos sentir os efeitos mesmo agora, e a internet certamente continuar\u00e1 a povoar com estilos originais e \u00fanicos.<\/p>\n<h3>Ilustra\u00e7\u00f5es 2D, Anima\u00e7\u00e3o 3D<\/h3>\n<figure style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/2d-3d-2.png\" alt=\"web design trends: 2d 3d\" width=\"1197\" height=\"739\"><figcaption class=\"wp-caption-text\">Um exemplo de ilustra\u00e7\u00e3o 2D (Fonte: Nomadic Tribe)<\/figcaption><\/figure>\n<p>As ilustra\u00e7\u00f5es s\u00e3o uma das melhores formas de transmitir personalidade e os desenhos 2D t\u00eam vindo a surgir cada vez mais. Eles s\u00e3o \u00f3timos para branding e tornam o seu site muito mais memor\u00e1vel, ent\u00e3o n\u00e3o \u00e9 surpresa. Um site com ilustra\u00e7\u00f5es surpreendentes n\u00e3o \u00e9 suscept\u00edvel de ser esquecido.<\/p>\n<p>A anima\u00e7\u00e3o de fundo 3D tamb\u00e9m se tornou mais popular, gra\u00e7as ao aumento do poder dos navegadores, da tecnologia de anima\u00e7\u00e3o e de dispositivos como computadores e telefones. Especialmente comuns em <a href=\"https:\/\/kinsta.com\/pt\/blog\/site-de-portfolio\/\">websites de carteiras e ag\u00eancias<\/a>, as anima\u00e7\u00f5es 3D captam instantaneamente a aten\u00e7\u00e3o e proporcionam oportunidades de interactividade divertida da IU.<\/p>\n<p>No futuro, as ilustra\u00e7\u00f5es e anima\u00e7\u00f5es feitas \u00e0 m\u00e3o s\u00f3 continuar\u00e3o a crescer em popularidade. Eles mostram a personalidade da sua marca de uma forma que nada mais pode (e isso <a href=\"https:\/\/kinsta.com\/pt\/blog\/estrategia-conteudo-visual\/\">provou funcionar como uma estrat\u00e9gia<\/a>).<\/p>\n<h3>Sutileza, Planeza e Minimalismo<\/h3>\n<figure style=\"width: 1325px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/webflow-1.png\" alt=\"webflow\" width=\"1325\" height=\"841\"><figcaption class=\"wp-caption-text\">O design plano foi bastante popular (Fonte: Webflow)<\/figcaption><\/figure>\n<p>Apesar dos avan\u00e7os em dire\u00e7\u00e3o a estilos mais originais e robustos, o minimalismo continuou a dominar a internet. A simplicidade limpa \u00e9 inegavelmente apelativa, e mesmo em locais que apresentavam cores mais brilhantes ou elementos experimentais, era frequentemente acompanhada de um design plano.<\/p>\n<p>No entanto, o &#8220;Flat 2.0&#8221;, ou desenho semi-plano, criou ra\u00edzes mais fortes com o uso de sombras, gradientes e outros elementos ligeiramente mais complexos. Enquanto existir minimalismo, os designers encontrar\u00e3o uma forma de dar um giro nele.<\/p>\n<p>Anima\u00e7\u00f5es subtis foram tamb\u00e9m uma grande parte de 2018, com ligeira paralaxe e efeitos suaves de pairar por todo o lado. Estes permitiram que websites minimalistas mantivessem a sua simplicidade enquanto tornavam o design geral muito mais bonito.<\/p>\n<h3>Desenho Geom\u00e9trico<\/h3>\n<p>A maioria dos locais inclui pol\u00edgonos e geometria em certa medida, mas o design geom\u00e9trico foi uma grande parte das tend\u00eancias de 2018. Os sites foram feitos exclusivamente em torno de formas simples, como quadrados, ret\u00e2ngulos e linhas, e eles tamb\u00e9m foram apresentados em detalhes menores, como bot\u00f5es ou caixas decorativas.<\/p>\n<p>Uma grande parte disto era de formas geom\u00e9tricas org\u00e2nicas, ou aquelas que s\u00e3o um tanto irregulares e imperfeitas. Eles frequentemente apresentam cantos suaves e assimetrias, e seu aspecto incomum \u00e9 bastante interessante. Os cantos afiados dos pol\u00edgonos e as arestas arredondadas da geometria org\u00e2nica foram frequentemente combinados para criar um contraste visualmente apelativo.<\/p>\n<figure style=\"width: 1210px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/giftrocket-2.png\" alt=\"Desenhos geom\u00e9tricos dominaram o dia (Fonte: GiftRocket)\" width=\"1210\" height=\"774\"><figcaption class=\"wp-caption-text\">Desenhos geom\u00e9tricos dominaram o dia (Fonte: GiftRocket)<\/figcaption><\/figure>\n<h3>Cores Brilhantes e Ousadas<\/h3>\n<p>A internet que antes era simples e branca est\u00e1 agora repleta de cores, paletas vibrantes e aventureiras em cada esquina. Os dias de um ou dois tons suaves em cada <a href=\"https:\/\/kinsta.com\/pt\/blog\/esquemas-de-cores-site\/\">esquema de cor<\/a> est\u00e3o desaparecendo, paletas brilhantes e ousadas rapidamente tomando o seu lugar.<\/p>\n<p>Os graduados apareceram em todo o lado e continuam a ser uma escolha popular ainda hoje, os seus matizes intensos e vibrantes preenchem os cabe\u00e7alhos de muitos locais de destaque.<\/p>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/spotify-1.png\" alt=\"spotify\" width=\"1211\" height=\"822\"><figcaption class=\"wp-caption-text\">Cores arrojadas falam volumes (Fonte: Spotify)<\/figcaption><\/figure>\n<p>Juntamente com os animados <a href=\"https:\/\/kinsta.com\/pt\/blog\/esquemas-de-cores-site\/\">esquemas de cores<\/a>, vieram os efeitos de falhas e distor\u00e7\u00e3o, as anima\u00e7\u00f5es brilhantes que aparecem em muitos dos portf\u00f3lios de designers ou desenvolvedores. Embora sua popularidade tenha diminu\u00eddo um pouco, voc\u00ea ainda pode encontr\u00e1-los em toda a web.<\/p>\n<h3>Desenho de Grelha Quebrada<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/startup-lab-1.png\" alt=\"startup lab\" width=\"1221\" height=\"803\"><figcaption class=\"wp-caption-text\">Todos saudem a rede quebrada (Fonte: Startup Lab)<\/figcaption><\/figure>\n<p>A maioria dos sites \u00e9 constru\u00edda sobre um layout simples baseado em grade, com elementos divididos ordenadamente em se\u00e7\u00f5es. O design da grelha quebrada estilha\u00e7a a expectativa, elementos sobrepostos e atira simetria pela janela. Este layout n\u00e3o convencional \u00e9 uma das formas mais not\u00e1veis de quebrar o molde e se destacar.<\/p>\n<p>Outro estilo que recebeu muita aten\u00e7\u00e3o foi o design de tela dividida, uma t\u00e9cnica que dividiu a tela em dois pain\u00e9is, cada um com seu pr\u00f3prio <a href=\"https:\/\/kinsta.com\/pt\/topicos\/estrategia-de-conteudo\/\">conte\u00fado<\/a>. No geral, os layouts ficaram muito mais interessantes.<\/p>\n<h3>IA e Aprendizagem de M\u00e1quina<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/estatisticas-do-ecommerce\/\">Os Chatbots s\u00e3o uma grande coisa<\/a>. Esses programas sofisticados respondem de forma din\u00e2mica aos clientes, automatizando parcial ou completamente o processo de suporte ou compra. A aprendizagem de m\u00e1quinas permite-lhes examinar dados e aprender como responder a perguntas e coment\u00e1rios, e tirar parte da carga de trabalho dos seus agentes de apoio humano.<\/p>\n<p>Mas isto \u00e9 apenas o come\u00e7o. \u00c0 medida que a tecnologia continua a avan\u00e7ar, a IA e a aprendizagem de m\u00e1quinas v\u00e3o-se tornando ainda mais integradas com os sistemas online.<\/p>\n<h3>A Ascens\u00e3o do Brutalismo<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/the-outline-1.png\" alt=\"the outline\" width=\"1211\" height=\"807\"><figcaption class=\"wp-caption-text\">Brutalismo \u00e9 rude aos olhos, mas faz uma afirma\u00e7\u00e3o (Fonte: The Outline)<\/figcaption><\/figure>\n<p>O brutalismo n\u00e3o \u00e9 bonito, mas o seu estranho apelo conquistou o cora\u00e7\u00e3o de muitos. Caracterizado por cores garridas, escolhas anti-UX e design &#8220;all-over-the-place&#8221;, o brutalismo encoraja os designers a enlouquecerem e criarem um site que desafia as expectativas. Voc\u00ea deve esperar ver mais deste estilo n\u00e3o-uniforme no futuro.<\/p>\n<h3>Conta\u00e7\u00e3o de hist\u00f3rias com Web Design<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/atlassian.png\" alt=\"atlassian\" width=\"1211\" height=\"803\"><figcaption class=\"wp-caption-text\">O design pode ser usado para contar uma hist\u00f3ria (Fonte: Atlassian)<\/figcaption><\/figure>\n<p>As imagens s\u00e3o uma das melhores formas de transmitir informa\u00e7\u00e3o de forma eficaz, quer esteja a tentar contar uma hist\u00f3ria ou a tornar muitos dados leg\u00edveis para humanos. Os web designers est\u00e3o contando suas hist\u00f3rias atrav\u00e9s de <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-ferramentas-para-freelancers\/#design-tools\">encantadoras ilustra\u00e7\u00f5es e visualiza\u00e7\u00e3o de dados<\/a>, com desenhos interativos e visuais que tornam sua mensagem mais envolvente e f\u00e1cil de entender.<\/p>\n<h2>As Maiores Tend\u00eancias do Web Design de 2019<\/h2>\n<p>2019 compartilhou muitas tend\u00eancias de web design com 2018, como design de grade quebrada e paletas de cores arrojadas. Mas as coisas ficaram ainda mais loucas, com muita experimenta\u00e7\u00e3o de designers ousados.<\/p>\n<p>O tema corrente para 2019: flex\u00e3o e quebra de regras. Branco, plano, minimalismo baseado em grelha, assimetria brilhante e ousada para dentro. Embora o design limpo e o espa\u00e7o branco sejam sempre um grande candidato, os designers est\u00e3o mais dispostos a experimentar coisas novas ultimamente. Estamos vendo muitos deles continuarem com for\u00e7a total em 2020.<\/p>\n<h3>Vibra\u00e7\u00e3o e Experimenta\u00e7\u00e3o de Cores<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/fotonaut-1.png\" alt=\"fotonaut\" width=\"1221\" height=\"807\"><figcaption class=\"wp-caption-text\">Cores vibrantes dominadas (Fonte: Fotonaut)<\/figcaption><\/figure>\n<p>A internet est\u00e1 a ficar mais colorida. Os graduados s\u00e3o comuns agora, e os sites esportivos muitas vezes t\u00eam paletas brilhantes e vistosas que n\u00e3o se ouvia falar h\u00e1 alguns anos. As paletas em si s\u00e3o mais experimentais, quebrando do molde habitual de cores complementares ou contrastantes e indo por todo o lado.<\/p>\n<p>Os sites j\u00e1 n\u00e3o t\u00eam uma ou duas cores simples e silenciosas. Past\u00e9is macios, tonalidades brilhantes e paletas de qualquer tamanho est\u00e3o assumindo o controle. Contraste n\u00edtido, sutileza suave e paletas embaladas com uma mistura de personalidade para tornar a internet muito mais diversificada.<\/p>\n<p>A monocromia tamb\u00e9m \u00e9 uma grande moda neste momento. Isso muitas vezes toma a forma de sites totalmente em preto e branco ou em escala de cinza com uma est\u00e9tica escura, mas voc\u00ea tamb\u00e9m pode encontrar sites feitos apenas em torno de uma \u00fanica cor.<\/p>\n<h3>Mais Ilustra\u00e7\u00f5es<\/h3>\n<figure style=\"width: 1205px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/absurd-1.png\" alt=\"absurd\" width=\"1205\" height=\"797\"><figcaption class=\"wp-caption-text\">As ilustra\u00e7\u00f5es ainda eram populares (Fonte: absurdo)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/estrategia-conteudo-visual\/\">As ilustra\u00e7\u00f5es e o conte\u00fado visual<\/a> tamb\u00e9m eram grandes em 2018, mas continuaram a evoluir. Os artistas est\u00e3o se afastando do estilo t\u00edpico e simplista de ilustra\u00e7\u00e3o que a maioria dos sites est\u00e1 empregando, e tentando algo um pouco diferente.<\/p>\n<p>Uma tend\u00eancia emergente \u00e9 a arte exc\u00eantrica e l\u00fadica que se desvia da normalidade e experimenta um estilo mais abstrato e aleat\u00f3rio. Estas ilustra\u00e7\u00f5es ignoram limites t\u00edpicos e n\u00e3o t\u00eam medo de mostrar a personalidade dos seus criadores.<\/p>\n<p>As ilustra\u00e7\u00f5es em 3D tamb\u00e9m s\u00e3o bastante populares. \u00c9 apenas um pequeno giro na tend\u00eancia de trabalhos de arte, na sua maioria planos, mas que lhe d\u00e1 uma grande vida nova. Algumas delas s\u00e3o obras de arte 2D desenhadas para parecerem 3D, enquanto outras s\u00e3o renderiza\u00e7\u00f5es tridimensionais reais. De qualquer maneira, eles est\u00e3o ganhando tra\u00e7\u00e3o rapidamente ao lado das anima\u00e7\u00f5es 3D da web.<\/p>\n<figure style=\"width: 1191px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/jet-style-1.png\" alt=\"jet style\" width=\"1191\" height=\"735\"><figcaption class=\"wp-caption-text\">E as ilustra\u00e7\u00f5es 3D causaram impacto (Fonte: Jet Style)<\/figcaption><\/figure>\n<p>Por \u00faltimo, mas n\u00e3o menos importante, na tend\u00eancia ilustrada \u00e9 a anima\u00e7\u00e3o. A arte animada \u00e9 instantaneamente chamativa e acrescenta uma camada extra de personalidade a uma forma de arte que j\u00e1 \u00e9 bastante expressiva. Tanto a arte animada 2D como a 3D v\u00e3o continuar a crescer \u00e0 medida que esta moda ganha aten\u00e7\u00e3o.<\/p>\n<h3>Design arrojado<\/h3>\n<p>2019 web design pode ser encapsulado em tr\u00eas palavras: grande e arrojado. Quanto maior e mais experimental, melhor, especialmente quando o resultado final \u00e9 cintilante e exige aten\u00e7\u00e3o instant\u00e2nea.<\/p>\n<p>O web design brutalista continua forte, com <a href=\"https:\/\/brutalistwebsites.com\/\">sites inteiros<\/a> dedicados a recolher o melhor do brutalismo. A forma de arte forte, feia e anti-usu\u00e1rio certamente faz uma afirma\u00e7\u00e3o: o web design sempre foi apenas sobre a cria\u00e7\u00e3o de uma boa experi\u00eancia de usu\u00e1rio, mas o brutalismo procura transform\u00e1-la em uma pe\u00e7a de arte. N\u00e3o est\u00e1 claro quanto tempo durar\u00e1 o brutalismo, mas a tend\u00eancia ainda tem um \u00e1vido seguimento.<\/p>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/visualbox-1.png\" alt=\"visualbox\" width=\"1213\" height=\"797\"><figcaption class=\"wp-caption-text\">O brutalismo ainda \u00e9 dominante (Fonte: Visualbox)<\/figcaption><\/figure>\n<p>Parece que tudo est\u00e1 ficando maior, mas o maior impacto disso tem sido na tipografia e na navega\u00e7\u00e3o. N\u00e3o \u00e9 raro ver texto que preenche quase inteiramente a tela, ou mesmo desenhos feitos apenas em torno da tipografia, com poucas ou nenhumas imagens.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-wordpress\/\">As fontes<\/a> tamb\u00e9m est\u00e3o ficando <a href=\"https:\/\/kinsta.com\/pt\/blog\/fontes-modernas\/\">mais criativas<\/a>, especialmente gra\u00e7as \u00e0s <a href=\"https:\/\/www.colorfonts.wtf\/\">fontes coloridas<\/a>, que tornam a personaliza\u00e7\u00e3o e a renderiza\u00e7\u00e3o de fontes que parecem ter sido aprimoradas no Photoshop finalmente uma possibilidade. A tipografia como ponto de foco \u00e9 agora um m\u00e9todo vi\u00e1vel de web design.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-menu-plugins\/\">A navega\u00e7\u00e3o tamb\u00e9m est\u00e1 em expans\u00e3o<\/a>. As naves de cabe\u00e7alho e as elegantes dropdowns ou menus de hamb\u00fargueres est\u00e3o sendo substitu\u00eddos por telas dominantes, com telas inteiras dedicadas \u00e0 navega\u00e7\u00e3o, mais uma vez frequentemente focadas em torno de enormes tipografias. Neste guia detalhado, voc\u00ea pode saber mais sobre as <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhorar-a-navegacao-do-website\/\">melhores pr\u00e1ticas de navega\u00e7\u00e3o no site<\/a>.<\/p>\n<figure style=\"width: 1217px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/tribu-1.png\" alt=\"tribu\" width=\"1217\" height=\"803\"><figcaption class=\"wp-caption-text\">Os desenhos do cabe\u00e7alho tamb\u00e9m causaram impacto (Fonte: Tribu)<\/figcaption><\/figure>\n<p>Fique atento tamb\u00e9m aos animados cabe\u00e7alhos de v\u00eddeo de her\u00f3is, fundos animados e, em geral, mais <a href=\"https:\/\/kinsta.com\/pt\/blog\/incorporar-videos-youtube-wordpress\/\">conte\u00fado de v\u00eddeo<\/a> em p\u00e1ginas web. Os elementos de v\u00eddeo costumavam ser uma preocupa\u00e7\u00e3o, uma vez que eram lentos a carregar e consumiam dados m\u00f3veis limitados, mas hardware mais forte e imagens de recurso significam que agora voc\u00ea pode usar v\u00eddeos em qualquer lugar. Aquele lindo site com um fundo animado em tela cheia, uma vez uma raridade, est\u00e1 prestes a se tornar mais comum.<\/p>\n<h3>Assimetria<\/h3>\n<figure style=\"width: 1223px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/new-flight-1.png\" alt=\"new flight\" width=\"1223\" height=\"801\"><figcaption class=\"wp-caption-text\">Assymetry ainda \u00e9 muito popular (Fonte: New Flight)<\/figcaption><\/figure>\n<p>O design da grelha quebrada continua a ser muito popular. Muitas vezes os sites optam por evitar layouts t\u00edpicos e optam por algo mais art\u00edstico, com muitas pe\u00e7as e elementos sobrepostos em toda a tela. \u00c9 um estilo que \u00e9 dif\u00edcil de conseguir, mas fica espantoso quando o pregamos.<\/p>\n<p>Mas para aqueles que n\u00e3o est\u00e3o interessados em quebrar completamente o molde, um pouco de assimetria \u00e9 uma alternativa aceit\u00e1vel. Desenhos assim\u00e9tricos de tela dividida s\u00e3o especialmente populares, mesmo que estes sites ainda fiquem em uma grade.<\/p>\n<p>Falando em grades, a grade CSS \u00e9 uma adi\u00e7\u00e3o super poderosa ao CSS que funciona em duas dimens\u00f5es, colunas e linhas, e permite que voc\u00ea crie facilmente layouts de sites a partir do zero. Com um <a href=\"https:\/\/kinsta.com\/pt\/blog\/css-wordpress\/\">pouco de magia CSS<\/a> voc\u00ea tamb\u00e9m pode criar um layout de grade quebrado, ent\u00e3o tudo \u00e9 poss\u00edvel. Web designers e desenvolvedores est\u00e3o come\u00e7ando a pegar na grade CSS, ent\u00e3o n\u00e3o perca.<\/p>\n<h3>Mais Efeitos e Anima\u00e7\u00f5es<\/h3>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/3h-i-1.png\" alt=\"3h-i\" width=\"1213\" height=\"785\"><figcaption class=\"wp-caption-text\">As anima\u00e7\u00f5es podem ter um impacto positivo no design UI e UX (Fonte: 3H-i)<\/figcaption><\/figure>\n<p>Embora o brutalismo esteja se tornando comum em alguns cantos da web, o resto est\u00e1 focado no design UI\/UX: criar uma interface mais bonita e ao mesmo tempo melhorar a experi\u00eancia do usu\u00e1rio.<\/p>\n<p>Uma grande parte disto est\u00e1 em micro-intera\u00e7\u00f5es. Pense pairando sobre um produto em uma <a href=\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-vs-shopify\/\">loja<\/a> ou brincando com um fundo animado e interativo. Estas pequenas anima\u00e7\u00f5es tornam um site mais divertido de navegar e trazem alegria a pequenas intera\u00e7\u00f5es como clicar e pairar. Alguns sites chegaram ao ponto de implementar minijogos bonitinhos.<\/p>\n<p>Mas n\u00e3o \u00e9 tudo s\u00f3 por divers\u00e3o. As micro-intera\u00e7\u00f5es servem muitas vezes o mesmo prop\u00f3sito que a anima\u00e7\u00e3o sutil comum: elas direcionam a aten\u00e7\u00e3o do usu\u00e1rio para elementos importantes da IU. E a sobre-implementa\u00e7\u00e3o pode ficar obsoleta rapidamente, por isso \u00e9 um jogo de descobrir o n\u00famero ideal de anima\u00e7\u00f5es a incluir no seu site.<\/p>\n<p>Efeitos de rolagem e paralaxe s\u00e3o naturalmente t\u00e3o populares como sempre e podem adicionar um visual din\u00e2mico em camadas a uma p\u00e1gina e torn\u00e1-la muito mais interessante.<\/p>\n<p>Al\u00e9m disso, cuidado com os cursores personalizados. Estes eram raramente vistos fora de pequenos blogs ou sites para crian\u00e7as, mas agora s\u00e3o uma escolha popular, especialmente para sites constru\u00eddos em torno de fundos animados em 3D ou navega\u00e7\u00e3o. Um elegante cursor personalizado pode realmente melhorar a sua est\u00e9tica.<\/p>\n<h3>Espa\u00e7o Branco<\/h3>\n<figure style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/apple-1-1.png\" alt=\"apple iPhone\" width=\"1604\" height=\"954\"><figcaption class=\"wp-caption-text\">O espa\u00e7o branco ainda ganha (Fonte: Apple)<\/figcaption><\/figure>\n<p>Como sempre, o espa\u00e7o branco e o design limpo continuar\u00e3o a ter um lugar nas tend\u00eancias de web design. Simples e limpo \u00e9 uma escolha segura: h\u00e1 uma raz\u00e3o para este estilo estar presente em quase todos os sites modernos.<\/p>\n<p>Mas mesmo que voc\u00ea esteja visando uma abordagem mais ousada e \u00fanica, o espa\u00e7o branco ainda \u00e9 algo que voc\u00ea precisa trabalhar ao redor. <a href=\"https:\/\/kinsta.com\/pt\/blog\/exemplos-de-sites-de-grandes-marcas-do-wordpress\/\">Todos os sites<\/a> precisam de espa\u00e7o para respirar, e o espa\u00e7o branco pode ser usado para destacar e enfatizar cuidadosamente as imagens ou outros conte\u00fados.<\/p>\n<p>Muito espa\u00e7o branco pode ser usado com grande efeito, com por\u00e7\u00f5es inteiras da tela deixadas vazias para dar bastante espa\u00e7o a elementos importantes. O espa\u00e7o branco m\u00e1ximo \u00e9 um estilo que provavelmente continuar\u00e1 durante os pr\u00f3ximos anos.<\/p>\n<h3>Aplica\u00e7\u00f5es Web Progressivas<\/h3>\n<p>A pr\u00f3xima grande novidade em design m\u00f3vel: aplica\u00e7\u00f5es web progressivas. Estas plataformas baseadas na web s\u00e3o constru\u00eddas em c\u00f3digo como <a href=\"https:\/\/kinsta.com\/pt\/blog\/editar-codigo-wordpress\/\">HTML<\/a> e <a href=\"https:\/\/kinsta.com\/pt\/blog\/bloqueio-de-renderizacao-no-wordpress\/\">JavaScript<\/a>, mas funcionam e agem como mini-apps para usu\u00e1rios m\u00f3veis. Eles s\u00e3o feitos para oferecer a experi\u00eancia de um aplicativo sem a necessidade de ser constru\u00eddo sobre a tecnologia m\u00f3vel ou lan\u00e7ado na loja de aplicativos.<\/p>\n<p>Os PWAs funcionam offline, podem enviar notifica\u00e7\u00f5es e ser colocados na tela inicial, mas voc\u00ea n\u00e3o precisa baixar ou distribuir nada. S\u00e3o leves e <a href=\"https:\/\/kinsta.com\/pt\/aprenda\/velocidade-de-sites\/\">carregam r\u00e1pido<\/a> tamb\u00e9m, por isso n\u00e3o consomem muita largura de banda.<\/p>\n<p>At\u00e9 mesmo o Twitter entrou nos PWAs, desenvolvendo o Twitter Lite como uma solu\u00e7\u00e3o para aqueles com velocidades de internet lentas. E acabaram por integrar o sistema mesmo na sua interface principal. Isso \u00e9 uma prova de como esta tecnologia funciona bem.<\/p>\n<p>Se voc\u00ea ainda n\u00e3o ouviu falar em aplica\u00e7\u00f5es web progressivas, voc\u00ea deve definitivamente fazer alguma pesquisa. Construir um pode tornar as experi\u00eancias dos seus usu\u00e1rios m\u00f3veis muito mais suaves.<\/p>\n\n<h2>Resumo<\/h2>\n<p>2018 e 2019 t\u00eam sido uns anos emocionantes para o mundo online. 2020 j\u00e1 est\u00e1 trazendo projetos ainda mais aventurosos. Elementos que quebram regras como assimetria, cores brilhantes, brutalismo e anima\u00e7\u00f5es atraentes continuar\u00e3o a crescer em popularidade ao longo dos pr\u00f3ximos anos.<\/p>\n<p>Quem sabe o que pode vir a seguir? Estamos certamente \u00e0 espera de novos estilos de arte ainda mais n\u00e3o convencionais.<\/p>\n<p>Se voc\u00ea ainda n\u00e3o pegou, talvez seja hora de reimaginar alguns dos seus designs e pegar essas novas e quentes tend\u00eancias. Espere <a href=\"https:\/\/kinsta.com\/pt\/blog\/exemplos-de-sites-de-grandes-marcas-do-wordpress\/\">ver marcas<\/a> e designers realmente come\u00e7arem a se expressar e a internet se tornar muito mais vibrante e interessante.<\/p>\n<p>A pr\u00f3xima d\u00e9cada de webdesign dever\u00e1 apresentar riscos e inova\u00e7\u00e3o, por isso certifique-se de que est\u00e1 pronto para acompanhar o ritmo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O web design est\u00e1 em constante evolu\u00e7\u00e3o. \u00c0 medida que a tecnologia se torna mais poderosa e os designers experimentam novos estilos, cada ano apresenta um &#8230;<\/p>\n","protected":false},"author":20,"featured_media":33337,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[268,168],"topic":[1039,1015],"class_list":["post-33320","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-trends","tag-web-design","topic-design-sites-wordpress","topic-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)<\/title>\n<meta name=\"description\" content=\"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)\" \/>\n<meta property=\"og:description\" content=\"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-17T12:16:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T13:35:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)\",\"datePublished\":\"2020-01-17T12:16:46+00:00\",\"dateModified\":\"2025-02-26T13:35:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\"},\"wordCount\":3345,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg\",\"keywords\":[\"trends\",\"web design\"],\"articleSection\":[\"Desenvolvimento WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\",\"name\":\"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg\",\"datePublished\":\"2020-01-17T12:16:46+00:00\",\"dateModified\":\"2025-02-26T13:35:58+00:00\",\"description\":\"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Olhando para tr\u00e1s nas Principais Tend\u00eancias do Web Design (2018-2019)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/web-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)","description":"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.","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:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/","og_locale":"pt_PT","og_type":"article","og_title":"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)","og_description":"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.","og_url":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2020-01-17T12:16:46+00:00","article_modified_time":"2025-02-26T13:35:58+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg","type":"image\/jpeg"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg","twitter_creator":"@digitalinkwell","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Brenda Barron","Tempo estimado de leitura":"17 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)","datePublished":"2020-01-17T12:16:46+00:00","dateModified":"2025-02-26T13:35:58+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/"},"wordCount":3345,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg","keywords":["trends","web design"],"articleSection":["Desenvolvimento WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/","url":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/","name":"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg","datePublished":"2020-01-17T12:16:46+00:00","dateModified":"2025-02-26T13:35:58+00:00","description":"Como est\u00e1 evoluindo o mundo do web design? Um olhar profundo e uma an\u00e1lise das \u00faltimas tend\u00eancias em web design de 2018 e 2019 at\u00e9 agora em 2020.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/01\/principais-tendencias-do-web-design.jpg","width":1460,"height":730,"caption":"Olhando para tr\u00e1s nas Principais Tend\u00eancias do Web Design (2018-2019)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/principais-tendencias-em-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/kinsta.com\/pt\/topicos\/web-design\/"},{"@type":"ListItem","position":3,"name":"Olhando para as Principais Tend\u00eancias em Web Design (2018-2019)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/33320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=33320"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/33320\/revisions"}],"predecessor-version":[{"id":47552,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/33320\/revisions\/47552"}],"alternate":[{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/nl"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/pt"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/translations\/se"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/33320\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/33337"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=33320"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=33320"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=33320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}