Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Tema 15 al 21 diseño de espacio
Next
Download to read offline and view in fullscreen.

3

Share

Download to read offline

16 Tendencias de diseño grafico & web para 2016

Download to read offline

Consejos y tendencias de diseño online para negocios y marcas. Diseño material, modular y responsivo, ilustraciones a mano, etc.

Related Books

Free with a 30 day trial from Scribd

See all

16 Tendencias de diseño grafico & web para 2016

  1. 1. 16 tendencias de diseño gráfico y web para 2016
  2. 2. 1 En 2016, el diseño gira en torno al usuario. La Experiencia de usuario (UX) es la reina. A nadie le importará qué tan genial sea tu diseño, a menos que el mismo sea usable. Tu negocio en Internet no crecerá si no tomas en cuenta la experiencia del usuario. Tu sitio web debe cargarse rápido y ser fácil de usar. La velocidad de carga de las páginas es una cuestión muy importante. Cuando el tiempo de carga de tu página web aumenta en un segundo, las ventas caen en un 27%. ● ● ● ● ● 1. Usabilidad
  3. 3. 2 Las páginas móviles ya se han convertido en las "primeras pantallas". Google literalmente está aplastando a aquellos sitios que no ofrecen una experiencia móvil. La experiencia de usuario para móviles es clave. Ocultar una función de escritorio para los usuarios móviles ya no es una solución aceptable. Si tus usuarios no pueden experimentar tu sitio web completamente mientras viajan en el metro, entonces debes revisar tu sitio web por completo. ● ● ● ● ● 2. Diseño Adaptable
  4. 4. 3 En el año 2016, el significado del diseño web adaptable va aún más allá. Ahora todo el diseño gráfico y el arte de tu página web tendrá que adherirse a las reglas del diseño web adaptable. Nada de un único formato o tamaño para todo. El mejor ejemplo de esto es el reciente rediseño de marca de Netflix. ● ● ●
  5. 5. 4 Las páginas web deberían adoptar unas cuantas cosas del diseño de apps (rapidez, cero distracciones, experiencia de usuario personalizada). Retira toda la información no esencial y deja que el usuario interactúe con tu contenido tan rápidamente como pueda. ● ● 3. Diseño web inspirado en las aplicaciones
  6. 6. 5 Algunas personas odiaban el menú hamburguesa o navicon que ya es omnipresente. Ahora dale la bienvenida a los menús inteligentes. Los menús de navegación ocultos que salen de la nada dependiendo de las acciones del usuario pronto serán la norma. Incluso si no podemos verlos todo el tiempo, la experiencia nos dice que todas las páginas web tienen un menú. Por eso no hay de qué preocuparse, el menú aparecerá cuando lo necesitemos. Los expertos predicen que los menús inteligentes/ocultos responderán al desplazamiento multidireccional. ● ● ● ● 4. Menús inteligentes
  7. 7. 6 A nadie le gusta leer un párrafo sumamente largo lleno de texto. El primer truco para dividir textos largos en la web es intentar redactar párrafos cortos. También puedes aplicar un enfoque modular en el diseño de tu página web. El diseño modular es una técnica donde todo se construye usando una matriz. Esto no significa un patrón aburrido, como un tablero de ajedrez. De hecho, puede ser exactamente lo contrario: patrones espontáneos que hagan más interesante lo que estamos leyendo en todo el sitio web. Imagen: Well Made Studio ● ● ● ● ● ● 5. Módulos y Texto Modular
  8. 8. 7 El scroll modular significa que cada módulo en un sitio web puede desplazarse por sí solo, independientemente de los otros módulos. Quizás ya los hayas visto (aunque a veces es difícil de notar) en sitios web con una barra lateral que no se desplaza a la misma velocidad que el contenido principal. Pero las cosas se pondrán aún más interesantes. Imagínate una página web dividida en dos columnas con scroll independiente, como puedes ver aquí. Todo empezó con el scroll infinito, una tendencia que pudiste haber notado en el año 2015. Algunos de los sitios más populares de la actualidad, tales como Pinterest, Twitter o Facebook, ya lo utilizan. ● ● ● ● 6. Scroll Infinito y Modular
  9. 9. 8 El scroll modular y el scroll infinito parten de la misma premisa: desplazarse hacia abajo es más fácil y más rápido que hacer clic y no interrumpe la experiencia del usuario al cargar una nueva página. La tasa de rebote de Time.com cayó 15 puntos porcentuales después de que adoptaran el scroll infinito (fuente). ● ●
  10. 10. 9 El diseño material se comenzó a adoptar ampliamente en el año 2015. Pero el diseño material es una tendencia que verás en sitios web, aplicaciones, arte, etc. Será adoptada masivamente en el año 2016. El diseño material dominará ese año. Verás estas sombras largas y sólidas prácticamente en todas partes. ● ● ● ● 7. Diseño Material
  11. 11. 10 El diseño material solucionó algunos de los problemas de usabilidad del diseño plano, pero eso no significa que está muerto. De hecho, el diseño plano también se hará más popular durante el año 2016. El público se ha ido acostumbrado a que menos es más cuando se trata de estilo visual debido a la implementación del diseño plano por parte de grandes marcas. Crédito de las imágenes: Brafton ● ● ● 8. Flat design
  12. 12. 11 El diseño plano tiene otra ventaja en el campo de la UX: los archivos de imagen pesan menos y no añaden tiempo al tiempo de carga de la página. Las directrices generales del diseño plano se extenderán ampliamente a las pequeñas empresas y al arte de los blogs en toda la web (los botones fantasma, por ejemplo). Al mismo tiempo, aquellos más avanzados en cuanto a tendencias de diseños pasarán al Flat 2.0, o Plano 2.0. ● ● ●
  13. 13. 12 100 millones de personas ven al menos un video al día. Los visitantes de los sitios web son 64% más propensos a hacer una compra después de ver un video. 80% de los usuarios recuerdan haber visto un anuncio en un video hasta 30 días después. 92% de los usuarios que ven videos en dispositivos móviles comparten el contenido con otros. ● ● ● ● 9. Storytelling visual
  14. 14. 13 Los seres humanos procesan los elementos visuales 60.000 veces más rápido que cuando leen las mismas ideas en textos. (Fuente). El diseño debe desempeñar una función de contenido; ya no será un mero compañero del texto que narra la historia. ● ●
  15. 15. 14 A todo el mundo le gusta una buena infografía, y sobre todo, nos encantan sus resultados: las infografías se comparten 3 veces más que cualquier otro contenido visual. ¿Qué tipo de infografía tendrá el mayor impacto en el 2016? Las infografías viejas y aburridas basadas en las mismas plantillas antiguas quedarán en el pasado. Colocar tres o cuatro viñetas y agregar unos iconos lindos ya no será suficiente. Es hora de mezclar las capacidades de narración de las infografías con el análisis profundo de las visualizaciones de datos. Las infografías y los grandes datos ahora van juntos de la mano. ● ● ● ● 10. Infografías
  16. 16. 15 Ahora que la tipografía se ha convertido en un elemento clave en cualquier estrategia de branding, el público se está acostumbrando a ver letras cada vez más artísticas. La tipografía es un lenguaje en sí. Hace años, sólo los diseñadores eran capaces de hablar ese idioma. Cada vez más personas tienen acceso a la tipografía hoy en día, gracias a la gama más amplia de fuentes web disponibles. En el 2016 reaparecerán las fuentes grandes, en cursiva y en mayúsculas para los logos y encabezados. Otra de las tendencias más grandes serán las tipografías que parecen ser hechas a mano. ● ● ● ● ● 11. Tipografías Originales
  17. 17. 16 El retro-moderno es genial. Comenzó como una tendencia en diseño de logos y ya está pasando al diseño web y al diseño gráfico. El retro significa algo un poco diferente ahora. El retro antiguo se refiere al retro a principios del siglo XX hasta los años 60. El retro-moderno se refiere a los primeros años de la era computacional: piensa en videojuegos antiguos, pixel art, celulares gigantes, Tron... ¡Todo lo que fue relevante en estilo visual entre finales de los años 70 y principios de los años 90 está de vuelta! ● ● ● ● 12. Retro-moderno
  18. 18. 17 Cuando se trata de colores, los años 80 serán la referencia. Prepárate para un mundo de pasteles brillantes y colores vivos. "Un lugar más feliz y soleado, donde somos libres para expresar una versión más inteligente de nosotros mismos", en las palabras del Informe Pantone de los Colores para la primavera del 2016. Los 10 principales colores para el año 2016 según Pantone son así: Hagas lo que hagas, no elijas un color aburrido y desteñido. Ya te lo advertimos. ● ● ● ● 13. Colores vivos
  19. 19. 18 El diseño en cuadrículas es un sistema fácil de poner en práctica para los diseñadores, y también fácil de usar y entender para los usuarios. Pero todas las tendencias tienen un lado malo, y los expertos también predicen que, como respuesta, habrá un aumento de formas libres. Son como las figuras geométricas, pero con irregularidades. Las figuras dibujadas a mano y con bordes rugosos son rasgos del neo-grunge, otra tendencia que ganará protagonismo en el 2016. ● ● ● ● 14. Cuadrículas y formas geométricas
  20. 20. 19 Las imágenes de stock son una de las cosas más aburridas y poco originales que puedes incluir en una página web. En el 2015 algunos sitios alternativos intentaron facilitar el acceso a imágenes stock de calidad en sus sitios. Todo el mundo terminó escogiendo las mismas fotos y podías encontrarlas por todos lados. No uses las imágenes de stock, tienes millones de alternativas. ● ● ● ● 15. ¡Muerte a las imágenes de stock!
  21. 21. 20 Por favor utiliza imágenes expresamente creadas para tu sitio web, bien sea por ti o por un profesional. ¿Por qué no intentas los dibujos hechos a mano? (Verás muchos de ellos en el año 2016). ¿O un gráfico personalizado? O mejor aún, ¿por qué no un video? ● ● ●
  22. 22. 21 Probablemente has visto muchas páginas web geniales que tienen fondos hechos con videos. La mayoría de ellas tardan bastante en cargar, pero eso cambiará una vez que entiendan que tienen que comprimir el video tanto como sea posible. El video reemplazará las imágenes en muchos sitios, no sólo en los fondos de páginas web. ● ● ● 16. Videos & GIF
  23. 23. 22 Vine y Snapchat nos han acostumbrado a ver videos cortos. Mantente alerta ante las fotos de perfil que ya no son fotos, sino un video corto. Sobre todo, mantente alerta ante la invasión de las GIF animadas. Facebook es el culpable de abrir la caja de Pandora y pronto estarán EN TODAS PARTES. ● ● ● ●
  24. 24. 23 ¿Qué te parece? ¿Crees que mis predicciones serán acertadas o no? Por favor dímelo en los comentarios.
  25. 25. 24 ¡Gracias! @ErnestoVisual ernestoolivares.es
  • tamnaForde

    Oct. 2, 2016
  • YerlinRodrguez

    Aug. 30, 2016
  • ernestoolivares

    Aug. 26, 2016

Consejos y tendencias de diseño online para negocios y marcas. Diseño material, modular y responsivo, ilustraciones a mano, etc.

Views

Total views

1,078

On Slideshare

0

From embeds

0

Number of embeds

21

Actions

Downloads

16

Shares

0

Comments

0

Likes

3

×