Publicat per

The Guardian

Publicat per

The Guardian

Deconstrucción de una interfaz gráfica The Guardian es un sistema complejo desde la arquitectura de la información, es un sitio con muchas…
Deconstrucción de una interfaz gráfica The Guardian es un sistema complejo desde la arquitectura de la información, es un…

Perez_Lina_TheGuardian02

Deconstrucción de una interfaz gráfica

The Guardian es un sistema complejo desde la arquitectura de la información, es un sitio con muchas secciones, enlaces, categorías y niveles. Identificar los componentes con los elementos que permiten sistematizar el sitio es el reto de esta actividad. La estructura de la página principal son módulos que se clasifican en secciones y básicamente se repiten a lo largo de la página con algunas modificaciones particulares, como por ejemplo, el manejo de color en los titulares, la línea de cada noticia y en algunas ocasiones el fondo y el conteo de los comentarios.

La estructura en los tres breakpoints es la misma, lo que cambia es la disposición y el tamaño de los componentes en el ancho de la pantalla. La jerarquía en la información de la sección se define de acuerdo a la imagen y el titular de cada noticia. Una vez identificados los elementos y la estructura del sitio, el paso más complejo es el diseño y funcionamiento del menú con sus niveles para las tres resoluciones.

The Guardian_home   The Guardian iPad   The Guardian_iPhone

The Guardian web  /  The Guardian iPad  /  The Guardian iPhone

Debat0el The Guardian

No hi ha comentaris.

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.