RESPONSIVE WEBDESIGN ( PARA DISEÑADORES)

DISEÑO WEB JUL/2014

C O L A B O R A N :

SEDE EN ESPACIO UTOPICUS 2 DIRECCIÓN: CALLE DUQUE DE RIVAS 5, 28012 MADRID INFO: 913 896 690

WWW.MRMARCELSCHOOL.COM

BY FRANCIS RESTOY (REFR3SH).

WORKSHOP, RESPONSIVEWEB DESIGN (PARA DISEÑADORES)

MR MARCEL SCHOOL REFR3SH

Un buen diseño web es un matri-monio perfecto entre diseño y programación. Para que un diseño web funcione bien han de darse toda una suma de factores en varios ámbitos, factores que muy a menudo –y desgraciadamente- no se tienen en cuenta.

El responsive web design (RWB) es una nueva evolución del diseño web, el siguente paso que tanto diseñadores como programadores debemos dar juntos para que los medios interactivos crezcan adecuadamente.

En el Workshop vamos a dotar a los diseñadores de las herramien-tas necesarias para que sepan qué es y cómo implementar un diseño responsive, coqueteando con la programación pero sin profundizar demasiado, de modo que el diseñador tenga claro qué quiere comunicar en la seguridad de que el programador va a poder adapatar ese diseño a cualquier dispositivo.

BREVE DESCRIPCIÓNY TRAYECTORIADE FRANCIS RESTOY.

Francis Restoy, diseñador web, socio y director de arte de Refr3sh, uno de los estudios más prolí�cos de la producción web de Madrid, inició su carrera como diseñador grá�co al uso, pero pronto descu-brió su pasión por el diseño web y la publicidad on-line. Tras trabajar para algunas de las más relevantes agencias, en 2001 montó su propio estudio con un grupo de profesionales ecléctico y multidisciplinar. Refr3sh trabaja actualmente con casi todas las agencias de publicidad de la capital y se ha convertido en el referente a la hora de desarrollar los proyectos más complejos y creativos de la publicidad interacti-va. En su portfolio podemos encontrar una amalgama de marcas muy heterogéneas, como puede ser Ono, TVE, Gol TV, Mapfre y proyectos más persona-les como Marula café o páginas para grupos de música. www.refr3sh.eswww.behance.net/francisrestoy

En el workshop vamos a conocer qué es el responsive web design (RWD) y en qué consiste, casos prácticos de uso y cómo se aplica al diseño web. Se estudiará desde el punto de vista del diseño cuáles son las claves que el diseñador ha de conocer técnicamente para luego transmitirlas a los desarrolla-dores, y además cómo el conteni-do y la usabilidad de los dispositi-vos afecta a la forma de diseñar. Una vez aprendidos estos concep-tos, el curso se pondrá manos a la obra desde el principio: partiendo de unos wireframes realizados con papel y boli, posteriormente se convertirán en un diseño web responsable, el cual será sometido a pruebas para veri�car si realmente se ha conseguido el objetivo.

COMÓ ES EL WORKSHOP Y QUÉ QUEREMOS CON-SEGUIR.

A QUIÉN VA DIRIGIDO.

1

Estudiantes y profesionales del diseño web interesados en apren-der más acerca de los nuevos dispositivos y formatos y de cómo adaptar nuestros diseños web a estos nuevos entornos (móviles y tabletas), en lo que se ha dado en llamar diseño web responsable (responsive). Todo a partir de la revisión de casos reales y con ejercicios prácticos concretos.

RESPONSIVE WEBDESIGN ( PARA DISEÑADORES)

Conocimientos de las herramientas de diseño (Photoshop y Fireworks).

Ordenador propio.

REQUISITOS.

MR MARCEL SCHOOL REFR3SH

MrMarcel School es una escuela del Siglo XXI, una nueva manera de hacer formación basada en el compromiso con las personas y con la profesión, que apuesta por la excelencia, la autonomía intelectual del alumno y su razonamiento independiente como herramientas esenciales. Dirigida a comunicadores visuales en cualquiera de sus ámbitos.

Las profesiones creativas, son en esencia una fuente de satisfaccióny de desarrollo personal. Este sector se caracteriza por vivir en constante cambio, por lo que los profesionales del futuro deberían tener una gran capacidad de adaptación y un per�l claramente visionario, innovador y multidisciplinar para ser competitivos. Enriqueciendo así su trayectoria y garantizando su crecimiento personal y profesional.

MrMarcel School, es una escuela pequeña por creencia y grande por ambición. Pequeña, para poder atender de una forma cercana las necesidades de cada alumno y para que estudiar en ella sea un valor añadido, por su calidad y exclusividad (solo 30 alumnos al año por promoción y disciplina). Grande, porque nuestro objetivo es desarrollar el mejor futuro posible, mediante una enseñanza tan selecta y cuidada, que facilite su incorporación al mundo profesional en la mejor de la condiciones posibles. Perseguimos que nuestros alumnos disfruten de lo que hacen, además de ser valorados por ello.

2

RESPONSIVE WEBDESIGN ( PARA DISEÑADORES)

VIERNES 11 DE JUL 2014. DE 16H A 22H.

MR MARCEL SCHOOL REFR3SH

•Presentación del docente y del estudio.•Proyectos realizados.•Que es “Responsive web design (RWD)”•Hablando de CSS3, Html 5, cuadriculas �exibles, contenido �exible y media queries.

DINÁMICA DEL DÍA:

3

WORKSHOP DE 20H

CON FRANCIS RESTOY (REFR3SH).

DOMINGO 13 DE JUL 2014. DE 10H A 16H.

•Jornada completa diseñando nuestro site repasando todo lo aprendido anteriormente, como son cuadriculas �exibles, tipogra-�as e imagenes �uidas, pensando en porcentajes no en pixeles.•Prueba de estres a nuestro diseño para ver si realmente funciona bien en todos los dispositivos.

*Nota: para el workshop cada alumno necesitará venir equipado con un ordenador portátil con Photoshop instalado. También se recomienda disponer de la aplica-ción Fireworks.

DINÁMICA DEL DÍA:

SÁBADO 12 DE JUL 2014. DE 10H A 20H.

•Diseñando para RWD•El papel del diseñador, la cuadri-cula y el diseño modular•El diseño y el espacio• La importancia de los wireframes• Manos al papel: empezamos nuestros wireframes• Discusión del caso• Arrancando el diseño

DINÁMICA DEL DÍA:

RESPONSIVE WEBDESIGN ( PARA DISEÑADORES)