Wireframe a Interface

Tutorial rápido en Photoshop para el armado de un wireframe siguiendo una estrategia (pueden revisar la guía) utilizando los componentes y patrones dados, para luego dar paso al diseño de la interface. Se trata sólo de un ejemplo de la toma de decisiones, el ajuste a grilla y el diseño del look & feel hay muchas maneras de hacerlo.
Para el ejercicio nosotros utilizaremos Photoshop o Illustrator, en la realidad este proceso puede hacerse directamente en Figma, XD o softwares específicos de prototipado rápido.