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.

Proyectos de aplicaciones gráficas con Martí Ferré

En la asignatura de proyectos de aplicaciones gráficas con Martí Ferré hemos proyectado un país en una botella y su packaging secundario, un póster, una publicación editorial y un elemento volumétrico o material. Todo ello conducido a través de diversas dinámicas cómo workshops, presentaciones y correcciones grupales, mindstorming sobre elementos gráficos, lluvia de ideas etc. Y con el previo desglose y análisis de las partes de un proyecto gráfico para tratarlas individualmente, entender-las y generar mejores resultados gráficos en su unificación.

 

Algunos de los Proyectos del curso:

Rosa Maria de los Heros — Argentina

El proyecto se enfoca en interpretar y comunicar el país de Argentina a través del color, la tipografía, la imagen y el material. Para poder desintegrar el país en estos elementos había que, previamente, hacer una investigación y entender qué aspecto del país se quería desvelar.

En este caso, existen dos fuentes de inspiración. La primera, el relato sobre el origen del nombre de Argentina. El segundo motor de este proyecto fueron las Abuelas de la Plaza de Mayo como símbolo de lucha contra los estragos de la dictadura. A partir de estos dos pilares, se pudo comunicar los valores como el espejismo de las expectativas y la voz, la opinión, la implicación de su gente como “hilo” que une y moviliza al país. 

Click para visualizar

 

Soraya Alba Marquez— Islandia

El proyecto refleja el concepto de soledad en las zonas más aisladas de Islandia donde solo hay desiertos de lavas, cascadas, volcanes y zonas deshabitadas. La forma de vida más austera, solitaria y a la vez resistente y fuerte en las pequeñas granjas aisladas perdidas en la nada. Se pretende plasmar en los diferentes soportes el aislamiento, los largos y oscuros inviernos, la incomunicación, y la fortaleza de sus habitantes ante esta otra cara más dura y hostil de Islandia.

Click para visualizar

 

Paula Terra – Goenlàndia, Kalaallit Nunaat

En la representación de la botella y su packaging se ha representado con los colores los 3 elementos que definen las condiciones climáticas del país i transmitir la calma de la población a través de la composición y las proporciones. El póster remite a la caza de los inuits, con la letra O como elemento principal se consigue recrear el agujero de hielo para poder cazar. La publicación consta de 40 imágenes que muestran el conjunto de 40 palabras que los inuits utilizan para expresar los diferentes estadios de la nieve y e hielo. La nieve forma parte del estilo de vida de los inuits y esta proximidad se transmite con una textura que remite a la tradición, con un carácter mas familiar y cercano. El volumen representativo de Groenlandia representa la caza de los inuits a través del uso de los materiales. El formato escultórico se debe a la construcción de grandes esculturas de hielo que se utilizaban para orientarse en el paisaje e indicar las zonas aptas para la caza. Además su forma afilada representa las herramientas de caza y el entorno donde se llevaban a cabo.

Click para visualizar

 

Leo Kulisevsky  – Palestina

Este proyecto intenta huir de la representación hegemónica de Palestina donde siempre es representada desde el miedo y la guerra. Partiendo de la tradición Palestina de leer el poso de café y de las formas que deja, cojo la idea para desarrollar el concepto escogido: tierra. Estas formas me ayudan a representar la fragmentación territorial forzada que hay en el pais y hablar del territorio como un lugar vivo que resiste.

Click para visualizar

 

Una nueva visita: Oscar Guayabero

El 15 y el 24 de Enero recibimos en nuestra aula a Oscar Guayabero, todo ello dentro de la asignatura de Proyectos de Identidad impartida por Xavier Alamany.

Oscar Guayabero se autodefine como para-diseñador. En realidad lo que hace es contar historias, lo hace a través de objetos, la escritura, las instalaciones, los libros, el comisariado de exposiciones y también dando clases, publicando artículos, activando plataformas …

Se inició la session con una conferencia donde se trató el diseño como herramienta de cambio social, possible a través de la suma de los elementos básicos  diseño + empatía + mediación. Todo mostrado con diferentes ejemplos de diseño, su impacto en la sociedad y su beneficio.

A continuación Oscar junto con Xavier observaron y escucharon las diferentes propuestas de proyectos de los alumnos para poder reconducirlos hacia una mejor proyección, entendiendo y visualizando las fortalezas de cada proyecto así como los aspectos mas débiles a fortalecer. Se generó una sesión de debate y corrección colectiva de lo mas interesante!

Quedamos muy agradecidos

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.

Los alumnos en Vanguard Gràfic

En la session final de la asignatura de Producción Gráfica, los alumnos del Master han visitado la imprenta Vanguard Gràfic. Una imprenta situada en Sant Adrià del Besòs (Barcelona) con más de 100 años de trabajo y experiencia, con los objetivos de ayudar a sus clientes, sorprender, impactar, seducir motivar y sobre todo comunicar. Vanguard Gràfic ofrece gran variedad de servicios, como son: producción editorial, folletos, expositores o displys, packaging, publicaciones digitales, entre otros.

Josep Amat, director digital de la imprenta, nos ha mostrado todos los departamentos que la conforman, las maquinarias con las que trabajan y su funcionamiento activo, su metodología de trabajo y los procedimientos que se llevan a cabo para conseguir las máximas calidades de impresión y los mejores acabados.

Hemos iniciado la visita por la zona de pruebas de pre-impresión, donde la comunicación entre el personal de pre-impresión y el diseñador es fundamental.

En el departamento de impresión, hemos podido ver en directo la espectacular maquina Offset H-uvi y la sorprendente HP indigo en funcionamiento, capaces de realizar impresiones de altísima calidad.

A continuación en el departamento de postproducción, hemos visto el manejo de los troqueles para realizar todo tipo de cortes y marcas, para proyectos como tarjetas de visita, carpetas, packaging etc. Posteriormente hemos podido visitar la maquinaria donde se realizan los pliegos, el grapado y otros servicios de postproducción.

A demás, Vanguard gràfic dispone del espacio ideal para desarrollar los proyectos de forma asesorada por su equipo de I+D. Se muestran los catálogos de papeles, los acabados y todas las muestras que han realizado.

Para finalizar la visita Josep Amat nos ha dado una masterclass sobre colormetria, conceptualización y identificación de las tipologías de papeles y impresiones que se adapten mejor a cada tipo de proyecto. Así como consejos prácticos para pedir presupuesto a una imprenta.

Quedamos muy agradecidos por la oportunidad y por todos los conocimientos nuevos.