Mockups são uma ótima maneira de mostrar seu site, aplicativo ou qualquer produto da sua marca. Ele dá aos usuários uma ideia clara sobre o seu negócio e transmite sua mensagem ao seu público.
O Canva oferece dezenas de modelos e recursos para você aprimorar seus designs. Mesmo que você não seja um designer gráfico profissional, pode criar facilmente designs incríveis na plataforma em pouco tempo.
Neste artigo, mostraremos como criar uma maquete para mostrar seu site em um design usando o Canva. Aqui está como você faz isso...
1. Inscreva-se ou faça login no Canva
Uma interface simples e amigável torna a introdução Canva uma brisa. Se você é novo na plataforma, inscreva-se com seu e-mail, Google, Facebook ou conta da Apple para começar.
2. Escolha as dimensões do seu projeto
Depois de fazer login na plataforma, escolha as dimensões de design que deseja para o seu projeto. Clique em Criar um projeto no canto superior direito da tela e escolha qualquer uma das opções de sua preferência. Desde a criação de um logotipo até um
Miniatura do YouTube, você pode criar tudo e qualquer coisa com o Canva.Depois de terminar, você será direcionado para uma tela em branco onde poderá personalizar seu design como quiser.
3. Carregue a imagem do seu site
O próximo passo é selecionar as capturas de tela do seu site para transformá-las em uma maquete. Você pode adicionar duas capturas de tela do seu site – uma com a área de trabalho e outra com o telefone. Para isso, clique em Carregar no painel do lado esquerdo e, em seguida, selecione as imagens para adicioná-las ao seu design.
4. Selecione Smartmockups
Depois de terminar de adicionar suas fotos, clique na sua imagem para ver o Editar imagem opção na barra de ferramentas. Role para baixo até Smartmockups e selecione qualquer uma das opções com um computador, telefone ou laptop para exibir seu site.
5. Personalize sua maquete
Você pode personalizar sua maquete para corrigir o posicionamento e o tamanho. Para fazer isso, clique na maquete selecionada para ver três opções—Preencher, encaixar, e Personalizado. Escolher Encher se você quiser que sua maquete preencha completamente a imagem e Ajustar se você quiser que ele se encaixe perfeitamente.
Para corrigir manualmente o posicionamento de sua imagem, selecione Personalizado e arraste o Horizontal e Vertical controles deslizantes até que a maquete esteja exatamente onde você deseja. Da mesma forma, você pode redimensionar sua maquete ajustando o Tamanho controle deslizante.
6. Adicionar texto e elementos
O Canva oferece vários elementos de design e opções de personalização. Para aproveite ao máximo este programa, você pode adicionar elementos como uma barra de pesquisa e digitar o nome do seu site. Se você tem o Assinatura do Canva Pro, você pode aproveitar todos os elementos premium.
Além disso, você pode alterar a cor do plano de fundo, adicionar seu texto e escolher a melhor fonte para finalizar seu design.
7. Baixe e compartilhe seu design
Finalmente, depois de terminar o design, você pode baixá-lo em JPG ou PNG. Para isso, clique em Compartilhar no canto superior direito da barra de ferramentas acima do design. Além disso, o Canva permite que você agende seu projeto diretamente da plataforma, permitindo que você crie, planeje e compartilhe tudo em um só lugar.
Mostre seu site fazendo um mockup no Canva
Essas etapas ajudarão você a criar designs de maquete impressionantes do seu site no Canva. Com uma série de ferramentas úteis disponíveis na plataforma, você pode criar qualquer tipo de maquete que desejar. Brinque com seu design e obtenha algumas ideias da biblioteca de modelos para descobrir o que funciona melhor para você.
Como criar um e-book com o Canva
Leia a seguir
Tópicos relacionados
- Criativo
- Design gráfico
- Dicas de edição de imagem
- Canva
Sobre o autor

Shreeya é um entusiasta da tecnologia e gosta de acompanhar os mais recentes avanços tecnológicos. Quando ela não está escrevendo sobre tecnologia, você pode encontrá-la viajando ou lendo seu romance favorito!
Assine a nossa newsletter
Junte-se à nossa newsletter para dicas de tecnologia, análises, e-books gratuitos e ofertas exclusivas!
Clique aqui para assinar