Publicat per

Compresflow

Publicat per

Compresflow

  Diseño y sistematización de una interfaz gráfica Compresflow es una herramienta web que permite comprimir imágenes en formato JPG y PNG. Dentro de sus funcionalidades se encuentra el panel de fotografías que permite cargar y administrar varias imágenes. Desde el panel de herramientas se puede escoger el formato, cambiar el tamaño y recortar la foto. En el área de trabajo se puede previsualizar la compresión comparando la calidad y el peso de la original con la optimizada, también permite…
  Diseño y sistematización de una interfaz gráfica Compresflow es una herramienta web que permite comprimir imágenes en formato…

 

Diseño y sistematización de una interfaz gráfica

Compresflow es una herramienta web que permite comprimir imágenes en formato JPG y PNG.

Dentro de sus funcionalidades se encuentra el panel de fotografías que permite cargar y administrar varias imágenes. Desde el panel de herramientas se puede escoger el formato, cambiar el tamaño y recortar la foto. En el área de trabajo se puede previsualizar la compresión comparando la calidad y el peso de la original con la optimizada, también permite hacer zoom para ver el detalle y el tamaño de la imagen de salida.

Para terminar, Compresflow hace parte de la familia Webflow por eso se tuvo en cuenta las directrices de la marca. El diseño del sistema está pensado para que un futuro cercano se puedan incorporar nuevas herramientas.

Debat0el Compresflow

No hi ha comentaris.

Publicat per

PEC 02 – Diseño y sistematización de una interfaz gráfica

PEC 02 – Diseño y sistematización de una interfaz gráfica
Publicat per

PEC 02 – Diseño y sistematización de una interfaz gráfica

Hola a todos! En esta entrega de la asignatura de Prototipado, a diferencia de la primera, he diseñado un prototipo funcional basándonos…
Hola a todos! En esta entrega de la asignatura de Prototipado, a diferencia de la primera, he diseñado un…

Hola a todos!

En esta entrega de la asignatura de Prototipado, a diferencia de la primera, he diseñado un prototipo funcional basándonos en el briefing de Compresflow, una nueva aplicación que permite gestionar y comprimir fotografías dentro del universo Webflow. Para ello, comencé diseñando un UI Kit que contiene los principales elementos, componentes y reglas del prototipo y luego diseñé prototipos para la aplicación tanto en formato Escritorio como Móvil.

Aquí os adjunto el enlace al prototipo en vivo:  enlace

Además, os adjunto un video explicativo donde detallo el flujo para los dos casos de uso mencionados.

Carregant...

Muchas gracias!

Debat0el PEC 02 – Diseño y sistematización de una interfaz gráfica

No hi ha comentaris.

Publicat per

Disseny i sistematització d’una interfície gràfica

Publicat per

Disseny i sistematització d’una interfície gràfica

A continuació podreu veure els dos prototips de Compresflow per a la PAC Disseny i sistematització d’una interfície gràfica de l’assignatura de…
A continuació podreu veure els dos prototips de Compresflow per a la PAC Disseny i sistematització d’una interfície gràfica…

A continuació podreu veure els dos prototips de Compresflow per a la PAC Disseny i sistematització d’una interfície gràfica de l’assignatura de Prototipat. Us deixo l’enllaç al vídeo i l’enllaç als prototips.

Prototips Compresflow

Vídeo Prototips Compresflow

Debat0el Disseny i sistematització d’una interfície gràfica

No hi ha comentaris.

Publicat per

02 Diseño y sistematización de una interfaz gráfica (projecto 1/2)

02 Diseño y sistematización de una interfaz gráfica (projecto 1/2)
Publicat per

02 Diseño y sistematización de una interfaz gráfica (projecto 1/2)

¡Hola a todos y todas! Os dejo por aquí los enlaces de los prototipos que he realizado: Prototipo desktop Prototipo móvil Os…
¡Hola a todos y todas! Os dejo por aquí los enlaces de los prototipos que he realizado: Prototipo desktop…

¡Hola a todos y todas!

Os dejo por aquí los enlaces de los prototipos que he realizado:

Os dejo también por aquí el video explicativo de los flujos.

Debat0el 02 Diseño y sistematización de una interfaz gráfica (projecto 1/2)

No hi ha comentaris.

Publicat per

CompresFlow_prototipado

Publicat per

CompresFlow_prototipado

Hola a todos, a continuación el prototipo de una herramienta de compresión y recorte de imágenes jpg y png ARCHIVO FIGMA: https://www.figma.com/file/YflB6WkEHp2TVKTwGfR99C/PEC2?node-id=0%3A1…
Hola a todos, a continuación el prototipo de una herramienta de compresión y recorte de imágenes jpg y png…

Hola a todos, a continuación el prototipo de una herramienta de compresión y recorte de imágenes jpg y png

ARCHIVO FIGMA:

https://www.figma.com/file/YflB6WkEHp2TVKTwGfR99C/PEC2?node-id=0%3A1

Carregant...

Debat0el CompresFlow_prototipado

No hi ha comentaris.

Publicat per

PEC 2 | Diseño y sistematización de una interfaz gráfica

PEC 2 | Diseño y sistematización de una interfaz gráfica
Publicat per

PEC 2 | Diseño y sistematización de una interfaz gráfica

Muy buenas tardes a todas y a todos. Seguimos avanzando en el desarrollo de la asignatura, de las PECs y de Figma…
Muy buenas tardes a todas y a todos. Seguimos avanzando en el desarrollo de la asignatura, de las PECs…

Muy buenas tardes a todas y a todos.

Seguimos avanzando en el desarrollo de la asignatura, de las PECs y de Figma en mi caso. Esta PEC me ha resultado muy interesante, sobre todo, por lo concerniente a la sistematización y como poder hacer uso de ella a la hora de crear este pequeño cuaderno de viaje para otras personas que necesiten continuar o hacer crecer un prototipo.

Aprovechando para saludaros, os dejo también los enlaces a los prototipos:

Y finalmente, el vídeo/reflexión solicitado:

Disfrutad de un maravilloso día.

Saludos

Debat0el PEC 2 | Diseño y sistematización de una interfaz gráfica

No hi ha comentaris.

Les intervencions estan tancades.