1. Criar Mockups de sites
Create Website Mockups Hero Banner

Gerador gratuito de mockups de sites

Fácil de criar e personalizar

Faça upload de suas próprias imagens

Projetado e formatado profissionalmente

Faça download ou compartilhe facilmente


Deixe seu site mais próximo da realidade com um mockup de site impressionante. Veja como você pode ajustar seu projeto e apresentá-lo a clientes, investidores e partes interessadas. Use o gerador de sites ou telefones online gratuito do Canva para comunicar suas ideias visualmente com apenas alguns cliques - de graça.

Create Website Mockups Lead

Dê vida ao design do seu site

O desenvolvimento de um espaço virtual pode levar meses para ficar pronto, mas um modelo de site gratuito pode ser feito em segundos. Experimente o criador de mockups de sites do Canva para refinar e revisar instantaneamente a aparência final do seu site. Facilitamos a produção de mockups fotorrealistas de sites que apresentam o seu design em uma variedade de telas e dispositivos.

Use nossa coleção selecionada de modelos de mockup para ajudar você em todas as etapas do seu processo de design. Teste suas ideias iniciais, apresente-as às partes interessadas e, em seguida, resolva os problemas de design e funcionalidade com base no feedback. Faça o polimento do produto final e adicione-o ao seu portfólio de design. Com o gerador de modelos de sites on-line do Canva, é muito fácil transformar conceitos em criações vivas.

Como criar mockups para sites

Início da lista: Como criar mockups para sites

Abra o Canva

Abra o Canva para acessar nosso criador de mockups de sites. Na página inicial, clique em Apps e escolha Mockups. Digite "Website" na barra de pesquisa para iniciar seu projeto de design.

Escolha um modelo de mockup

Navegue por nossa coleção de modelos de mockups de sites. Escolha entre uma ampla variedade de tamanhos de tela e dispositivos. Em seguida, clique no modelo que você escolheu.

Faça upload do design do seu site

Carregue o design do seu site no modelo clicando em Select (Selecionar). Você pode escolher entre as imagens e os designs carregados anteriormente no Canva ou clicar em Upload para adicionar uma nova imagem ao seu mockup.

Ajuste o mockup de seu site

Depois de ter uma visualização do mockup do seu site, você pode fazer ajustes clicando em Adjust image (Ajustar imagem). Ajuste o tamanho, o alinhamento e a orientação do seu design no mockup. Em seguida, pressione Salvar.

Faça download ou use em um design

Clique em Save mockup para finalizar seu trabalho. Selecione Download para salvar seu mockup como um arquivo PNG de alta resolução ou use-o em outro projeto do Canva, selecionando Usar em um design.
Fim da lista: Como criar mockups para sites
Criar uma maquete de site

Abra o Canva para acessar nosso criador de mockups de sites. Na página inicial, clique em Apps e escolha Mockups. Digite "Website" na barra de pesquisa para iniciar seu projeto de design.

Navegue por nossa coleção de modelos de mockups de sites. Escolha entre uma ampla variedade de tamanhos de tela e dispositivos. Em seguida, clique no modelo que você escolheu.

Carregue o design do seu site no modelo clicando em Select (Selecionar). Você pode escolher entre as imagens e os designs carregados anteriormente no Canva ou clicar em Upload para adicionar uma nova imagem ao seu mockup.

Depois de ter uma visualização do mockup do seu site, você pode fazer ajustes clicando em Adjust image (Ajustar imagem). Ajuste o tamanho, o alinhamento e a orientação do seu design no mockup. Em seguida, pressione Salvar.

Clique em Save mockup para finalizar seu trabalho. Selecione Download para salvar seu mockup como um arquivo PNG de alta resolução ou use-o em outro projeto do Canva, selecionando Usar em um design.
Criar uma maquete de site

Mockups responsivos da Web ao alcance de suas mãos

Veja como seu site fica em várias telas, dispositivos e configurações - antes mesmo de ser desenvolvido. Aproveite o gerador de sites de maquete do Canva e apresente seu design da web de uma forma cativante. Navegue e escolha em nossa ampla biblioteca de modelos de mockups responsivos. De smartphones e tablets a laptops e telas de desktop, crie rapidamente um mockup de site gratuitamente, independentemente do seu dispositivo.

Nossos exemplos de mockups de sites vêm em diferentes planos de fundo, configurações e ângulos. Escolha um que se alinhe à sua visão e adicione apelo visual à apresentação do seu site. Com o Canva, você pode criar modelos de sites realistas que impressionarão o público e farão com que seu design seja aprovado.

Ajuste seu mockup da maneira que você preferir

Ao produzir mockups, você vai querer uma ferramenta que permita fazer mais do que colocar seu design em um modelo e encerrar o dia. Com nossa ferramenta gratuita de mockup de site, você pode personalizar seu mockup de acordo com suas especificações. Escolha se o design do seu site deve preencher ou se ajustar à tela. Ajuste o alinhamento e altere a orientação virando o design na vertical ou na horizontal. Em seguida, salve seu trabalho na sua conta do Canva para que você possa acessá-lo e editá-lo em qualquer lugar.

Impressione o público com uma apresentação impressionante do site

Com uma apresentação profissional e envolvente do site, fica mais fácil impressionar os clientes e atrair novos clientes. Seja você um iniciante ou um designer experiente, aproveite ao máximo nosso gerador de mockups de sites para vários dispositivos para mostrar suas habilidades. Uma vez concluído, compartilhe-o instantaneamente com clientes, investidores e partes interessadas. Você pode até mesmo usá-lo como material promocional para o lançamento de seu novo site!

Como alternativa, adicione seu mockup da Web ao seu portfólio(abre em uma nova aba ou janela) de design. Em vez de capturas de tela ou links, os clientes em potencial podem ver melhor os recursos e componentes exclusivos do seu design. Com o gerador de mockups para web do Canva, você pode elevar a qualidade do seu trabalho e aumentar sua base de clientes em pouco tempo.

Perguntas frequentes

Um mockup de site mostra como uma página da Web ou um site será exibido em telas e dispositivos antes de ser lançado. Ele permite que você veja o layout e a estrutura do site e mostra onde os elementos de design, como o cabeçalho, o menu de navegação, o texto, os botões e as imagens aparecerão no site.

Muitos softwares e aplicativos de design permitem que você crie mockups on-line. Mas para economizar tempo e recursos, use nosso gerador de mockups para computador e celular. Escolha em nossa galeria selecionada de modelos de mockup realistas e carregue o design do seu site. Faça ajustes com apenas alguns cliques usando nossas ferramentas intuitivas. Em seguida, salve e faça o download do seu site mockup gratuito para uso futuro.

Os mockups de sites são uma parte essencial do processo de web design. Eles comunicam visualmente como será o produto final, que pode ser aprimorado com base no feedback. Além disso, eles facilitam a detecção e a solução de problemas iniciais de design e funcionalidade. Depois de lançar o site, você pode adicionar seu mockup ao seu portfólio de design e atrair clientes em potencial.

Explore mais recursos de mockup


Mais designs