DISEÑO WEB FEB/2015 BY FRANCIS RESTOY (). SEDE EN ESPACIO UTOPICUS 2 WWW.MRMARCELSCHOOL.COM DIRECCIÓN: CALLE DUQUE DE RIVAS 5, 28012 MADRID C O L A B O R A N : INFO: 913 896 690
WORKSHOP, RESPONSIVE WEB COMÓ ES EL WORKSHOP Y QUÉ QUEREMOS CONSEGUIR. BREVE DESCRIPCIÓN Y TRAYECTORIA DE FRANCIS RESTOY. Un buen diseño web es un matrimonio 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. 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 desarrolladores, y además cómo el contenido y la usabilidad de los dispositivos afecta a la forma de diseñar. Una vez aprendidos estos conceptos, 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 verificar si realmente se ha conseguido el objetivo. Francis Restoy, diseñador web, socio y director de arte de Refr3sh, uno de los estudios más prolíficos de la producción web de Madrid, inició su carrera como diseñador gráfico al uso, pero pronto descubrió 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 interactiva. En su portfolio podemos encontrar una amalgama de marcas muy heterogéneas, como puede ser Ono, TVE, Gol TV, Mapfre y proyectos más personales como Marula café o páginas para grupos de música. 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 herramientas 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. REQUISITOS. Conocimientos de las herramientas de diseño (Photoshop y Fireworks). Ordenador propio. A QUIÉN VA DIRIGIDO. Estudiantes y profesionales del diseño web interesados en aprender 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. www.refr3sh.es www.behance.net/francisrestoy 1
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ón y 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 perfil 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
WORKSHOP DE 20H CON FRANCIS RESTOY (). VIERNES 27 DE FEB 2015. DE 16H A 22H. DOMINGO 01 DE MAR 2014. DE 10H A 16H. Presentación del docente y del estudio. Proyectos realizados. Que es Responsive web design (RWD) Hablando de CSS3, Html 5, cuadriculas flexibles, contenido flexible y media queries. Jornada completa diseñando nuestro site repasando todo lo aprendido anteriormente, como son cuadriculas flexibles, tipografias e imagenes fluidas, pensando en porcentajes no en pixeles. Prueba de estres a nuestro diseño para ver si realmente funciona bien en todos los dispositivos. SÁBADO 28 DE FEB 2015. DE 10H A 20H. Diseñando para RWD El papel del diseñador, la cuadricula 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 *Nota: para el workshop cada alumno necesitará venir equipado con un ordenador portátil con Photoshop instalado. También se recomienda disponer de la aplicación Fireworks. 3