Mockup de portátil

Mockup de portátil

Dê à sua interface um contexto para a apresentação. Adicione uma captura de ecrã e uma referência de portátil e, em seguida, descreva a cena e o enquadramento do ecrã. Virse cria um mockup estático de portátil para um portefólio, apresentação de produto ou revisão de design.

Entrada
Arte · ObrigatórioReferência de notebook · OpcionalAjuste da tela · OpcionalFormato de exibição · OpcionalNúmero de variantes · Opcional
Saída
1 imagem de mockup; opcionalmente 2 ou 4 variantes independentes com vistas ou cenas diferentes

Arte

Obrigatório

Adicione uma captura de ecrã e uma referência de portátil

A imagem é carregada na tela; este formulário leva as definições.

Referência de notebookOpcional
Ajuste da telaOpcional
Formato de exibiçãoOpcional
Número de variantesOpcional

O que é um mockup de portátil?

Um mockup de portátil mostra uma captura de ecrã de um website ou app existente dentro do ecrã de um portátil. Virse utiliza a sua captura de ecrã, a referência do dispositivo e as notas de cena para criar uma imagem estática para um portefólio, apresentação ou revisão de design.

Uma captura de ecrã de um website existente apresentada no ecrã de um portátil
Uma captura de ecrã de um site existente apresentada no ecrã de um portátil

Porquê usar Virse para uma apresentação em ecrã de portátil?

Comece pela interface que precisa de explicar e, em seguida, dê-lhe um dispositivo e um contexto.

Uma captura de tela de aplicativo fornecida na tela de um notebook
Entrada de captura de ecrã

Use uma interface existente

Forneça a página web ou a vista da aplicação que pretende apresentar. A captura de ecrã é a fonte do conteúdo do ecrã do portátil.

Uma prévia de tela de notebook com a área principal da interface à vista
Ajuste e recorte

Explique o enquadramento do ecrã

Indique se toda a captura de ecrã deve aparecer ou qual a área mais importante. Verifique o resultado quanto ao recorte para que a apresentação não perca conteúdo essencial da interface.

Um notebook exibindo um site em um ambiente simples de mesa
Referência de dispositivo

Faça corresponder o contexto da apresentação

Adicione uma referência de portátil e descreva uma secretária ou outro ambiente de exibição. Use uma cena simples quando o ecrã precisar de receber a maior parte da atenção.

Como criar um mockup de portátil

  1. Prepare a captura de ecrã

    Capture a visualização do site ou da aplicação de que precisa. Use o estado exato da interface que pretende apresentar.

  2. Adicione o resumo do portátil e da cena

    Forneça uma referência de portátil e descreva o ambiente envolvente. Explique como a captura de ecrã deve encaixar, incluindo qualquer preferência de recorte.

  3. Gere a pré-visualização do ecrã

    Crie uma imagem estática da captura de ecrã fornecida dentro do ecrã do portátil.

  4. Reveja os detalhes da interface

    Compare o texto, os ícones, as proporções do ecrã e o conteúdo visível com a captura de ecrã original. Verifique a aparência do dispositivo antes de usar a imagem.

Quem usa mockups de portátil?

Para equipas que apresentam uma interface que já existe como captura de ecrã.

Um designer de sites apresenta um site finalizado em um notebook

Designers de sites

Apresente uma página web concluída num portátil numa revisão com cliente ou num estudo de caso.

Um painel de aplicativo na tela de um notebook

Designers de produto

Mostre um painel específico ou estado da aplicação num contexto de dispositivo.

Uma captura de tela de produto preparada para uma apresentação de software

Equipas de marketing de software

Use uma apresentação de captura de ecrã revista para explicar o produto numa apresentação comercial.

Um modelo de site em um notebook aberto

Vendedores de modelos de websites

Apresente a aparência de um modelo de desktop existente numa imagem de produto.

Casos de utilização de mockups de portátil

Imagem de portefólio de website: apresente uma página de desktop concluída num portátil
Imagem de portefólio de site: apresente uma página de desktop concluída num portátil
Apresentação de dashboard SaaS: mostre uma vista de produto existente num contexto de dispositivo
Apresentação de dashboard SaaS: mostre uma visualização de produto existente num contexto de dispositivo
Revisão de design pelo cliente: dê aos revisores uma imagem contextual do estado aprovado da interface
Revisão de design pelo cliente: dê aos revisores uma imagem contextual do estado aprovado da interface
Pré-visualização de produto de template: apresente um template de website finalizado num ecrã
Pré-visualização de produto de template: apresente um template de site finalizado num ecrã
Visual de anúncio de produto: apresente uma captura de ecrã de uma funcionalidade já desenhada
Visual de anúncio de produto: apresente uma captura de ecrã de uma funcionalidade já concebida
Apresentação de estudo de caso: coloque uma imagem da interface no cenário utilizado para explicar o projeto
Apresentação de estudo de caso: coloque uma imagem da interface no contexto usado para explicar o projeto

Perguntas frequentes

Posso usar uma captura de ecrã de um site existente?
Sim. Adicione uma captura de ecrã da visualização da página que pretende mostrar. Este fluxo de trabalho usa a imagem fornecida como conteúdo do ecrã.
Posso usar uma captura de ecrã de uma app ou de um dashboard?
Sim. Forneça a imagem da interface concluída e uma referência de portátil. Reveja cuidadosamente texto pequeno, gráficos e ícones no resultado gerado.
Como é que a minha captura de ecrã vai encaixar no ecrã do portátil?
Descreva se pretende que toda a imagem fique visível ou que uma área específica seja destacada. Use uma captura de ecrã com proporções adequadas e verifique o resultado para evitar recortes indesejados.
Posso colar um URL de site em vez de uma captura de ecrã?
Forneça uma captura de ecrã da página que pretende mostrar. Este fluxo de trabalho usa uma imagem existente do site ou da app como conteúdo do ecrã.
O resultado será um site interativo ou um protótipo?
Não. É uma imagem de apresentação estática. O site, a aplicação e as interações permanecem separados do mockup.
Posso criar um vídeo do ecrã do portátil?
Não. O resultado é uma imagem estática. Use um fluxo de trabalho de vídeo adequado se a sua apresentação precisar de movimento ou de uma interação gravada.

Coloque a sua interface no ecrã de um portátil

Adicione a captura de ecrã e uma referência do dispositivo. Crie uma imagem de apresentação num portátil para a sua próxima proposta ou atualização de portefólio.