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.
¿Por qué presentar pantallas web y de aplicaciones en un mockup de portátil en lugar de capturas de navegador sin procesar?
Compara capturas de pantalla de navegador sin procesar con mockups contextualizados de dispositivos portátiles en el lienzo de Virse.
Capturas de pantalla de navegador sin procesar
- Las capturas de pantalla planas sin marco flotan de forma incómoda en las diapositivas de presentación y carecen de escala física o acabado profesional
- Los PSD gratuitos de portátiles de stock suelen usar hardware anticuado con biseles gruesos o fotos de oficina de stock que distraen
- Las interfaces SaaS en modo oscuro se ven deslavadas cuando se colocan en escenas de stock demasiado luminosas y discordantes
- Deformar manualmente en perspectiva las capturas de pantalla en editores de imágenes suaviza la tipografía nítida de la interfaz
Mockup de portátil de Virse
- Encaja limpiamente la captura de pantalla de tu sitio web o aplicación existente dentro de la pantalla de un portátil moderno
- Hace coincidir de forma natural el resplandor ambiental de la pantalla y el reflejo del cristal con la escena de escritorio o estudio circundante
- Te permite dirigir el acabado del dispositivo, el ángulo de cámara y el ambiente del entorno en el lienzo de Virse
- Listo para páginas de destino SaaS, presentaciones para inversores, recursos para la App Store y portfolios de diseño
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.
Notas de dispositivo y escena listas para copiar para mockups de interfaz de portátil
Sube una captura de pantalla limpia de tu interfaz de usuario o sitio web y especifica el acabado del portátil, el ángulo de la cámara y el entorno del fondo:
· Podio de estudio SaaS en modo oscuro: Portátil negro espacial con biseles finos inclinado 15 grados sobre un plinto de carbón mate, con una sutil luz de contorno violeta a juego con la interfaz de usuario.
· Configuración de escritorio arquitectónica y cálida: Portátil de aluminio plateado abierto sobre un escritorio de nogal junto a una taza de cerámica, con una suave luz matutina de ventana y la sombra de una planta.
· Hero de portfolio visto de frente: Vista ortográfica centrada de un portátil elegante flotando sobre un degradado gris cálido limpio para la portada de un caso de estudio.
¿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
Más herramientas de diseño gráfico
HerramientaRestauración de fotos antiguas
Upload a scan or glare-free phone photo of a damaged print to lift scratches, creases, water stains, and fading while keeping film grain. This old photo restorer keeps monochrome portraits black and white by default or adds color in a second pass.
HerramientaGenerador de diseños de grafiti
Enter a short tag or theme, upload an optional sketch, and name your surface. This graffiti design generator creates wildstyle, bubble throw-up, stencil, and 3D street-art concepts on brick walls, concrete, or clean graphic backgrounds.
HerramientaGenerador de prompts para diseño de personajes
Enter your character's role, world, and traits, or drop an optional sketch reference. This character design prompt generator turns loose story ideas into a structured prompt covering silhouette, materials, color triad, and turnaround syntax.
HerramientaGenerador de mockups de vallas publicitarias
Upload your campaign artwork and a street or board reference photo, then set the camera angle and lighting. This billboard mockup generator places your design onto a highway bulletin, brick facade, or city screen for client pitches.
HerramientaMaqueta de folleto
Upload your booklet cover and interior spread artwork with format references, then note the paper stock and lighting. This booklet mockup generator renders your pages as a bound publication so you can review layout flow before print.
HerramientaMockup de menú
Upload your finished menu layout and an optional venue photo, then note the paper stock, fold style, and table setting. This menu mockup generator stages A4 dinner cards, bi-fold spreads, and counter displays in a dining scene.
Más modelos de imagen de IA
ModeloIdeogram 4.0
Un modelo fundacional de texto a imagen entrenado desde cero en torno a la maquetación, con colocación mediante cuadros delimitadores, condicionamiento por color hexadecimal y salida nativa en 2K.
ModeloFLUX 3
Crea y edita imágenes estáticas con FLUX 3 Image en 1K, 2K o 4K. Cambia a FLUX 3 Video para escenas de 5–20 segundos en 720P o 1080P con audio nativo, en el mismo lienzo de Virse.
ModeloNano Banana 2.1
Genera y edita imágenes con Nano Banana 2.1 en Virse. Elige una salida de 1K, 2K o 4K y utiliza hasta 14 imágenes de referencia para guiar el sujeto, el entorno y los materiales.
ModeloQwen Image 3.0 Pro
Qwen Image 3.0 Pro de Alibaba renderiza la tipografía como lenguaje en una docena de sistemas de escritura, manteniendo la legibilidad hasta diez píxeles en diseños densos.
ModeloReve v2
El modelo de segunda generación de Reve AI construye un diseño direccionable de elementos posicionados antes de renderizar, de modo que una disposición especificada vuelve dispuesta correctamente.
ModeloGemini 2.5 Flash Image
Gemini 2.5 Flash Image de Google — el Nano Banana original — genera y edita imágenes a la velocidad de una conversación, de modo que una corrección requiere una frase en lugar de una sesión.
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.