Entrada de captura de pantalla
Usa una interfaz existente
Proporciona la vista de la página web o aplicación que quieres presentar. La captura de pantalla es la fuente del contenido de la pantalla del portátil.
Mockup de portátil
Dale a tu interfaz un entorno para la presentación. Añade una captura de pantalla y una referencia de portátil, y luego describe la escena y el ajuste de la pantalla. Virse crea un mockup estático de portátil para un portfolio, una presentación de producto o una revisión de diseño.
- Entrada
- Diseño gráfico · ObligatorioReferencia del portátil · OpcionalAdaptación a la pantalla · OpcionalEscenario de presentación · OpcionalNúmero de variantes · Opcional
- Salida
- 1 imagen de maqueta; opcionalmente, 2 o 4 variantes independientes con distintas vistas o escenas
¿Qué es un mockup de portátil?
Una maqueta de portátil muestra una captura de pantalla de un sitio web o una aplicación existente dentro de la pantalla de un portátil. Virse utiliza tu captura de pantalla, la referencia del dispositivo y las notas de escena para crear una imagen estática para un portfolio, una presentación o una revisión de diseño.
¿Por qué usar Virse para una presentación de pantalla de portátil?
Empieza con la interfaz que necesitas explicar y, después, dale un dispositivo y un entorno.
Ajuste y recorte
Explica el ajuste de la pantalla
Indica si debe aparecer la captura de pantalla completa o qué zona es la más importante. Revisa el resultado para comprobar el recorte y que la presentación no pierda contenido esencial de la interfaz.
Referencia del dispositivo
Adapta el entorno de presentación
Añade una referencia de portátil y describe un escritorio u otro entorno de visualización. Usa una escena sencilla cuando la pantalla necesite acaparar la mayor parte de la atención.
Cómo crear un mockup de portátil
Prepara la captura de pantalla
Captura la vista del sitio web o de la aplicación que necesitas. Usa el estado exacto de la interfaz que quieres presentar.
Añade las instrucciones del portátil y la escena
Proporciona una referencia de portátil y describe el entorno. Explica cómo debe encajar la captura de pantalla, incluida cualquier preferencia de recorte.
Genera la vista previa de la pantalla
Crea una imagen estática de la captura de pantalla proporcionada dentro de la pantalla del portátil.
Revisa los detalles de la interfaz
Compara el texto, los iconos, las proporciones de la pantalla y el contenido visible con la captura de pantalla original. Comprueba la apariencia del dispositivo antes de usar la imagen.
¿Quién usa mockups de portátil?
Para equipos que presentan una interfaz que ya existe como captura de pantalla.
Diseñadores web
Presenta una página web completada en un portátil durante una revisión con un cliente o en un caso de estudio.
Diseñadores de producto
Muestra un panel específico o un estado de una aplicación en un entorno de dispositivo.
Equipos de marketing de software
Usa una presentación de captura de pantalla revisada para explicar el producto en una propuesta.
Vendedores de plantillas de sitios web
Presenta el aspecto de una plantilla de escritorio existente en una imagen de producto.
Casos de uso de mockups de portátil
Preguntas frecuentes
¿Puedo usar una captura de pantalla de un sitio web existente?
Sí. Añade una captura de pantalla de la vista de página que quieres mostrar. Este flujo de trabajo utiliza la imagen proporcionada como contenido de la pantalla.
¿Puedo usar una captura de pantalla de una aplicación o un panel?
Sí. Proporciona la imagen de la interfaz terminada y una referencia de portátil. Revisa detenidamente el texto pequeño, los gráficos y los iconos en el resultado generado.
¿Cómo encajará mi captura de pantalla en la pantalla del portátil?
Describe si quieres que se vea toda la imagen o que se enfatice un área concreta. Usa una captura de pantalla con proporciones adecuadas y comprueba que el resultado no tenga recortes no deseados.
¿Puedo pegar una URL de sitio web en lugar de una captura de pantalla?
Proporciona una captura de pantalla de la página que quieres mostrar. Este flujo de trabajo utiliza una imagen existente del sitio web o de la aplicación como contenido de la pantalla.
¿El resultado será un sitio web interactivo o un prototipo?
No. Es una imagen de presentación estática. El sitio web, la aplicación y las interacciones permanecen separados del mockup.
¿Puedo crear un vídeo de la pantalla del portátil?
No. El resultado es una imagen fija. Usa un flujo de trabajo de vídeo adecuado si tu presentación necesita movimiento o una interacción grabada.
Pon tu interfaz en la pantalla de un portátil
Añade la captura de pantalla y una referencia del dispositivo. Crea una imagen de presentación en un portátil para tu próxima propuesta o actualización de portfolio.