\n Inicialmente denominados como mon\u00f3tonos, os designs planos logo se tornaram o rosto de milh\u00f5es de sites. Nos \u00faltimos dois anos, muitos desenvolvedores deram adeus a uma lista de padr\u00f5es complicados, sombras, gradientes, fontes e roubaram o show ao incorporar uma abordagem minimalista em seus designs da web.\n<\/p>\n
\n Uma das principais raz\u00f5es para a aclama\u00e7\u00e3o do design plano pode ser a variedade de privil\u00e9gios que os designs est\u00e3o servindo tanto para os desenvolvedores quanto para os usu\u00e1rios. A abordagem plana e minimalista est\u00e1 convidando os usu\u00e1rios, que acham dif\u00edcil se acostumar com os sites complicados. Ao contr\u00e1rio do skeuomorfismo, as ilustra\u00e7\u00f5es m\u00ednimas e a aus\u00eancia de elementos pesados, como sombras, profundidade e gradientes, oferecem tempos de carregamento mais r\u00e1pidos e uma interface amig\u00e1vel para todos os dispositivos.\n<\/p>\n
\n Agnosticismo do dispositivo
\n<\/h5>\n
\n “V\u00e1 com o Fluxo”<\/strong>\n<\/p>\n \n “Antes de come\u00e7ar com qualquer coisa, basta dar uma olhada na foto acima”. Um desenvolvedor inteligente sabe que agora se tornou sem sentido manter o site otimizado para um determinado dispositivo com propriet\u00e1rios de smartphones e tablets assumindo a lideran\u00e7a sobre os usu\u00e1rios de desktop da velha escola.\n<\/p>\n \n Os propriet\u00e1rios do site perceberam a import\u00e2ncia de um layout capaz de se espalhar uniformemente em todas as dimens\u00f5es do dispositivo se eles buscam nutrir seus clientes por um per\u00edodo prolongado. Embora os dispositivos m\u00f3veis gerem quase 50% do tr\u00e1fego total para os sites de com\u00e9rcio eletr\u00f4nico, os executivos sabem que ter um site independente de dispositivo pode oferecer a eles um usu\u00e1rio disposto a entrar e voltar ao site.\n<\/p>\n \n “Defina o clima”<\/strong>\n<\/p>\n \n Voc\u00ea pode odi\u00e1-lo, pode am\u00e1-lo, mas n\u00e3o pode simplesmente ignorar o plano de fundo de largura total de um site, assim que chegar l\u00e1 para gastar algumas libras. O ano de 2015 testemunhou o surgimento de grandes fundos e n\u00e3o se sabe quando se tornou o novo favorito da ind\u00fastria.\n<\/p>\n \n O plano de fundo de largura total faz com que os sites pare\u00e7am organizados. Um plano de fundo grande com um cabe\u00e7alho elegante permite que os usu\u00e1rios naveguem na p\u00e1gina e definam o clima para sua marca. A imagem grande na frente permite que o site comunique a mensagem aos usu\u00e1rios de forma eficaz. O design utiliza totalmente o espa\u00e7o frontal para comunicar a ideia, chamando a aten\u00e7\u00e3o dos usu\u00e1rios assim que eles entram no site.\n<\/p>\n \n “N\u00e3o perturbe”<\/strong>\n<\/p>\n \n A maioria de n\u00f3s pode ter notado que eles foram colocados elegantemente, bem no meio do fundo grande, mas nunca se preocupou em saber como eles s\u00e3o diferentes das formas geom\u00e9tricas clic\u00e1veis \u200b\u200btradicionais colocadas em locais de destaque no site. O bot\u00e3o fantasma \u00e9 comparativamente maior e tem um contorno branco sem preenchimento ou algum texto dentro.\n<\/p>\n \n A necessidade de ter bot\u00f5es fantasmas no web design surgiu, com a crescente popularidade da abordagem de design minimalista. Os bot\u00f5es realmente n\u00e3o se parecem com os bot\u00f5es tradicionais, mas executam a\u00e7\u00f5es semelhantes (portanto, chamados de “fantasmas”). A vantagem b\u00e1sica de incorporar os bot\u00f5es fantasmas \u00e9 ter os clic\u00e1veis \u200b\u200bque n\u00e3o atrapalham a visualidade das imagens. Devido \u00e0 natureza dos Bot\u00f5es Fantasmas, eles ocupam um espa\u00e7o comparativamente maior e s\u00e3o exibidos apenas na p\u00e1gina inicial ou na se\u00e7\u00e3o sobre do site.\n<\/p>\n \n “Ousado \u00e9 Belo”<\/strong>\n<\/p>\n \n Longe v\u00e3o os dias em que os propriet\u00e1rios de sites eram solicitados a gastar milh\u00f5es no estilo de texto de suas p\u00e1ginas da web. A atual ind\u00fastria de com\u00e9rcio eletr\u00f4nico est\u00e1 seguindo o mantra de “Mantenha-o ousado e simples”. O uso da tipografia em negrito e grande, juntamente com as imagens complementares, elevou a experi\u00eancia do usu\u00e1rio ao n\u00edvel acima e tornou as coisas mais f\u00e1ceis de perceber.\n<\/p>\n \n Al\u00e9m de fazer o site parecer limpo e organizado, a tipografia grande transmite a mensagem com for\u00e7a e tem um impacto instant\u00e2neo nos visitantes. Grandes gr\u00e1ficos ou texto centralizam a aten\u00e7\u00e3o do usu\u00e1rio e aumentam a classifica\u00e7\u00e3o visual do conte\u00fado principal do site. A tend\u00eancia \u00e9 perfeita para os sites m\u00f3veis, pois n\u00e3o h\u00e1 necessidade de os usu\u00e1rios aumentarem ou diminuirem o zoom ao fazer uma compra usando o celular, mas voc\u00ea deve observar o espa\u00e7o que sua p\u00e1gina inicial tem antes de incorporar texto grande em sua web p\u00e1gina. O uso extra pode fazer seu site parecer uma miscel\u00e2nea.\n<\/p>\n \n “Considere o Navicon”<\/strong>\n<\/p>\n \n Voc\u00ea nunca deixa sua parafern\u00e1lia espalhada em todos os cantos do seu quarto, ent\u00e3o por que faria isso com seu site? As empresas que entenderam a import\u00e2ncia de um site clean e descomplicado, na melhoria da experi\u00eancia do usu\u00e1rio, incorporaram muito bem o bot\u00e3o hamb\u00farguer no canto superior direito do seu site de e-commerce. O conceito de menus ocultos n\u00e3o \u00e9 muito novo, mas a tend\u00eancia ganhou for\u00e7a no ano de 2015, principalmente devido ao aumento do n\u00famero de sites compat\u00edveis com dispositivos m\u00f3veis.\n<\/p>\n \n A navega\u00e7\u00e3o fora da tela faz com que o site pare\u00e7a organizado, e o \u00edcone de hamb\u00farguer permite que o usu\u00e1rio consulte o menu de qualquer p\u00e1gina, sem precisar encontr\u00e1-lo. Grandes nomes como EBay, Reebok e-commerce, Stella McCartney, Samsung incorporaram os menus ocultos de forma eficaz em suas plataformas de com\u00e9rcio eletr\u00f4nico para levar a experi\u00eancia do usu\u00e1rio em seus sites a um n\u00edvel superior.\n<\/p>\n \n “Impressione com Azulejos”<\/strong>\n<\/p>\n \n Com o visual atraindo a maior parte da aten\u00e7\u00e3o do usu\u00e1rio, a navega\u00e7\u00e3o em mosaicos geom\u00e9tricos ganhou destaque na frente do E-commerce. Blocos grandes com texto m\u00ednimo, mas competentes o suficiente para fornecer informa\u00e7\u00f5es relevantes aos usu\u00e1rios de primeira! A navega\u00e7\u00e3o de blocos dominou as paradas ao longo do ano de 2015 e n\u00e3o vai a lugar nenhum t\u00e3o cedo.\n<\/p>\n \n Os atraentes blocos de imagem preenchidos com informa\u00e7\u00f5es relacionadas fornecem uma descri\u00e7\u00e3o n\u00edtida do produto para os usu\u00e1rios e d\u00e3o a eles uma pequena ideia de onde clicar na caixa os levar\u00e1. Para melhorar a experi\u00eancia do utilizador, e tornar a navega\u00e7\u00e3o mais apelativa, o principal destaque \u00e9 dado ao conte\u00fado visual, que \u00e9 suportado pelo texto complementar. Clicar nos tiles leva o usu\u00e1rio a uma p\u00e1gina diferente, exibindo a vis\u00e3o detalhada do produto oferecido.\n<\/p>\n \n “Deixe-o tamponar”<\/strong>\n<\/p>\n \n Nada poderia minar o fato de que “a ind\u00fastria de com\u00e9rcio eletr\u00f4nico exige conte\u00fado atraente para atrair os leads lucrativos para a convers\u00e3o”. Os desenvolvedores entenderam que colocar imagens de qualidade para exibir os produtos \u00e9 bom e tudo, mas ter um v\u00eddeo que envolva os clientes e promova os produtos de maneira mais detalhada pode ter um grande impacto na convers\u00e3o geral do site. O ano de 2015 testemunhou um salto significativo do texto para o v\u00eddeo; & websites incorporaram muito bem a ideia em seu layout para demonstrar seus produtos.\n<\/p>\n \n Um v\u00eddeo apelativo, n\u00e3o s\u00f3 potencia a intera\u00e7\u00e3o do utilizador, como tamb\u00e9m afeta a forma como os consumidores se comportam com a marca. Quando perguntados a alguns clientes, quase metade deles respondeu que se sente mais seguro sobre sua decis\u00e3o de compra depois de assistir \u00e0 demonstra\u00e7\u00e3o do produto no site.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247688-6382199a1d0da.webp\")
<\/a><\/p>\n\n Plano de fundo de largura total
\n<\/h5>\n<\/a> Plano de fundo de largura total do site<\/a> falve .<\/p>\n\n Bot\u00f5es fantasmas
\n<\/h5>\n<\/a> Bot\u00f5es fantasmas no site<\/a> da iuvo .<\/p>\n\n Tipografia grande
\n<\/h5>\n<\/a> Tipografia grande no site<\/a> Austineastciders .<\/p>\n\n Menu oculto
\n<\/h5>\n<\/a> Menu oculto do tutorial<\/a> codrops .<\/p>\n\n Navega\u00e7\u00e3o lado a lado
\n<\/h5>\n<\/a> Navega\u00e7\u00e3o lado a lado no tema<\/a> da matriz .<\/p>\n\n Conte\u00fado de v\u00eddeo
\n<\/h5>\n<\/a><\/p>\n\n Anima\u00e7\u00e3o em movimento
\n<\/h5>\n