SlideShare una empresa de Scribd logo
1 de 102
Descargar para leer sin conexión
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS




                         Photoshop     www.wireframe.cc
   Lapiz y papel
                         Illustrator   www.cacoo.com
   Cartulinas
                         Freehand      www.powermockup.com
   Posits
                         Power point   www.axure.com
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS




       100%            150%         200%    225%



       MDPI            HDPI        RETINA   XHDPI
     NO-RETINA


       20 PX           30 PX       40 PX    45 PX
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS




    NO-RETINA                      RETINA
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS




    NO-RETINA                      RETINA
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS




   http://teehanlax.com.s3.amazonaws.com/files/teehanlax_density_converter.html
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS




          http://browsershots.org/   http://www.browserling.com/
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS




    http://screenqueri.es/               http://resizemybrowser.com/

    http://mattkersley.com/responsive/   http://www.responsinator.com/
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS
Maquetación en los nuevos medios
BLAS HERNÁNDEZ PERIS

Más contenido relacionado

Más de MASmedios com

Curso SEM 2013. Publicidad en Adwords
Curso SEM 2013. Publicidad en AdwordsCurso SEM 2013. Publicidad en Adwords
Curso SEM 2013. Publicidad en AdwordsMASmedios com
 
Marketing de contenidos
Marketing de contenidosMarketing de contenidos
Marketing de contenidosMASmedios com
 
Cross Content Marketing para la Industria Cultural
Cross Content Marketing para la Industria CulturalCross Content Marketing para la Industria Cultural
Cross Content Marketing para la Industria CulturalMASmedios com
 
Optimización onpage y offpage
Optimización onpage y offpageOptimización onpage y offpage
Optimización onpage y offpageMASmedios com
 
SEM y publicidad en buscadores
SEM y publicidad en buscadoresSEM y publicidad en buscadores
SEM y publicidad en buscadoresMASmedios com
 
Curso Introducción Redes Sociales 2ª ed.
Curso Introducción Redes Sociales 2ª ed.Curso Introducción Redes Sociales 2ª ed.
Curso Introducción Redes Sociales 2ª ed.MASmedios com
 
Introducción a las Redes Sociales 2011
Introducción a las Redes Sociales 2011Introducción a las Redes Sociales 2011
Introducción a las Redes Sociales 2011MASmedios com
 
Curso Reputación Online
Curso Reputación Online Curso Reputación Online
Curso Reputación Online MASmedios com
 
Arte y videojuegos videogames design 2011
Arte y videojuegos videogames design 2011Arte y videojuegos videogames design 2011
Arte y videojuegos videogames design 2011MASmedios com
 
Curso SEO para ISCIII
Curso SEO para ISCIIICurso SEO para ISCIII
Curso SEO para ISCIIIMASmedios com
 
Innovacion tecnológica en pymes
Innovacion tecnológica en pymesInnovacion tecnológica en pymes
Innovacion tecnológica en pymesMASmedios com
 
Tendencias de comunicación & social media en 2011
Tendencias de comunicación & social media en 2011Tendencias de comunicación & social media en 2011
Tendencias de comunicación & social media en 2011MASmedios com
 
realidad aumentada en packaging
realidad aumentada en packaging realidad aumentada en packaging
realidad aumentada en packaging MASmedios com
 
Cultura digital en la red, Cultura 2.0
Cultura digital en la red, Cultura 2.0Cultura digital en la red, Cultura 2.0
Cultura digital en la red, Cultura 2.0MASmedios com
 

Más de MASmedios com (14)

Curso SEM 2013. Publicidad en Adwords
Curso SEM 2013. Publicidad en AdwordsCurso SEM 2013. Publicidad en Adwords
Curso SEM 2013. Publicidad en Adwords
 
Marketing de contenidos
Marketing de contenidosMarketing de contenidos
Marketing de contenidos
 
Cross Content Marketing para la Industria Cultural
Cross Content Marketing para la Industria CulturalCross Content Marketing para la Industria Cultural
Cross Content Marketing para la Industria Cultural
 
Optimización onpage y offpage
Optimización onpage y offpageOptimización onpage y offpage
Optimización onpage y offpage
 
SEM y publicidad en buscadores
SEM y publicidad en buscadoresSEM y publicidad en buscadores
SEM y publicidad en buscadores
 
Curso Introducción Redes Sociales 2ª ed.
Curso Introducción Redes Sociales 2ª ed.Curso Introducción Redes Sociales 2ª ed.
Curso Introducción Redes Sociales 2ª ed.
 
Introducción a las Redes Sociales 2011
Introducción a las Redes Sociales 2011Introducción a las Redes Sociales 2011
Introducción a las Redes Sociales 2011
 
Curso Reputación Online
Curso Reputación Online Curso Reputación Online
Curso Reputación Online
 
Arte y videojuegos videogames design 2011
Arte y videojuegos videogames design 2011Arte y videojuegos videogames design 2011
Arte y videojuegos videogames design 2011
 
Curso SEO para ISCIII
Curso SEO para ISCIIICurso SEO para ISCIII
Curso SEO para ISCIII
 
Innovacion tecnológica en pymes
Innovacion tecnológica en pymesInnovacion tecnológica en pymes
Innovacion tecnológica en pymes
 
Tendencias de comunicación & social media en 2011
Tendencias de comunicación & social media en 2011Tendencias de comunicación & social media en 2011
Tendencias de comunicación & social media en 2011
 
realidad aumentada en packaging
realidad aumentada en packaging realidad aumentada en packaging
realidad aumentada en packaging
 
Cultura digital en la red, Cultura 2.0
Cultura digital en la red, Cultura 2.0Cultura digital en la red, Cultura 2.0
Cultura digital en la red, Cultura 2.0
 

Último

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 

Último (12)

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 

Maquetacion en los nuevos medios