Plantillas de maquetas de interfaz de usuario para crear interfaces de usuario únicas

Una maqueta de IU es una representación realista o un borrador visual del diseño de un sitio web o una aplicación web/móvil. Una maqueta de la interfaz de usuario refleja los elementos de diseño de la aplicación o del sitio, como la combinación de colores, las imágenes, los logotipos, la tipografía, los botones, etc., lo que representa la apariencia final de la interfaz de la aplicación.

Las siguientes son algunas plantillas de maquetas de IU útiles que se crean profesionalmente con la herramienta de maquetas de IU de Creately . Puede usarlos para ilustrar las interfaces de usuario de los sitios web y las aplicaciones móviles/de sitios web que está diseñando. Simplemente haga clic en la plantilla para usarla como plantilla o edítela en línea.

• Plantilla de maqueta de interfaz de usuario de una página de inicio de sesión
• Plantilla de maqueta de interfaz de usuario de una tienda web: carrito de compras
• Plantilla de maqueta de interfaz de usuario de una página web
• Plantilla de maqueta de interfaz de usuario del cliente de correo electrónico de Apple: pantalla de redacción
• Plantilla de maqueta de interfaz de usuario de un blog
• Plantilla de maqueta de interfaz de usuario de un formulario de contacto de sitio web
• Plantilla de maqueta de interfaz de usuario de una página de Twitter
• Plantilla de maqueta de interfaz de usuario de un asistente de instalación de software
• Plantilla de maqueta de interfaz de usuario de una página de Facebook
• Plantilla de maqueta de interfaz de usuario de un sistema de nómina

Plantilla de maqueta de interfaz de usuario de una página de inicio de sesión

Esta plantilla es una maqueta básica de inicio de sesión de miembros. Incluye dos campos para ingresar la información de inicio de sesión de los miembros y un botón de registro para aquellos que aún no son miembros. Además, también hay una opción para aquellos que hayan olvidado la contraseña de inicio de sesión. Simplemente haga clic en la imagen para realizar los cambios que desee o para usarla como plantilla.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de una tienda web: carrito de compras

Esta plantilla muestra una maqueta de la interfaz de usuario de una tienda web o un sitio web de comercio electrónico, más específicamente de la página de categoría de camisas en la sección de Hombres. Puede usar esta plantilla como inspiración para crear una nueva maqueta de interfaz de usuario de sitio web de comercio electrónico. Haga clic en la imagen para cambiar los detalles, ya que se ajusta a los requisitos de su propia tienda en línea.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de una página web

La siguiente plantilla representa una maqueta de la interfaz de usuario de la página de un sitio web (la página de inicio del sitio web). Es un sitio web de estilo de pestaña simple, con un encabezado (donde se muestran las pestañas), un subtítulo (donde se puede mostrar una imagen de encabezado) y un pie de página (donde se pueden mostrar enlaces a otras páginas de destino).

Entre el encabezado y el pie de página, se presentan más detalles de una manera fácil de usar. Puede usar otros controles de IU web disponibles en la aplicación para editar la plantilla y adaptarla a sus necesidades. Simplemente haga clic en la imagen y comience a modificar en línea.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario del cliente de correo electrónico de Apple: pantalla de redacción

Aquí hay una plantilla de maqueta de la interfaz de usuario de la pantalla del editor del cliente de correo electrónico de Apple. Los controles OSX necesarios que necesita para diseñar aplicaciones OSX están disponibles dentro de la aplicación. Haga clic en la imagen para usarla como plantilla o cámbiela según sus requisitos.

En caso de que también esté diseñando una aplicación para iPhone, aquí hay algunas plantillas de maquetas de interfaz de usuario de iPhone para ayudarlo.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de un blog

Esta es una plantilla de maqueta de interfaz de usuario de una página de blog. Puede encontrar más controles de interfaz de usuario, como botones para compartir en redes sociales, publicaciones de blog, enlaces de migas de pan, menús, etc., que se necesitan para diseñar maquetas de interfaz de usuario de página de blog en la aplicación. Haga clic en la imagen para editar la plantilla según los requisitos del diseño de su blog.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de un formulario de contacto de sitio web

La siguiente plantilla de maqueta de interfaz de usuario es un formulario de contacto de un sitio web. La información de contacto esencial, como la dirección, la dirección de correo electrónico y un número de contacto, se agrega en el lado derecho. Debajo de estos detalles hay un mapa que marca la ubicación del negocio. En el lado izquierdo de la página hay un formulario de contacto que los visitantes pueden usar para reservar una cita. Haga clic en la imagen para editar esta plantilla según sus necesidades.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de una página de Twitter

La siguiente plantilla de maqueta de interfaz de usuario muestra una página de Twitter (para una cuenta personal o comercial). Creately ofrece todos los iconos necesarios para crear maquetas de interfaz de usuario para aplicaciones comerciales como Twitter. Simplemente haga clic en la imagen para usarla como plantilla y modifíquela según sus propias ideas de diseño.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de un asistente de instalación de software

La siguiente plantilla representa una maqueta de la interfaz de usuario de un asistente de instalación de software. Los asistentes, que se utilizan comúnmente para instalar software, describen los pasos del proceso de instalación de un software. Esta plantilla muestra uno de esos pasos, y las plantillas de maqueta de la interfaz de usuario de los siguientes pasos están vinculadas a ella para simular el escenario en tiempo real (haga clic en el botón 'Siguiente' para acceder a la siguiente plantilla). Pulsa sobre la imagen y procede a modificarla como quieras.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de una página de Facebook

Aquí hay una plantilla de maqueta de interfaz de usuario de una página de Facebook. En el proceso de diseño de una aplicación de redes sociales como Facebook, puede diseñar rápidamente plantillas de maquetas de interfaz de usuario como esta con la ayuda de la aplicación. Haz clic en la imagen para usarla como plantilla o ajústala como quieras.

Haga clic en la imagen para editar en línea

Plantilla de maqueta de interfaz de usuario de un sistema de nómina

La siguiente plantilla de maqueta de interfaz de usuario es de un sistema de nómina para el sistema operativo Windows. En la plantilla se presentan funciones como el cálculo de salarios, horas extras, etc. Puede editar la plantilla y agregar más funciones al sistema usando los íconos disponibles en la aplicación. Haga clic en la imagen para comenzar a editar.

Haga clic en la imagen para editar en línea

Más plantillas de maquetas de interfaz de usuario

La herramienta de simulación de interfaz de usuario fácil de usar de Creately y las plantillas de simulación de interfaz de usuario diseñadas profesionalmente lo ayudarán a comenzar con el diseño de su propio sitio web o aplicación de inmediato. Si está buscando un poco de inspiración o ayuda, visite nuestra comunidad para obtener ideas únicas aportadas por nuestros usuarios también.

Más plantillas de Diagramación

• Plantillas de diagramas de casos de uso
• Plantillas de diagrama de espina de pescado
• Plantillas de mapas mentales
• Plantillas de modelos de procesos de negocio
• Plantillas de guión gráfico
• Plantillas de diagrama de red
• Plantillas de diagramas de Venn
• Plantillas de gráficos KWL
• Plantillas de estructura de desglose de trabajo
• Plantillas de análisis FODA
• Plantillas de diagrama de clase
• Plantillas de diagrama ER
• Plantillas de diagramas de secuencia
• Plantillas de organigramas
• Plantillas de diagrama de Gantt
• Plantillas de diagramas de actividades
• Plantillas de diagramas de implementación
• Plantillas de diagramas de arquitectura de AWS
• Plantillas de análisis de brechas