SlideShare una empresa de Scribd logo
Tendencias
en el
Diseño
Web2015
10
No me creo ningún gurú, ni un vidente del digital, tampoco he ido
recientemente a alguna sesión de ayahuasca, pero me gusta ser observador
y andar metido en internet viendo lo que se viene.
Es por eso que les dejo esta recopilación de estilos, tendencias, líneas
gráficas o como quieran llamarla, les aseguro que van a estar
muy presentes en este 2015.
Bueno, ahí se las dejo.
Si todo el mundo habla del diseño adaptable,
por qué no pensar que el logo también se adapte
según el dispositivo donde se ve.
Las grandes marcas ya lo hacen y debería ser un
must para tomar en cuenta en tus próximas webs.
LOGOS ADAPTATIVOS
La forma cómo mostramos el menú o nav de
las páginas webs va a cambiar. De hecho ya está
cambiando en muchas webs.
El usuario ya ha interiorizado que tres rayitas
en la parte superior de la pantalla significan
que cuando das clic ahí, las diferentes secciones
de la web van a aparecer desplegadas.
Y aprovechando esta situación y la tendencia
a simplificar el diseño, cada vez será más común
ver este tipo de menú en las webs.
MENÚS
El Lettering saltó al diseño web a lo grande, ya no
sólo lo verás en las pizarritas hipsters de los cafés
de barranco, sino en algún homepage o en una
simpática infografía web.
Y si bien el lettering requiere un poco de arte al
diagramar, también estará muy de moda el uso
de nuevas tipografías para diseñar y, sobre todo,
en un gran tamaño. Así se jerarquizará mejor
los títulos, captando la atención de los usuarios,
además de “limpiar” un poco el canvas :)
LETTERING Y TIPOGRAFÍAS
Una imagen vale más que mil palabras y es por eso
que la tendencia será sustituir contenido por
grandes imágenes.
La velocidad de internet anda cada día mejor,
así que aprovechemos y subamos imágenes que nos
genere comunicación visual de alto impacto.
imágenes gigantes
videos a pantalla completa
(sí, a fullscreen)
Si hace un par de años atrás alguien soltaba esta idea,
iba a ser visto con odio o con burla, por el maquetador
y programador.
Pero vamos, cada vez andamos mejor con las
conexiones de internet, y si bien no estamos como
“Volver al futuro 2” podemos plantear una web donde
usemos un fondo como video, top banners de videos
y, por qué no, una web enteramente hecha por un video
interactivo.
Sabemos que el 2014 despegó el estilo flat,
y para este 2015 sólo le queda volverse más popular.
Ojo, el volverse popular no significa exagerar
y malgastar este recurso. Como en todo diseño,
siempre debemos mantener el equilibrio,
composición y el uso de una correcta
diagramación.
Punto aparte lo del material design, que son
los lineamientos que google ofrece, no sólo para
diseñar apps en android, sino para diseñar webs
de todo tipo.
Es un diseño donde la profundidad, las superficies,
los bordes, las sombras y los colores juegan un papel
principal. Mucha atención, que dará que hablar.
FLAT Y MATERIAL DESIGN
más sobre material design:
http://goo.gl/TzUGbK
http://www.google.com/design/
Esto más que una tendencia es una obviedad.
Los usuarios de móviles y tabletas están marcando
el camino a seguir al momento de diseñar páginas
web y, por lo tanto, no es que haya que tener
en cuenta a estos usuarios , DISEÑAMOS PARA ELLOS.
Los usuarios de desktop ya son una minoría
y eso tenemos que aceptarlo. El hecho de que haya
diseñadores que todavía no piensen en
dispositivos móviles es, sin duda, sorprendente.
Y cuidadito, que ahí están llegando los relojes y
televisores inteligentes.
DISEÑO ADAPTABLE
(sí, el famoso responsive design)
¡Se acabaron los botones! Bueno, no tanto así,
pero cada vez se usarán MENOS clics para ver MÁS
información.
El diseño de páginas web con scrolls que parecen
infinitos y con efecto parallax son una tendencia
más o menos extendida desde hace un par de años.
En 2015 seguirán siendo el diseño preferido por
los usuarios, ya que son perfectas para navegar
en cualquier tipo de dispositivos.
Los contenidos de las webs se convertirán en
historia para contar, donde el scroll será el nuevo
pasar de página en página como en un cuento.
SCROLLING
(INTERACTIVE sTORYTELLING)
INFOGRAFÍAS INTERACTIVAS
(Webgraphic)
Para comprobar que las infografías están de moda,
basta con echar un vistazo a cualquier red social,
sobre todo a Twitter y Pinterest, donde se reproducen
literalmente como canchita popcorn.
Si tienes mucha data, mucha información, mucho qué
decir, las infografías son una grandiosa forma de
mostrarlas.
Son dinámicas, atractivas visualmente y podrás
ordenar todo lo que quieres decir sin saturar al usuario
sin mencionar el potencial viral que tienen.
No te extrañes que tu próxima infografía esté de
muestra en algún medio de prensa local (o
internacional).
menos es más
(Minimal design)
Seré breve, mira.
STRIKE HEREDIA
Director de Arte de Humano Media, creativo digital con más de 8 años de experiencia en el medio online.
Especializado en publicidad y medios digitales a través de interfaces y experiencia de usuarios (UI/UX) con
clientes en Perú, México y España. Entre las marcas más importantes en su portafolio están: Movistar,
Belcorp, Interbank, Motorola, Saga Falabella, Ripley, UPC, Nestlé, Cusqueña, Guaraná, entre otras.
.....................................................................................................................................................................................
artistagrafiko@gmail.com

Más contenido relacionado

Similar a Claudio Adrian Natoli - Tendencias en el diseño web 2015

Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
longyoealfsftu
 
3 dslideshare
3 dslideshare3 dslideshare
3 dslideshare
Celia Teresa Humire
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
Sarai Osorio Valdez
 
16 Tendencias de diseño grafico & web para 2016
16 Tendencias de diseño grafico & web para 201616 Tendencias de diseño grafico & web para 2016
16 Tendencias de diseño grafico & web para 2016
Ernesto Olivares
 
Tendencias en Diseño Web
Tendencias en Diseño WebTendencias en Diseño Web
Tendencias en Diseño Web
Abel Alvarez
 
Tendencias Front-end 2019
Tendencias Front-end 2019Tendencias Front-end 2019
Tendencias Front-end 2019
Juan Manuel Fernández Cuesta
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Sergio Thompson
 
5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web Responsivo5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web Responsivo
AntonRoMX
 
Ensayo
EnsayoEnsayo
Ensayo
EnsayoEnsayo
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
BenjaminBentez
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender Más
Alojate.com
 
Seo 2020, lo que no te puedes perder
Seo 2020, lo que no te puedes perderSeo 2020, lo que no te puedes perder
Seo 2020, lo que no te puedes perder
Oxígeno Digital SL
 
Agencia Publicidad
Agencia Publicidad
Agencia Publicidad
Agencia Publicidad
volatilekeeper137
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMX
Adan Avelar
 
Guia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de NetizenGuia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de Netizen
Digital Pymes
 
Taller 1 daniel bastidas y freire nelson
Taller 1 daniel bastidas y freire nelsonTaller 1 daniel bastidas y freire nelson
Taller 1 daniel bastidas y freire nelson
Nelson Freire
 
Responsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño avResponsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño av
AyerViernes
 
Responsive Design
Responsive Design Responsive Design
Responsive Design
Dámaris Sepúlveda Troncoso
 
Herramientas de presentaciones
Herramientas de presentacionesHerramientas de presentaciones
Herramientas de presentaciones
Jacqueline Santana
 

Similar a Claudio Adrian Natoli - Tendencias en el diseño web 2015 (20)

Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
Las Tendencias De Diseno Web Que Vamos a ver En dos mil quince
 
3 dslideshare
3 dslideshare3 dslideshare
3 dslideshare
 
Que es un diseño web
Que es un diseño webQue es un diseño web
Que es un diseño web
 
16 Tendencias de diseño grafico & web para 2016
16 Tendencias de diseño grafico & web para 201616 Tendencias de diseño grafico & web para 2016
16 Tendencias de diseño grafico & web para 2016
 
Tendencias en Diseño Web
Tendencias en Diseño WebTendencias en Diseño Web
Tendencias en Diseño Web
 
Tendencias Front-end 2019
Tendencias Front-end 2019Tendencias Front-end 2019
Tendencias Front-end 2019
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web Responsivo5 Ventajas de Crear un Sitio Web Responsivo
5 Ventajas de Crear un Sitio Web Responsivo
 
Ensayo
EnsayoEnsayo
Ensayo
 
Ensayo
EnsayoEnsayo
Ensayo
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
 
Consejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender MásConsejos Prácticos para Mejorar tu Web y Vender Más
Consejos Prácticos para Mejorar tu Web y Vender Más
 
Seo 2020, lo que no te puedes perder
Seo 2020, lo que no te puedes perderSeo 2020, lo que no te puedes perder
Seo 2020, lo que no te puedes perder
 
Agencia Publicidad
Agencia Publicidad
Agencia Publicidad
Agencia Publicidad
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMX
 
Guia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de NetizenGuia Definitiva del Mobile Marketing de Netizen
Guia Definitiva del Mobile Marketing de Netizen
 
Taller 1 daniel bastidas y freire nelson
Taller 1 daniel bastidas y freire nelsonTaller 1 daniel bastidas y freire nelson
Taller 1 daniel bastidas y freire nelson
 
Responsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño avResponsive Design - Taller de Diseño av
Responsive Design - Taller de Diseño av
 
Responsive Design
Responsive Design Responsive Design
Responsive Design
 
Herramientas de presentaciones
Herramientas de presentacionesHerramientas de presentaciones
Herramientas de presentaciones
 

Más de Claudio Adrian Natoli Michieli

Claudio Adrian Natoli Michieli - Introduccion a java
Claudio Adrian Natoli Michieli - Introduccion a javaClaudio Adrian Natoli Michieli - Introduccion a java
Claudio Adrian Natoli Michieli - Introduccion a java
Claudio Adrian Natoli Michieli
 
Diseño Web - Claudio Adrian Natoli Michieli
Diseño Web - Claudio Adrian Natoli MichieliDiseño Web - Claudio Adrian Natoli Michieli
Diseño Web - Claudio Adrian Natoli Michieli
Claudio Adrian Natoli Michieli
 
Diseño Web Para ONG - Claudio Adrian Natoli Michieli
Diseño Web Para ONG - Claudio Adrian Natoli MichieliDiseño Web Para ONG - Claudio Adrian Natoli Michieli
Diseño Web Para ONG - Claudio Adrian Natoli Michieli
Claudio Adrian Natoli Michieli
 
Responsive web design: reinventando el diseño web
Responsive web design: reinventando el diseño webResponsive web design: reinventando el diseño web
Responsive web design: reinventando el diseño web
Claudio Adrian Natoli Michieli
 
Claudio Adrian Michieli - Diseño ui / ux más que estética
 Claudio Adrian Michieli - Diseño ui / ux más que estética Claudio Adrian Michieli - Diseño ui / ux más que estética
Claudio Adrian Michieli - Diseño ui / ux más que estética
Claudio Adrian Natoli Michieli
 
Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...
Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...
Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...
Claudio Adrian Natoli Michieli
 
Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...
Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...
Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...
Claudio Adrian Natoli Michieli
 
Claudio Natoli - La iluminación en la fotografía
Claudio Natoli - La iluminación en la fotografíaClaudio Natoli - La iluminación en la fotografía
Claudio Natoli - La iluminación en la fotografía
Claudio Adrian Natoli Michieli
 
Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA
Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA
Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA
Claudio Adrian Natoli Michieli
 
Adrian Natoli - Intercambio comercial en Latinoamérica
Adrian Natoli - Intercambio comercial en LatinoaméricaAdrian Natoli - Intercambio comercial en Latinoamérica
Adrian Natoli - Intercambio comercial en Latinoamérica
Claudio Adrian Natoli Michieli
 
Adrian Natoli - Arpendiendo sobre Periodismo digital
Adrian Natoli - Arpendiendo sobre Periodismo digitalAdrian Natoli - Arpendiendo sobre Periodismo digital
Adrian Natoli - Arpendiendo sobre Periodismo digital
Claudio Adrian Natoli Michieli
 
Adrian Natoli Michieli - Historia de internet
Adrian Natoli Michieli - Historia de internetAdrian Natoli Michieli - Historia de internet
Adrian Natoli Michieli - Historia de internet
Claudio Adrian Natoli Michieli
 
Adrian Natoli Michieli - Guia internet para periodistas
Adrian Natoli Michieli - Guia internet para periodistasAdrian Natoli Michieli - Guia internet para periodistas
Adrian Natoli Michieli - Guia internet para periodistas
Claudio Adrian Natoli Michieli
 
Claudio Natoli - Etica y sensacionalismo en el periodismo digital
Claudio Natoli - Etica y sensacionalismo en el periodismo digitalClaudio Natoli - Etica y sensacionalismo en el periodismo digital
Claudio Natoli - Etica y sensacionalismo en el periodismo digital
Claudio Adrian Natoli Michieli
 
Claudio Adrian Natoli - Guia internet para periodistas
Claudio Adrian Natoli - Guia internet para periodistasClaudio Adrian Natoli - Guia internet para periodistas
Claudio Adrian Natoli - Guia internet para periodistas
Claudio Adrian Natoli Michieli
 
Adrian Natoli - One pager facebook recommended creatives
Adrian Natoli - One pager facebook recommended creativesAdrian Natoli - One pager facebook recommended creatives
Adrian Natoli - One pager facebook recommended creatives
Claudio Adrian Natoli Michieli
 
Claudio Natoli Michieli - Guía de administrador de anuncios de facebook
Claudio Natoli Michieli - Guía de administrador de anuncios de facebookClaudio Natoli Michieli - Guía de administrador de anuncios de facebook
Claudio Natoli Michieli - Guía de administrador de anuncios de facebook
Claudio Adrian Natoli Michieli
 
Claudio Adrian Natoli - Anuncios en facebook, guía de introducción
Claudio Adrian Natoli - Anuncios en facebook, guía de introducciónClaudio Adrian Natoli - Anuncios en facebook, guía de introducción
Claudio Adrian Natoli - Anuncios en facebook, guía de introducción
Claudio Adrian Natoli Michieli
 

Más de Claudio Adrian Natoli Michieli (18)

Claudio Adrian Natoli Michieli - Introduccion a java
Claudio Adrian Natoli Michieli - Introduccion a javaClaudio Adrian Natoli Michieli - Introduccion a java
Claudio Adrian Natoli Michieli - Introduccion a java
 
Diseño Web - Claudio Adrian Natoli Michieli
Diseño Web - Claudio Adrian Natoli MichieliDiseño Web - Claudio Adrian Natoli Michieli
Diseño Web - Claudio Adrian Natoli Michieli
 
Diseño Web Para ONG - Claudio Adrian Natoli Michieli
Diseño Web Para ONG - Claudio Adrian Natoli MichieliDiseño Web Para ONG - Claudio Adrian Natoli Michieli
Diseño Web Para ONG - Claudio Adrian Natoli Michieli
 
Responsive web design: reinventando el diseño web
Responsive web design: reinventando el diseño webResponsive web design: reinventando el diseño web
Responsive web design: reinventando el diseño web
 
Claudio Adrian Michieli - Diseño ui / ux más que estética
 Claudio Adrian Michieli - Diseño ui / ux más que estética Claudio Adrian Michieli - Diseño ui / ux más que estética
Claudio Adrian Michieli - Diseño ui / ux más que estética
 
Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...
Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...
Adrian Natoli Michieli - Paraguay¿Cómo utilizar Pinterest en nuestra estrateg...
 
Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...
Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...
Claudio Adrian Natoli Michieli - Paraguay - Como ser Blogger y no morir en el...
 
Claudio Natoli - La iluminación en la fotografía
Claudio Natoli - La iluminación en la fotografíaClaudio Natoli - La iluminación en la fotografía
Claudio Natoli - La iluminación en la fotografía
 
Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA
Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA
Claudio Natoli - HISTORIA CRONOLÓGICA DE LA FOTOGRAFÍA
 
Adrian Natoli - Intercambio comercial en Latinoamérica
Adrian Natoli - Intercambio comercial en LatinoaméricaAdrian Natoli - Intercambio comercial en Latinoamérica
Adrian Natoli - Intercambio comercial en Latinoamérica
 
Adrian Natoli - Arpendiendo sobre Periodismo digital
Adrian Natoli - Arpendiendo sobre Periodismo digitalAdrian Natoli - Arpendiendo sobre Periodismo digital
Adrian Natoli - Arpendiendo sobre Periodismo digital
 
Adrian Natoli Michieli - Historia de internet
Adrian Natoli Michieli - Historia de internetAdrian Natoli Michieli - Historia de internet
Adrian Natoli Michieli - Historia de internet
 
Adrian Natoli Michieli - Guia internet para periodistas
Adrian Natoli Michieli - Guia internet para periodistasAdrian Natoli Michieli - Guia internet para periodistas
Adrian Natoli Michieli - Guia internet para periodistas
 
Claudio Natoli - Etica y sensacionalismo en el periodismo digital
Claudio Natoli - Etica y sensacionalismo en el periodismo digitalClaudio Natoli - Etica y sensacionalismo en el periodismo digital
Claudio Natoli - Etica y sensacionalismo en el periodismo digital
 
Claudio Adrian Natoli - Guia internet para periodistas
Claudio Adrian Natoli - Guia internet para periodistasClaudio Adrian Natoli - Guia internet para periodistas
Claudio Adrian Natoli - Guia internet para periodistas
 
Adrian Natoli - One pager facebook recommended creatives
Adrian Natoli - One pager facebook recommended creativesAdrian Natoli - One pager facebook recommended creatives
Adrian Natoli - One pager facebook recommended creatives
 
Claudio Natoli Michieli - Guía de administrador de anuncios de facebook
Claudio Natoli Michieli - Guía de administrador de anuncios de facebookClaudio Natoli Michieli - Guía de administrador de anuncios de facebook
Claudio Natoli Michieli - Guía de administrador de anuncios de facebook
 
Claudio Adrian Natoli - Anuncios en facebook, guía de introducción
Claudio Adrian Natoli - Anuncios en facebook, guía de introducciónClaudio Adrian Natoli - Anuncios en facebook, guía de introducción
Claudio Adrian Natoli - Anuncios en facebook, guía de introducción
 

Último

Catalogo General Duscholux - Distribuidor Oficial Duscholux
Catalogo General Duscholux - Distribuidor Oficial DuscholuxCatalogo General Duscholux - Distribuidor Oficial Duscholux
Catalogo General Duscholux - Distribuidor Oficial Duscholux
AMADO SALVADOR
 
MATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docx
MATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docxMATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docx
MATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docx
JaviMauricio1
 
Ejemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdfEjemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdf
SofaCrdenas19
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
IzaakAzaga
 
Catalogo General Durstone Distribuidor Oficial Amado Salvador Valencia
Catalogo General Durstone Distribuidor Oficial Amado Salvador ValenciaCatalogo General Durstone Distribuidor Oficial Amado Salvador Valencia
Catalogo General Durstone Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdfLOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
BARBARAAMAYA4
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Soleito
 
mapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integradormapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integrador
Richard17BR
 
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitecturaEl Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
slaimenbarakat
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ruthyeimi937
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
LeonardoDantasRivas
 
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdfPLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
RaquelAntonella2
 
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdfAcceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
José María
 
3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.
3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.
3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.
FranciscoAlbertoPera
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
GuillermoAlejandroCh6
 
Mueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entornoMueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entorno
Artevita muebles
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
mantenimientofresita
 
Catálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdfCatálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdf
abimaelcornejo98
 
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptxSEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
CarlosDanielAlanocaT1
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
AlbertoGarcia461436
 

Último (20)

Catalogo General Duscholux - Distribuidor Oficial Duscholux
Catalogo General Duscholux - Distribuidor Oficial DuscholuxCatalogo General Duscholux - Distribuidor Oficial Duscholux
Catalogo General Duscholux - Distribuidor Oficial Duscholux
 
MATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docx
MATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docxMATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docx
MATRIZ DE LINEALIDAD MATEMÁTICA NIVEL SECUNDARIOOO.docx
 
Ejemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdfEjemplo de cálculo de losas continuas.pdf
Ejemplo de cálculo de losas continuas.pdf
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
 
Catalogo General Durstone Distribuidor Oficial Amado Salvador Valencia
Catalogo General Durstone Distribuidor Oficial Amado Salvador ValenciaCatalogo General Durstone Distribuidor Oficial Amado Salvador Valencia
Catalogo General Durstone Distribuidor Oficial Amado Salvador Valencia
 
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdfLOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
 
mapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integradormapa de macuspana tabasco por centro integrador
mapa de macuspana tabasco por centro integrador
 
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitecturaEl Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
 
El Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades LatinoamericanasEl Crecimiento Urbano de las Ciudades Latinoamericanas
El Crecimiento Urbano de las Ciudades Latinoamericanas
 
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdfPLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
PLAN CONTABLE GENERAL EMPRESARIAL (1).pdf
 
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdfAcceso y utilización de los espacios públicos. Comunicación y señalización..pdf
Acceso y utilización de los espacios públicos. Comunicación y señalización..pdf
 
3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.
3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.
3. PLANOS CONSTRUCTIVOS DE CASA COMUNAL.
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
 
Mueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entornoMueble Universal la estantería que se adapta a tu entorno
Mueble Universal la estantería que se adapta a tu entorno
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
 
Catálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdfCatálogo Simex 2020.....................................pdf
Catálogo Simex 2020.....................................pdf
 
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptxSEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
 

Claudio Adrian Natoli - Tendencias en el diseño web 2015

  • 2. No me creo ningún gurú, ni un vidente del digital, tampoco he ido recientemente a alguna sesión de ayahuasca, pero me gusta ser observador y andar metido en internet viendo lo que se viene. Es por eso que les dejo esta recopilación de estilos, tendencias, líneas gráficas o como quieran llamarla, les aseguro que van a estar muy presentes en este 2015. Bueno, ahí se las dejo.
  • 3. Si todo el mundo habla del diseño adaptable, por qué no pensar que el logo también se adapte según el dispositivo donde se ve. Las grandes marcas ya lo hacen y debería ser un must para tomar en cuenta en tus próximas webs. LOGOS ADAPTATIVOS
  • 4. La forma cómo mostramos el menú o nav de las páginas webs va a cambiar. De hecho ya está cambiando en muchas webs. El usuario ya ha interiorizado que tres rayitas en la parte superior de la pantalla significan que cuando das clic ahí, las diferentes secciones de la web van a aparecer desplegadas. Y aprovechando esta situación y la tendencia a simplificar el diseño, cada vez será más común ver este tipo de menú en las webs. MENÚS
  • 5. El Lettering saltó al diseño web a lo grande, ya no sólo lo verás en las pizarritas hipsters de los cafés de barranco, sino en algún homepage o en una simpática infografía web. Y si bien el lettering requiere un poco de arte al diagramar, también estará muy de moda el uso de nuevas tipografías para diseñar y, sobre todo, en un gran tamaño. Así se jerarquizará mejor los títulos, captando la atención de los usuarios, además de “limpiar” un poco el canvas :) LETTERING Y TIPOGRAFÍAS
  • 6. Una imagen vale más que mil palabras y es por eso que la tendencia será sustituir contenido por grandes imágenes. La velocidad de internet anda cada día mejor, así que aprovechemos y subamos imágenes que nos genere comunicación visual de alto impacto. imágenes gigantes
  • 7. videos a pantalla completa (sí, a fullscreen) Si hace un par de años atrás alguien soltaba esta idea, iba a ser visto con odio o con burla, por el maquetador y programador. Pero vamos, cada vez andamos mejor con las conexiones de internet, y si bien no estamos como “Volver al futuro 2” podemos plantear una web donde usemos un fondo como video, top banners de videos y, por qué no, una web enteramente hecha por un video interactivo.
  • 8. Sabemos que el 2014 despegó el estilo flat, y para este 2015 sólo le queda volverse más popular. Ojo, el volverse popular no significa exagerar y malgastar este recurso. Como en todo diseño, siempre debemos mantener el equilibrio, composición y el uso de una correcta diagramación. Punto aparte lo del material design, que son los lineamientos que google ofrece, no sólo para diseñar apps en android, sino para diseñar webs de todo tipo. Es un diseño donde la profundidad, las superficies, los bordes, las sombras y los colores juegan un papel principal. Mucha atención, que dará que hablar. FLAT Y MATERIAL DESIGN más sobre material design: http://goo.gl/TzUGbK http://www.google.com/design/
  • 9. Esto más que una tendencia es una obviedad. Los usuarios de móviles y tabletas están marcando el camino a seguir al momento de diseñar páginas web y, por lo tanto, no es que haya que tener en cuenta a estos usuarios , DISEÑAMOS PARA ELLOS. Los usuarios de desktop ya son una minoría y eso tenemos que aceptarlo. El hecho de que haya diseñadores que todavía no piensen en dispositivos móviles es, sin duda, sorprendente. Y cuidadito, que ahí están llegando los relojes y televisores inteligentes. DISEÑO ADAPTABLE (sí, el famoso responsive design)
  • 10. ¡Se acabaron los botones! Bueno, no tanto así, pero cada vez se usarán MENOS clics para ver MÁS información. El diseño de páginas web con scrolls que parecen infinitos y con efecto parallax son una tendencia más o menos extendida desde hace un par de años. En 2015 seguirán siendo el diseño preferido por los usuarios, ya que son perfectas para navegar en cualquier tipo de dispositivos. Los contenidos de las webs se convertirán en historia para contar, donde el scroll será el nuevo pasar de página en página como en un cuento. SCROLLING (INTERACTIVE sTORYTELLING)
  • 11. INFOGRAFÍAS INTERACTIVAS (Webgraphic) Para comprobar que las infografías están de moda, basta con echar un vistazo a cualquier red social, sobre todo a Twitter y Pinterest, donde se reproducen literalmente como canchita popcorn. Si tienes mucha data, mucha información, mucho qué decir, las infografías son una grandiosa forma de mostrarlas. Son dinámicas, atractivas visualmente y podrás ordenar todo lo que quieres decir sin saturar al usuario sin mencionar el potencial viral que tienen. No te extrañes que tu próxima infografía esté de muestra en algún medio de prensa local (o internacional).
  • 12. menos es más (Minimal design) Seré breve, mira.
  • 13. STRIKE HEREDIA Director de Arte de Humano Media, creativo digital con más de 8 años de experiencia en el medio online. Especializado en publicidad y medios digitales a través de interfaces y experiencia de usuarios (UI/UX) con clientes en Perú, México y España. Entre las marcas más importantes en su portafolio están: Movistar, Belcorp, Interbank, Motorola, Saga Falabella, Ripley, UPC, Nestlé, Cusqueña, Guaraná, entre otras. ..................................................................................................................................................................................... artistagrafiko@gmail.com