Crea un prototipo de UI de baja fidelidad en 60 segundos

Creemos un Prototipo Lo Fi, en sesenta segundos, usando el kit de UI MadKit Sketch de Themeforest!

Mira el Screencast

 

Cómo está hecho

En un duplicado del archivo MadKit Sketch (Lo-Fi UI), cree una nueva página. Ir Insertar> Símbolos> Base> Formas> Ventana para crear una ventana de navegador para nuestra maqueta. 

Formas> ventana

También bajo Formas toma un encabezado del navegador y luego dale un nombre a tu prototipo.

El contenido es rey

Ahora armaremos el contenido de nuestro prototipo usando símbolos que se pueden encontrar en Categorías (Comience con una cubierta de fondo de video). A continuación, agregaremos una lista de productos, un control deslizante de testimonios, luego mostraremos las últimas publicaciones del blog, agregaremos información sobre la gente de la empresa y luego terminaremos con algunos detalles de contacto.

Stree-Etch

Estira el objeto de tu ventana para que se ajuste a tu contenido:

Estirar la forma de la ventana

Ahora seleccione las seis partes de contenido, haga clic con el botón derecho en el menú de capas y seleccione Desprenderse del simbolo. En el Video BG objeto ocultar el Base / formas / ventana y establecer el Fondo de videoel radio a 0.

Ahora vamos a ocultar la forma de la ventana para cada segundo contenido, luego para las partes restantes, ocultaremos los bordes y estableceremos el radio en 0.

Finalmente, tome la ventana del navegador y los símbolos de encabezado y arrástrelos hasta la parte superior de la pila.

Estamos hechos

¡Así es como creas un prototipo de UI de baja fidelidad en sesenta segundos! Asegúrese de ver más de lo que se ofrece para la creación de prototipos en Sketch on Themeforest:

Plantillas de la aplicación Wireframing Sketch en Themeforest