SlideShare a Scribd company logo
1 of 68
Download to read offline
me@josekusunoki.com |   @jkusunoki
;-)

  me@josekusunoki.com |   @jkusunoki
comunicador

     me@josekusunoki.com |   @jkusunoki
periodista

     me@josekusunoki.com |   @jkusunoki
diseñador

    me@josekusunoki.com |   @jkusunoki
elcomercio.com.pe


         me@josekusunoki.com |   @jkusunoki
gestion.pe


     me@josekusunoki.com |   @jkusunoki
depor.pe


    me@josekusunoki.com |   @jkusunoki
peru21.pe


     me@josekusunoki.com |   @jkusunoki
escape.pe


     me@josekusunoki.com |   @jkusunoki
innovación

     me@josekusunoki.com |   @jkusunoki
versatilidad

      me@josekusunoki.com |   @jkusunoki
juegos

   me@josekusunoki.com |   @jkusunoki
colloidfarl @ Flickr
bpdragon @ Flickr
burtyoungsters @ Flickr
blueisbest @ Flickr
Proyecto Natal (http://www.xbox.com/en-US/live/projectnatal/)
telecomunicaciones


         me@josekusunoki.com |   @jkusunoki
raybyrne @ Flickr
kellylwatson @ Flickr
meagain-debbie @ Flickr
Wikipedia
medios
(convencionales)
   (El Comercio)




            me@josekusunoki.com |   @jkusunoki
ndrc @ Flickr
peterme @ Flickr
Diseño Web
 (válido para versiones 2.0 o posteriores)




                        me@josekusunoki.com |   @jkusunoki
Elementos

• Tipografía
• Color
• Composición

                me@josekusunoki.com |   @jkusunoki
Tipografía
  la Internet es 95% tipografía




                   me@josekusunoki.com |   @jkusunoki
DD. vs PP.
     nosotros también podemos hablar chino




• XHTML
• CSS
• jQuery
• Frameworks
• Wireframes
                          me@josekusunoki.com |   @jkusunoki
DD. vs DD.
    el peor enemigo de un diseñador es otro diseñador




• Tamaño vs. ancho de columnas
• Interlineado
• Serif o sans-serif
• Cómo se suavizará la tipografía
                               me@josekusunoki.com |    @jkusunoki
Color
otra forma de encaminar la vista del usuario




                        me@josekusunoki.com |   @jkusunoki
Qué recomiendo

• Buen contraste
• Sólida paleta de color
• Identificar tus puntos visuales
• Trazar la ruta usando color
                  me@josekusunoki.com |   @jkusunoki
Composición
nada mejor que el orden y las matemáticas para potenciar la creatividad




                                      me@josekusunoki.com |         @jkusunoki
1. Grillas

     me@josekusunoki.com |   @jkusunoki
2. Grillas

     me@josekusunoki.com |   @jkusunoki
y por último




        me@josekusunoki.com |   @jkusunoki
3. Grillas

     me@josekusunoki.com |   @jkusunoki
Tendencias
 de nada te servirá inventar el agua tibia




                        me@josekusunoki.com |   @jkusunoki
De qué va esto
• Navega, navega y navega
• Sé curioso
• No uses, interpreta
• Receptor primero, luego emisor
                me@josekusunoki.com |   @jkusunoki
Reflexiones

     me@josekusunoki.com |   @jkusunoki
Diseño no es arte, es
   comunicación

           me@josekusunoki.com |   @jkusunoki
Diseñar me hizo
mejor periodista

        me@josekusunoki.com |   @jkusunoki
Diseñar me hizo
mejor comunicador

         me@josekusunoki.com |   @jkusunoki
El medio es el
   mensaje
  y tú que te burlabas de McLuhan




                    me@josekusunoki.com |   @jkusunoki
El futuro es cada vez
   más inmediato

           me@josekusunoki.com |   @jkusunoki
Un comunicador
diseña información

         me@josekusunoki.com |   @jkusunoki
Tomorrow never knows


          me@josekusunoki.com |   @jkusunoki
gracias.


    me@josekusunoki.com |   @jkusunoki

More Related Content

Viewers also liked

Móntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horasMóntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horas
Iñaki Arenaza
 

Viewers also liked (11)

Introducción a la web
Introducción a la webIntroducción a la web
Introducción a la web
 
Wireframes y diseño web
Wireframes y diseño webWireframes y diseño web
Wireframes y diseño web
 
Clase Práctica Wireframes
Clase Práctica WireframesClase Práctica Wireframes
Clase Práctica Wireframes
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011
 
Introducción a los Wireframes
Introducción a los WireframesIntroducción a los Wireframes
Introducción a los Wireframes
 
02 introducción al diseño web
02 introducción al diseño web02 introducción al diseño web
02 introducción al diseño web
 
Cómo crear una tienda online en wordpress
Cómo crear una tienda online en wordpressCómo crear una tienda online en wordpress
Cómo crear una tienda online en wordpress
 
SEO para WooCommerce (WordPress)
SEO para WooCommerce (WordPress)SEO para WooCommerce (WordPress)
SEO para WooCommerce (WordPress)
 
Móntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horasMóntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horas
 
Taller de Prototipos #DAIEU15 - Clase 02
Taller de Prototipos #DAIEU15 - Clase 02Taller de Prototipos #DAIEU15 - Clase 02
Taller de Prototipos #DAIEU15 - Clase 02
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 

Recently uploaded

140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
meloamerica93
 

Recently uploaded (20)

Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 

Diseño web - UPC