RESPONSIVE WEB

DESIGN ( PARA
DISEADORES)
DISEO WEB JUL/2014
C O L A B O R A N :
SEDE EN ESPACIO UTOPICUS 2 DIRECCIN: CALLE DUQUE DE RIVAS 5, 28012 MADRID INFO: 913 896 690
WWW. MRMARCELSCHOOL. COM
BY FRANCIS RESTOY (REFR3SH).
WORKSHOP, RESPONSIVE
WEB DESIGN (PARA
DISEADORES)
MR MARCEL SCHOOL REFR3SH
Un buen diseo web es un matri-
monio perfecto entre diseo y
programacin. Para que un diseo
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 evolucin del diseo
web, el siguente paso que tanto
diseadores como programadores
debemos dar juntos para que los
medios interactivos crezcan
adecuadamente.
En el Workshop vamos a dotar a
los diseadores de las herramien-
tas necesarias para que sepan qu
es y cmo implementar un diseo
responsive, coqueteando con la
programacin pero sin profundizar
demasiado, de modo que el
diseador tenga claro qu quiere
comunicar en la seguridad de que
el programador va a poder
adapatar ese diseo a cualquier
dispositivo.
BREVE DESCRIPCIN
Y TRAYECTORIA
DE FRANCIS RESTOY.
Francis Restoy, diseador web,
socio y director de arte de Refr3sh,
uno de los estudios ms prolfcos
de la produccin web de Madrid,
inici su carrera como diseador
grfco al uso, pero pronto descu-
bri su pasin por el diseo web y
la publicidad on-line.
Tras trabajar para algunas de las
ms relevantes agencias, en 2001
mont su propio estudio con un
grupo de profesionales eclctico 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 ms complejos y
creativos de la publicidad interacti-
va. En su portfolio podemos
encontrar una amalgama de
marcas muy heterogneas, como
puede ser Ono, TVE, Gol TV,
Mapfre y proyectos ms persona-
les como Marula caf o pginas
para grupos de msica.
www.refr3sh.es
www.behance.net/francisrestoy
En el workshop vamos a conocer
qu es el responsive web design
(RWD) y en qu consiste, casos
prcticos de uso y cmo se aplica
al diseo web. Se estudiar desde
el punto de vista del diseo cules
son las claves que el diseador ha
de conocer tcnicamente para
luego transmitirlas a los desarrolla-
dores, y adems cmo el conteni-
do y la usabilidad de los dispositi-
vos afecta a la forma de disear.
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
convertirn en un diseo web
responsable, el cual ser sometido
a pruebas para verifcar si
realmente se ha conseguido el
objetivo.
COM ES EL WORKSHOP
Y QU QUEREMOS CON-
SEGUIR.
A QUIN VA DIRIGIDO.
1
Estudiantes y profesionales del
diseo web interesados en apren-
der ms acerca de los nuevos
dispositivos y formatos y de cmo
adaptar nuestros diseos web a
estos nuevos entornos (mviles y
tabletas), en lo que se ha dado en
llamar diseo web responsable
(responsive). Todo a partir de la
revisin de casos reales y con
ejercicios prcticos concretos.
RESPONSIVE WEB
DESIGN ( PARA
DISEADORES)
Conocimientos de las herramientas
de diseo (Photoshop y Fireworks).
Ordenador propio.
REQUISITOS.
MR MARCEL SCHOOL REFR3SH
MrMarcel School es una escuela del Siglo XXI, una nueva manera de
hacer formacin basada en el compromiso con las personas y con la
profesin, que apuesta por la excelencia, la autonoma 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 satisfaccin
y de desarrollo personal. Este sector se caracteriza por vivir en constante
cambio, por lo que los profesionales del futuro deberan tener una gran
capacidad de adaptacin y un perfl claramente visionario, innovador y
multidisciplinar para ser competitivos. Enriqueciendo as su trayectoria y
garantizando su crecimiento personal y profesional.
MrMarcel School, es una escuela pequea por creencia y grande por
ambicin. Pequea, para poder atender de una forma cercana las
necesidades de cada alumno y para que estudiar en ella sea un valor
aadido, por su calidad y exclusividad (solo 30 alumnos al ao por
promocin y disciplina). Grande, porque nuestro objetivo es desarrollar
el mejor futuro posible, mediante una enseanza tan selecta y cuidada,
que facilite su incorporacin al mundo profesional en la mejor de la
condiciones posibles. Perseguimos que nuestros alumnos disfruten de lo
que hacen, adems de ser valorados por ello.
2
RESPONSIVE WEB
DESIGN ( PARA
DISEADORES)
VIERNES 11 DE JUL 2014. DE 16H A 22H.
MR MARCEL SCHOOL REFR3SH
Presentacin del docente y del
estudio.
Proyectos realizados.
Que es Responsive web design
(RWD)
Hablando de CSS3, Html 5,
cuadriculas fexibles, contenido
fexible y media queries.
DINMICA DEL DA:
3
WORKSHOP DE 20H
CON FRANCIS RESTOY (REFR3SH).
DOMINGO 13 DE JUL 2014. DE 10H A 16H.
Jornada completa diseando
nuestro site repasando todo lo
aprendido anteriormente, como
son cuadriculas fexibles, tipogra-
fas e imagenes fuidas, pensando
en porcentajes no en pixeles.
Prueba de estres a nuestro diseo
para ver si realmente funciona bien
en todos los dispositivos.
*Nota: para el workshop cada
alumno necesitar venir equipado
con un ordenador porttil con
Photoshop instalado. Tambin se
recomienda disponer de la aplica-
cin Fireworks.
DINMICA DEL DA:
SBADO 12 DE JUL 2014. DE 10H A 20H.
Diseando para RWD
El papel del diseador, la cuadri-
cula y el diseo modular
El diseo y el espacio
La importancia de los wireframes
Manos al papel: empezamos
nuestros wireframes
Discusin del caso
Arrancando el diseo
DINMICA DEL DA:
RESPONSIVE WEB
DESIGN ( PARA
DISEADORES)