Núria Saban de Llos& a Eina

Nos visita Núria Saban programadora de Llos&

El 28 de mayo nos visitó Núria Saban, ex-alumna de Eina, “Web developer, Frontendpadawan, html, css, js”. Así es como se define en su web. Nos explicó cuáles habían sido sus pasos hasta lograr el que había soñado: ser miembro de Llos&. Al acabar la carrera, se inició en un estudio de arquitectura durante cinco años, trabajando como maquetadora. Después, estuvo dos años por su cuenta con diversos clientes, como la Fundación Mies van der Rohe. Cansada del pluriempleo, decidió lanzarse hacia la programación y el mundo web, que era lo que más le gustaba. Así entró a Llos&.

Su intervención empieza con los problemas que surgen con los diseñadores gráficos. Nos hace una lista de cuáles son los aspectos básicos que un diseñador debería detallar en su trabajo para que en programación pudieran empezar bien sin que después haya muchos cambios. Para el desarrollo de un sitio web, el formato en que llega un proyecto al programador es muy importante.

Nos muestra las ventajas que tiene el programa Sketch para su trabajo. También nos comenta que los diseñadores tampoco piensan en las diferentes medidas de pantalla de cada dispositivo (los media queries, las alturas y anchuras de pantalla, muy diferentes en cada dispositivo). “Si sabes qué aplicaciones pueden tener los media queries y jugar con ellos, te marcas una web muy más guay”, nos dice la Núria. Nos cuenta también que diseña segun el criterio mobile first, es decir, que el diseño se basa en la versión para móvil. A partir de este, va añadiendo media queries segun vaya creciendo la anchura de la pantalla.

Nos explica que la accesibilidad es muy importante, no solo para aquellos que la necesitan, sinó para todo el mundo: navegar por la web sería mucho más cómodo para todos. A raíz de esto, nos habla de tipografía y advierte que en un sitio web no puede utilizarse tipografía de menos de 16 px. Y, si la hay, debe ser para cosas muy secundarias. También nos comenta otra cosa que los diseñadores nunca tienen en cuenta: que hay muchas unidades de medida en web para definir el tamaño de la tipografía. Como ems, rems, píxeles, y punto view-port (% de la pantalla). Este último permite que la tipografía crezca a la vez que la pantalla de una manera mucho más fluida y que el diseño sea mucho más fino.

Repasa errores que tenemos que evitar cuando diseñamos un web. Habla del contraste, de cuando los enlaces no se distinguen, nos da herramientas para comprobar si nuestro web pasa el test de contraste, como por ejemplo: https://colorable.jxnblk.com. Nos dice que el outline focus, aunque no nos guste el resultado, es muy importante no eliminarlo: la navegación con tabulador o con lectores de pantalla debe estar siempre disponible. Si no, será un problema navegar para personas que necesitan estos sistemas. En esta página se explica su importancia: http://www.outlinenone.com/

Terminando, habla de los colores en la web. Nos recomienda una página: https://www.colorhexa.com. También comenta las interacciones y su sentido: cuando un botón está activado, desactivado, que pasa con el hover, y se queja de que muchas de estas cosas el diseñador nunca las define.

Nos hemos quedado, pues, con unas cuantas lecciones para aprender y tener en cuenta para llevar a cabo un diseño web y cuales son las necesidades que tiene un programador.

SEO (Seraching Engine Optimization)

Hoy, acabamos la asignatura de SEO (Search Engine Optimization) con Rubén Alcaraz.

En esta asignatura, hemos aprendido cómo mejorar el posicionamiento de una página web en las páginas de resultados de los motores de búsqueda, la importancia que tiene hacer un buen SEO, donde se pueden aplicar estas técnicas, como funcionan los motores de búsqueda, cuál es su estructura y arquitectura para entender y mejorar nuestro posicionamiento web, las diferentes estrategias que podemos utilizar y entender cómo los usuarios nos buscan para poder elegir bien las palabras clave por las que queremos competir.

Para poner en práctica todos los conocimientos teóricos hemos intentado posicionar una imagen en Google desde la página web que creamos para la asignatura Diseño para gestores de contenidos.

Para hacer esta práctica hemos utilizado un plugin de WordPress llamado Yoast, que nos ha ayudado a guiarnos para poder posicionar nuestra imagen en Google. Hemos aprendido la importancia que tiene el SEO-on page, y hacer una buena optimización de nuestra página, y el SEO-off page para aumentar la autoridad de nuestra página a través de enlaces internos y externos.

Como práctica final hemos tenido que auditar una página web, analizando su contenido, la densidad de palabras clave, como es su arquitectura de la información, sus aspectos técnicos y de rendimiento. De esta forma hemos podido analizar y detectar los errores y puntos de mejora de la página web en cuestión.

Análisis y Gestión de Publicaciones Digitales

Ya hemos acabado la asignatura de Análisis y Gestión de Publicaciones Digitales impartida por el profesor Diego Fernández. En ella hemos realizado una infografía que nos ha permitido aprender sobre arquitectura de la información encargada del estudio, análisis, organización, disposición y estructuración de la información. También hemos podido trabajar el diseño de la información, en la cual hemos tenido que representar
de una forma gráfica la información y estructurarla eficiente y efectivamente para que pudiese ser muy visual y entenderse rápidamente.

Los resultados han sido muy diversos. Se han trabajado inforgrafías relacionados con el auge del cybercrimen o la piratería, una comparativa de las vendas en los medios online en el black friday, sobre las fake news, el uso de las apps para buscar pareja, hasta se han preguntado si el print está muriendo.

Diseño centrado en el usuario

En esta asignatura impartida por el profesor Enric Mor, hemos aprendido a tener una visión global de todos los aspectos que intervienen en el diseño centrado en el usuario (DCU). Este se puede concebir como «la disciplina de la interacción persona-ordenador (IPO), la usabilidad y la experiencia de usuario».A través de diferentes actividades tanto teóricas como prácticas hemos ido descubriendo qué procesos son claves en el DCU. Hemos puesto énfasis en el valor de conocer a los usuarios a quienes irá destinado nuestro producto, las etapas y técnicas que lo configuran, al saber aplicar el DCU en la definición de nuestros proyectos, como hacer un análisis correcto de aquello que queremos diseñar, y por último como implementar y evaluar productos digitales interactivos. En nuestro caso, el rediseño de una página web.

The Ideal Wallet

Esta actividad fue la carta de presentación de la asignatura. A través de un ejercicio práctico de design thinking por parejas, diseñamos una cartera a medida a partir de un pequeño briefing que le hacíamos a nuestra compañera. De este modo hacíamos valer la importancia de conocer al usuario a quién va destinado nuestro producto. Por lo tanto poder diseñar a medida y buscar soluciones reales en los problemas planteados del usuario.

Lost & Found

En esta actividad realizada por grupos, aprendimos a utilizar diagramas de flujo para el diseño de una app. El objetivo de esta práctica era trabajar de manera colectiva el recorrido más lógico que permitiera reportar, buscar o encontrar una mascota perdida.

Spaghetti Marshmallow Challange

Esta fue la última actividad práctica que realizamos en la asignatura. Su finalidad era trabajar el design thinking para practicar el prototipatge en colectivo pudiendo testear aquello que construíamos a través de prueba y error de manera colectiva. El objetivo de esta actividad era crear una estructura que se aguantara con 20 espaguetis crudos y 1 metro de cinta, 1 metro de cordel y 1 Marshmellow en la punta. Todo un reto!

Damos identidad al festival en Montbau

A través de la asignatura de Proyectos de Identidad Gráfica impartida por Xavier Alamany los alumnos del Máster en diseño gráfico han desarrollado una serie de herramientas y recursos para generar una identidad que conecte con el barrio de Montbau y con el festival de referencia ideado para el mismo.

Empezando por las bases, la definición y el análisis del barrio, de sus atributos, sus puntos fuertes y sus carencias. Descubriendo que necesita y que podemos aportar como diseñadores. Posteriormente a través de clases dinámicas, correcciones grupales y pequeños encargos conectados se ha ido definiendo qué tipo de festival se adecua en el barrio, qué imagen gráfica se aplica y qué identidad tiene, manteniendo la propia esencia del barrio de Montbau.

Se presenta a continuación algunos de los trabajos finales de la asignatura. Una identidad sobre un festival concreto aplicado en el barrio de Montbau.

 


Maria Vilajuana 

es[ ] es[ ] Festival d’Arts Escénicas de Montbau

Se trata de organizar un Festival de Artes Escénicas al barrio de Montbau. La elección del tipo de festival, lo naming y su diseño no es tabique; hace referencia a la identidad del barrio, a la falta de conocimiento de muchos vecinos y gente de Barcelona, a sus espacios verdes y peatonals, a su arquitectura y al nombre de sus calles. El nombre del festival hace referencia pues a su identidad y a todo el que puede ser Montbau: esmúsica esmontbau | esteatre esmontbau | esdansa se- montbau | escirc esmontbau

 

 


Gaizka Azketa 

Fontbau. Festival tipográfico de Montbau

Un festival tipográfico donde a través de varias actividades adecuadas a los diferentes públicos se trabajará el ámbito de la tipografía, se ha conceptualizado el festival a través de un elemento especial, con importancia a Montbau, su fuente de agua, donde los vecinos acuden por su pureza.

 


Sonia Santos 

Set 7è Art

Un festival cinematográfico en el barrio de Montbau que busca captar la atención del vecindario y su participación a través de concursos y cortometrajes. Aprovecha la tranquilidad de la nocturnidad del barrio y combina el concepto de séptimo arte del propio cine para dar identidad al festival. Como imagen principal se utiliza el cubo. Un cubo tridimensional formado por cuadrados, que sintetiza y unifica de manera gráfica los conceptos de geometría, desnivel, arquitectura, cine, proyección y foco, conceptos propios del festival y de Montbau.

 


Mònica Sacot 

-isme. Festival del cubismo de Montbau

Un festival anual orientado a celebrar el arte en todas sus manifestaciones a través de la unión entre la misma expresión artística y las formas geométricas y rectilíneas que conforman el paisaje del barrio de Montbau. Esta edición se presenta con el movimiento cubista. El festival busca fomentar la participación cívica entre ciudadanos a través de actividades lúdicos adaptadas a todas las edades.


Paula Terra

Retrospectiva. Festival d’arquitectura y artes digitales a Montbau

Retrospectiva es el festival de arquitectura y artes digitales de Montbau. El objetivo del festival es promover y fomentar el intercambio y la relación que se establece entre la arquitectura y las artes digitales como formas de creación y conceptualización. El objetivo del festival es unir estos dos conceptos (arquitectura + artes digitales) para representar la esencia del barrio y las construcciones originales a través de representaciones arquitectónicas recreadas con el arte digital, como lo mapping o la realidad virtual.

 


Maiela Zurutuza 

Efímera. Arte en tierra

Un festival de muralismo en el suelo, donde los vecinos y visitantes pueden acudir y ver en directo varios artistas pintando los suelos del barrio así como participar en las actividades y aportaciones al mural. Se utiliza el elemento puesto it por su geometría, un elemento de superficie, transportable y combinable que remite a las baldosas de Montbau.

 


Andrea Choque 

Recordart. Exposición Fotográfica gente de Montbau

Conceptualiza la identidad gráfica para una exposición fotográfica donde los autores son los propios vecinos del barrio. Potenciando los valores históricos, los recuerdos y la vida del vecindario de Montbau. Se busca crear memoria de Montbau, una serie de recuerdos a través de fotografías expuestas a las calles del barrio, todo en un diseño directo, sensible que muestra la fotografía de la gente.

Producción Gráfica

En  la  asignatura de Producción Gráfica impartida por Lluc Massaguer del Master se estudian los soportes, procesos y las técnicas de impresión en artes gráficas así como la preparación de artes   finales y originales para poder ser reproducidas. Da a conocer cada una de las partes que integran el proceso gráfico desde la conceptualización e ideación hasta la entrega final. Éstos son algunos de los proyectos finales resultantes:

Cuatricromía — Leo Kulisevsky

El objetivo del trabajo es experimentar con diferentes técnicas serigráficas, cuatricromía la principal. En este trabajo se prendía convertir la imagen, original en blanco y negro, a color y ver cual era el resultado obtenido a partir de la división de canales (CMYK) inventados. La superposición de estas cuatro tintas convertirá la fotografía originalmente en blanco y negro a color?

Click per visualitzar

 

Pantone Organico — Rosa  Maria de los Heros 

Pantone Orgánico es un trabajo de investigación en el que se propone usar los residuos domésticos de frutas y vegetales que se generan en casa para comprobar si es factible producir tintas para serigrafía. Utiliza el sistema de “pantonera” como registro de los diferentes colores que logra producir. De esta manera, queda como archivo de las posibilidades que existen y quizás como herramienta para convencer o compartir con otros los resultados.

Click per visualitzar

 

Diseño Gráfico con pintura fluida — Monica Sacot

El proyecto se basa en la profundización del trabajo con la pintura acrílica utilizada con la técnica acrylic pouring. La cual consiste en preparar una mezcla de pintura acrílica y medium acrílico para conseguir una textura que fluya con facilidad por el lienzo. El principal objetivo del proyecto es crear imágenes visualmente atractivas para posteriormente, utilizar la imagen generada para aplicarla en la producción de diseño gráfico en forma de background, textura, patrón, etc.

Click per visualitzar

Inicio del nuevo proyecto en Montbau, Barcelona

Empezamos un nuevo proyecto con Xavier Alamany, profesor de la asignatura de Proyectos de Identidad Gráfica del Master. El proyecto está enfocado al diseño de identidad en uno de los barrios de Barcelona, en Montbau.

Iniciamos la sesión con la visita de Albert Crispi, arquitecto con una larga trayectoria profesional, fundador del estudio de arquitectura y rehabilitación AC arquitectura i rehabilitación, y profesor de EINA des de 2004. Durante la sesión nos mostró el funcionamiento del barrio desde sus inicios hasta la actualidad. Como fue planteado urbanísticamente y como las personas interactúan con los elementos que lo forman. Al mismo tiempo dentro del ámbito arquitectónico, Albert realizó la rehabilitación de uno de sus edificios en el plan de Montbau. Proyectado el 1960 por los arquitectos Xavier Subias, Guillermo Giráldez y Lopez Íñigo para el Patronat Municipal del Habitatge, es uno de los mejores exponentes de la arquitectura racionalista de hormigón de Barcelona. A través  de la experiencia de ésta rehabilitación pudimos comprender tanto la intención arquitectónica como la voluntad de la asociación de vecinos hacia el barrio y su vinculación con el  mismo.

Para complementar la información sobre Montbau de cara al proyecto, realizamos un Tour guiado por Xavier Alamany. Vimos la distribución del barrio, el funcionamiento de las plazas principales y de aquellas más escondidas, las tiendas existentes, la arquitectura y la relación de esta con el carácter propio de Montbau. Pasamos por los edificios más característicos, entendimos su unidad a pesar de haber sido proyectados por diferentes arquitectos, las zonas verdes acompañan el barrio y nos hicimos una idea sobre la vida diaria de las personas que viven en él.

Comprender la esencia del barrio resultó fundamental para enfocar de forma realista el proyecto de identidad.

Folch Studio nos visita en EINA

El día 28 de noviembre recibimos  la visita de Albert Folch y Rafa Martínez del estudio Folch, todo dentro de la asignatura de Gestión de Proyectos del Master.

Albert Folch fundador del estudio i director creativo junto con Rafa Martínez director estratégico de Marca y COO, nos presentaron el estudio desde sus inicios hasta la actualidad, mostrándonos los elementos y estrategias que utilizan así como los aspectos esenciales que se deben tener en cuenta ante un proyecto de diseño.

Folch studio se fundó en 2004 como estudio de diseño editorial y dirección de arte, hoy en día el estudio se define por su participación activa en todas las fases del proyecto, se involucra en aspectos que van mas allá de la dirección de arte y la edición. Genera contenido a través de la narrativa estratégica la cual, a  diferencia de los sistemas imperativos publicitarios tradicionales, es capaz de atraer la atención del target. Analizan y entienden la visión central para desarrollar una estrategia a su alrededor, esto es lo que crea real relevancia. Conceptos, productos, experiencias y servicios se traducen en emoción e imágenes. Entienden la marca como una emisora, cada una con su propio público y historias que contar.

Dado el cambio de paradigma hacia la narración transmedia junto con el aumento de demanda en la creación de  contenido, Folch ha fundado White Horse, una productora alejada de las tradicionales donde trabajan libremente en todos los aspectos necesarios de los proyectos. White Horse realiza la producción de piezas audiovisuales i fotográficas per les obres de marca e instituciones. Es una empresa creativa centrada en la producción y la activación.

Quedamos muy agradecidos por la visita a nuestra aula.

portfolio-gaizka

Diseño para gestores de contenidos CMS

A lo largo de la asignatura de Diseño para gestores de contenidos CMS con Daniel Julià hemos aprendido sobre maquetación web mediante HTML y CSS además de PHP para trabajar con Wordpress. Finalmente, hemos puesto en práctica tales conocimientos diseñando y programando nuestros propios portfolis.

A continuación, una compilación:

 

Gemma Fontanals

Daniel Iglesias

 

Emily Eldridge

Gaizka Pagonabarraga

Andrea Rueda

Laura Magallón

Carolina Orozco

emily eldridge book

Tipografía

Las siguientes publicaciones son los trabajos finales surgidos de la asignatura de Tipografía, la cual forma parte del Posgrado en Diseño de Elementos Gráficos del máster. Junto con el profesor Salvador Huertas nos hemos introducido a la arquitectura, la composición, el análisis así como también la valoración crítica de las letras tipográficas.

 

Love Letters – Emily Eldridge

 

Gordon Matta Clark – Gaizka Pagonabarraga

 

Feminismo – Andrea Rueda

 

Mondosonoro – Laura Magallón

 

Diario de un nómada – Angela Aginako

 

On delusions (Yayoi Kusama) – Gemma Fontanals

 

La teva ciutat invisible – Marta Mestre

 

Disseny gràfic sostenible amb el medi ambient – Àngela Balcells

 

Negativo – Blanca Garaluce

 

DOWN – Daniel Iglesias

 

This is food trucks – Maria Millan

 

TIC TAC NYAM – Judit Murcia

 

Disfrutar – Guillem Matarrodona

 

Modapiel – Anna Carbonell