Publicado por

PEC número 2 – Diseño y sistematización de una interfaz gráfica (Proyecto 1/2)

PEC número 2 – Diseño y sistematización de una interfaz gráfica (Proyecto 1/2)
Publicado por

PEC número 2 – Diseño y sistematización de una interfaz gráfica (Proyecto 1/2)

¡Hola a todxs! En el siguiente post os compartiré mi participación en esta PEC número 2 – Diseño y sistematización de una…
¡Hola a todxs! En el siguiente post os compartiré mi participación en esta PEC número 2 – Diseño y…

¡Hola a todxs!

En el siguiente post os compartiré mi participación en esta PEC número 2 – Diseño y sistematización de una interfaz gráfica (Proyecto 1/2).

Primero de todo, os comparto el archivo máster en Figma con visión pública:  https://www.figma.com/file/XiiKDgBBCcsl04biKvhHMt/PEC-2_RUBIO_ILLESCAS_PATRICA?node-id=0%3A1

El objetivo de esta PEC era completar los conocimientos adquiridos en la anterior y extenderlos a nivel más avanzado y próximo al entorno profesional. Para ello, se ha diseñado una nueva herramienta que formaría parte de la actual web, Webflow, bajo el nombre de Compresflow con la intención de poder editar, modificar, y principalmente, comprimir imágenes. Por lo que, el tipo de diseño aplicado es Universal con el objetivo de ofrecer una guía básica al abasto y utilidad de cualquier persona que pueda llegar a disfrutar de este servicio. 

Para estructurar esta guía de diseño, me he basado en los tres bloques:

  1. El primer proceso ha sido crear una Guía de Estilo manteniendo el estilo de Webflow:

2. A continuación, procedemos a crear el UI Kit con los principales componentes con aquellos que ya existen en la Home de Webflow; y después los que serían para la herramienta Compresflow. En mi caso, me he basado en las webs de Optimizilla y ILoveIMG para tener una base de diseño. 

3. Y Finalmente, mediante un vídeo argumentaré este último bloque, el del prototipo con el diseño responsive de Desktop a móvil para la herramienta Compresflow:

 

Gracias por leerme.

Nos vemos por el aula,

Patricia Rubio

Debate0en PEC número 2 – Diseño y sistematización de una interfaz gráfica (Proyecto 1/2)

No hay comentarios.