Descrição do curso
Impulsione o design do seu site com os recursos avançados do Editor Wix. Engaje e impressione os visitantes do seu site com animações personalizadas, galerias interativas, vídeos transparentes, molduras para o site e telas de recepção para os visitantes mobile. Além disso, aprenda a adicionar outros recursos impressionantes ao seu site, como menus de navegação com imagens, e veja como criar um efeito de desdobramento com ilustrações, animações e figuras que se revelam conforme os usuários rolam a página.
O que você vai aprender
Como cronometrar e personalizar animações, incluindo efeitos de relevação de logos e de desdobramento de páginas, galerias interativas e menus de navegação com imagens.
Como elaborar elementos de design personalizados como molduras para o site e tela de recepção para visitantes mobile.
Dicas de como configurar menus de navegação e animar galerias, logos, ilustrações e desdobramento de páginas.
Dicas para tornar a navegação do seu site mais interativa para seus visitantes.
A Robbie é designer especialista em experiência do usuário. Ela se formou em arquitetura para aperfeiçoar sua mentalidade de design profissional e tem trabalhado no Wix há mais de 10 anos
Designer UX no Wix
Quem vai ensinar
Robbie Sims
Público-alvo
Proprietários de site que querem aprimorar o design do seu site e suas habilidades.
Pessoas criativas que dominam o básico de design e desejam criar recursos interativos e animados para seus sites.
Designers que querem melhorar suas habilidades e aprimorar seus sites com recursos avançados e impressionantes.
Recursos para ajudar no seu crescimento
Tenha acesso a artigos úteis, templates práticos e outros recursos incríveis para melhorar suas habilidades.
-
Loading...
-
Loading...
-
Loading...
-
Loading...
Crie uma galeria interativa
Olá, sou Robbie, designer aqui na Wix.
Neste curso, você aprenderá como elevar o design do seu site usando recursos do Editor.
Vamos aprender os efeitos de rolagem exclusivos e também as animações.
Criaremos imagens interativas e muito mais.
Pronto para começar?
Vamos lá.
Nesta aula, ensinaremos como usar a galeria interativa para dar um visual divertido ao seu site.
Vamos dar uma olhada.
Veja que, no meu site publicado, tenho uma galeria.
Posso arrastar e soltar tudo isso, que parecem adesivos.
Também posso girar e redimensionar.
Esse é um efeito muito bom para dar aos visitantes no cabeçalho do site quando entram pela primeira vez, e podem brincar.
Vamos em frente para ver como fazer.
Tudo bem. Estou no Editor do meu site Wix.
Agora, clico em “Adicionar”.
Tenho uma seção aqui chamada “Galeria”.
E então tenho “Mais galerias”.
A galeria que dá esse efeito é chamada de “Galeria Estilo Livre”.
Vamos adicioná-la ao nosso site.
Como essa é apenas uma galeria divertida, tudo bem colocá-la fora das linhas de grade do conteúdo.
Então, esticamos tudo para a esquerda e para a direita, deixando-a com a largura máxima possível.
Dessa forma, quando os usuários visitarem meu site e brincarem com a galeria, terão mais espaço para arrastar e soltar pelo site.
Vamos começar e mudar as imagens.
Vamos excluir essas temporárias.
Vou adicionar minhas próprias imagens.
Seleciono todas essas e vou adicioná-las à minha galeria.
Clico em “OK”.
Tudo bem, legal.
Tenho todos os meus adesivos aqui, da minha galeria.
A maneira como os tornei transparentes para que pareçam adesivos é que importei os chamados arquivos PNG.
Posso exportá-los na maioria dos softwares de design, e isso nos dá esse fundo transparente, para deixá-los realmente parecidos com adesivos.
Isso deixa muito mais divertido.
Sob “Layout”, tenho a opção de definir “Layout Aleatório”.
Se eu clicar nisso algumas vezes, dará o posicionamento onde os adesivos estarão quando alguém visitar o site.
Vejamos...
Ficou bom.
Vamos dar uma conferida.
Pressione “Visualizar”.
Agora, posso arrastar e soltar os adesivos, girar e redimensionar.
Agora, basta publicar meu site e deixar os visitantes brincarem.
Nesta aula, ensinei como usar a galeria interativa para criar uma sensação divertida no seu site.
{title}
Prep for your exam with free video courses and lessons
