Publicado por

PEC 1 – Deconstrucción de una interfaz gráfica

PEC 1 – Deconstrucción de una interfaz gráfica
Publicado por

PEC 1 – Deconstrucción de una interfaz gráfica

¡Hola a todxs! En la siguiente entrada podréis consultar el trabajo realizado para esta PEC mediante la herramienta Figma del cual os…
¡Hola a todxs! En la siguiente entrada podréis consultar el trabajo realizado para esta PEC mediante la herramienta Figma…

¡Hola a todxs!

En la siguiente entrada podréis consultar el trabajo realizado para esta PEC mediante la herramienta Figma del cual os dejo disponible el enlace: click aquí 

La tarea trata de analizar y observar los diferentes componentes y características que conforman el ‘’UI Kit’’, en este caso, de elPeriódico.

Primero de todo se ha establecido una guía de estilos: paleta cromática, tipografía, disposición de retículas (grid) para cada uno de los soportes digitales (desktop, tablet y móvil). 

Una vez realizado esto, se han confeccionado los diferentes componentes que conforman la dinámica de el Periódico, en el que se han omitido aquellos bloques que se repiten y que por tanto, pueden resultar poco coherentes en el kit. 

Finalmente, realizamos la puesta en escena de estos componentes mediante el prototipado de cada soporte para analizar la interacción que llevaríamos a cabo con la consulta del menú en la Home y la consulta de la notícia principal o de portada. 

Ha sido todo un reto dado que es la primera vez que creo un ‘’UI Kit’’ y que trabajo con todas las opciones de Figma. Espero poder mejorar este tipo de trabajos en un futuro y aprender más acerca de todas las herramientas y facilidades que dispone Figma.

¡Gracias por leer este post!

Debate0en PEC 1 – Deconstrucción de una interfaz gráfica

No hay comentarios.

Publicado por

PEC 1. Deconstrucción de una interfaz gráfica

PEC 1. Deconstrucción de una interfaz gráfica
Publicado por

PEC 1. Deconstrucción de una interfaz gráfica

¡Hola a todxs! En esta entrada os presento mi trabajo para esta primera PEC. He escogido la interfaz de The Guardian porque…
¡Hola a todxs! En esta entrada os presento mi trabajo para esta primera PEC. He escogido la interfaz de…

¡Hola a todxs!

En esta entrada os presento mi trabajo para esta primera PEC. He escogido la interfaz de The Guardian porque visualmente me pareción más interesante que el caso de El Periódico y me pareció que podría sacarle más partido de cara al ejercicio.

Para esta primera práctica he utilizado la herramienta de Figma. Yo estoy muy familiarizada y trabajo en mi día a día con Adobe XD, pero me quise forzar a utilizar Figma para aprender un nuevo software y porque en el mundo laboral está mucho más implantado Figma que XD. Por ello, me pareció una buena oportunidad para tener un primer acercamiento con Figma. Creo que es una herramienta muy versátil y con muchísimo potencial, pero hay bastantes utilidades como son los componentes o las interacciones que funcionan muy diferente con respecto a XD y creo que ha supuesto un handicap para mí.

Espero que durante las próximas prácticas me pueda familiarizar más y mejor con la herramienta.

He hecho un documento con cinco páginas: portada, UI Kit, versión dektop, versión mobile y versión tablet. Os dejo el link al documento para que podáis hecharle un ojo: https://www.figma.com/file/LKVDClz3N8trif4LMFVlwe/PEC-01.-Deconstrucción-de-una-interfaz-gráfica?node-id=278%3A2084

Además, os dejo algunas imágenes de ejemplo de la práctica:

UI Kit

 

 

Prototipos desktop, mobile y tablet

 

 

¡Ánimo para ultimar la PEC!

Que tengáis un buen final de semana :)

 

 

 

 

Debate1en PEC 1. Deconstrucción de una interfaz gráfica