{"id":12913,"date":"2017-08-23T14:13:53","date_gmt":"2017-08-23T14:13:53","guid":{"rendered":"http:\/\/www.emaze.com\/?p=12913"},"modified":"2023-07-12T13:24:12","modified_gmt":"2023-07-12T13:24:12","slug":"wow-your-viewers-with-parallax","status":"publish","type":"post","link":"https:\/\/www.emaze.com\/pt\/uau-seus-espectadores-com-paralaxe\/","title":{"rendered":"Impressione seus espectadores com Parallax"},"content":{"rendered":"<p>Fora com o velho, com o novo. Como voc\u00ea deve saber, a experi\u00eancia do usu\u00e1rio e como os usu\u00e1rios interagem com seu site durante os primeiros momentos de sua visita determinam ou interrompem o uso cont\u00ednuo e futuro de seu site. Ou seja, as primeiras impress\u00f5es importam muito. Em 2017, imagens est\u00e1ticas e cliques em sites est\u00e3o fora, e rolagem e movimentos verticais est\u00e3o em alta. Como voc\u00ea pode ser pego nessa tend\u00eancia e criar uma excelente impress\u00e3o?<\/p>\n<p><!--more--><\/p>\n<p>Voc\u00ea pode ter ouvido o termo \u201cparalaxe\u201d ou \u201cefeito paralaxe\u201d sendo usado recentemente. Na verdade, voc\u00ea mesmo provavelmente j\u00e1 encontrou paralaxe sendo usado em muitos sites que visitou, sem perceber o que era. Acredite ou n\u00e3o, embora pare\u00e7a algo complicado, na verdade \u00e9 muito f\u00e1cil de fazer! Ficou curioso para saber exatamente o que \u00e9 e por que est\u00e1 se tornando rapidamente um fen\u00f4meno de efeitos especiais? Veja do que se trata e como voc\u00ea pode us\u00e1-lo.<\/p>\n<p>Parallax \u00e9 um efeito que trata o fundo e o conte\u00fado frontal de um site como duas coisas separadas. O efeito que isso tem \u00e9 que, quando um visualizador rola, o plano de fundo e o primeiro plano se movem em velocidades diferentes, criando uma sensa\u00e7\u00e3o de profundidade e um toque 3D. Voc\u00ea pode estar familiarizado com essa sensa\u00e7\u00e3o de videogames antigos (algu\u00e9m Mario Kart?). A paralaxe faz parte de uma tend\u00eancia crescente na tecnologia agora que vai al\u00e9m da mentalidade do in\u00edcio dos anos 2000 de usar imagens est\u00e1ticas b\u00e1sicas e efeitos pegajosos, para usar uma ferramenta revolucion\u00e1ria que permite ao visualizador controlar o movimento da imagem. Parallax \u00e9 um divisor de \u00e1guas porque oferece uma resposta \u00e0 tend\u00eancia recente de rolar, em vez de clicar, por meio de uma p\u00e1gina on-line e permite que voc\u00ea participe mais do cultivo da experi\u00eancia de usu\u00e1rio envolvente \u00fanica que os visitantes t\u00eam em seu site.<\/p>\n<p>Como isso \u00e9 usado? Voc\u00ea pode usar a paralaxe para dar uma apar\u00eancia polida e sofisticada ao seu blog ou site de m\u00eddia social para impressionar seus seguidores enquanto eles rolam pela p\u00e1gina, com o efeito destacando as \u00e1reas mais importantes da p\u00e1gina. Al\u00e9m disso, adicionar paralaxe ao site da sua empresa melhora drasticamente a apar\u00eancia profissional da sua p\u00e1gina. Se voc\u00ea trabalha com recursos visuais, a paralaxe pode ajudar a dar vida a eles e aumentar infinitamente a forma como voc\u00ea exibe suas cria\u00e7\u00f5es online, criando uma experi\u00eancia agrad\u00e1vel e impressionante para o visitante.<\/p>\n<p>Um dos principais apelos do uso de um efeito de paralaxe \u00e9 que realmente n\u00e3o h\u00e1 necessidade de codifica\u00e7\u00e3o, portanto, qualquer pessoa pode us\u00e1-lo. Voc\u00ea s\u00f3 precisa selecionar a imagem certa e onde ela ser\u00e1 colocada na p\u00e1gina e adicionar o efeito. A paralaxe \u00e9 sutil, mas marcante e, como \u00e9 a rolagem do usu\u00e1rio que controla o efeito, ela atrai o espectador a passar mais tempo no site e a formar um relacionamento com a p\u00e1gina. O efeito chama a aten\u00e7\u00e3o e d\u00e1 uma profundidade e dimens\u00e3o interessantes ao site, que voc\u00ea pode ver quando experimentar por si mesmo. Tente adicionar imagens e v\u00eddeos de paralaxe com texto em primeiro plano e brinque com as \u00e1reas de uma imagem que se revelam \u00e0 medida que a p\u00e1gina rola.<\/p>\n<p>Sites como <a href=\"https:\/\/www.emaze.com\/pt\/\" target=\"_blank\" rel=\"noopener noreferrer\">Emaze<\/a>, <a href=\"http:\/\/www.wix.com\/blog\/2015\/10\/captivate-your-site-viewers-with-parallax-scrolling\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Wix<\/a> e <a href=\"http:\/\/webfirethemes.com\/downloads\/weebly-template-parallax\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Weebly<\/a> permitir que os usu\u00e1rios criem conte\u00fado para adicionar paralaxe \u00e0 sua p\u00e1gina. Alguns dos sites que oferecem efeito de paralaxe oferecem at\u00e9 mesmo diferentes tipos de efeitos de paralaxe, como o Emaze, que permite ao usu\u00e1rio escolher entre Parallax, Parallax Motion e Parallax Zoom (para saber mais sobre como adicionar os diferentes tipos de efeitos de paralaxe a um Emaze, clique <a href=\"https:\/\/emaze.zendesk.com\/hc\/en-us\/articles\/115000186549-Adding-a-Parallax-Effect\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a>).<\/p>\n<p>Clique aqui para fazer login e come\u00e7ar a criar seu site com paralaxe!<\/p>\n<p><a href=\"https:\/\/www.emaze.com\/pt\/\"><img decoding=\"async\" class=\"alignnone size-full wp-image-12689\" src=\"https:\/\/www.emaze.com\/wp-content\/uploads\/2016\/06\/cta-2.png\" alt=\"\" width=\"201\" height=\"39\"><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Fora com o velho, entre com o novo. Como voc\u00ea deve saber, a experi\u00eancia do usu\u00e1rio e a forma como os usu\u00e1rios interagem com o seu site durante os primeiros momentos de sua visita determinam ou prejudicam o uso cont\u00ednuo e futuro do seu site. Ou seja, as primeiras impress\u00f5es s\u00e3o muito importantes. Em 2017, imagens est\u00e1ticas e cliques em sites [\u2026]<\/p>","protected":false},"author":1,"featured_media":26997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78],"tags":[13,79,16,80,10,81,4,33,82,18,83,84,49,58,85,86,87,88,28],"class_list":["post-12913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-and-blog","tag-3d-presentations","tag-background","tag-content","tag-custom-effects","tag-design","tag-effects","tag-emaze","tag-marketing","tag-parallax","tag-presentation","tag-professional","tag-scrolling","tag-slideshow-software","tag-technology","tag-user-experience","tag-ux","tag-vertical-scroll","tag-webpage","tag-website"],"_links":{"self":[{"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/posts\/12913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/comments?post=12913"}],"version-history":[{"count":1,"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/posts\/12913\/revisions"}],"predecessor-version":[{"id":27292,"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/posts\/12913\/revisions\/27292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/media\/26997"}],"wp:attachment":[{"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/media?parent=12913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/categories?post=12913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emaze.com\/pt\/wp-json\/wp\/v2\/tags?post=12913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}