Creación Web

Inspiración y claves para un buen diseño Web

Tendencias Creativas 2015

Descubre la inspiración y claves para un buen diseño Web a través de las tendencias creativas según un estudio de Shutterstock. ¡Inspírate!

En este post encontrarás un resumen de información real y algunas claves para inspirarte y conseguir mejores diseños para tus webs o blogs.

¡Hoooola! ¿Qué tal está yendo esta semana? ¿Bien? ¡Seguro que si! Si es que las semanas se pasan rápidas, macachesenlamar. No me digas tu que no que no me lo creo.

Yo embarcado en mis cositas, haciéndolas y, sobre todo, súper contento de volver aquí, a este pequeño espacio contigo. Relajado y sonriente, pretendiendo arrancarte otra sonrisa aunque igual hoy … Ya lo veremos, ¿vale?

Además, quiero compartir contigo mi inquietud por lo visual, por las imágenes y el diseño y mi certeza en lo importante que es su impacto en tu Web y en tu blog. Por eso he creído que es muy importante lo que trataremos en este post y por eso también estaré encantado de leer tu opinión al respecto. ¿Vamos pues?

La infografía interactiva de Shutterstock

Cuando descubrí por primera vez esta infografía sobre las tendencias creativas en 2015, según los datos estadísticos de Shutterstock, sufrí “una especie de desdoble múltiple de hilos de pensamiento - piopíalo    ”. ¿Sabes a lo que me refiero? Como esos personajes  de dibujos que tienen la capacidad de clonarse y luego a ver a cuál vas a pegarle que seguro que ese no es y te la da por detrás. Pues así mas o menos.

Total que de la misma forma empecé a observar y digerir esas tendencias, tratando de conseguir inspiración e ideas para mejorar los diseños digitales que llevo a cabo en mi semana a semana (Pensamiento 01: no lo hago todos los días así que mejor decir Semana a semana y no “en mi día a día”) (Pensamiento 02: no sólo diseños web, sino también banners, Popups, etc..) y, captando una idea que me resultó súper interesante:

Haz tu infografía 100% interactiva con una Landing Page orientada a convertir. - piopíalo    

Powered by Vcgs-Toolbox

Hablaremos de ello más adelante, en un post que ya me he anotado pero creo que es bueno que te quedes con la idea: Ya que haces una infografía, que la parte de diseño la tienes cubierta, ¿por qué no convertirla en algo interactivo? ¿Por qué no acompañarla con llamadas a la acción y enlaces a contenido relevante? ¿Imaginas el potencial?

Ahí lo dejo, buscaré formas y herramientas para contártelo en otro post. Ahora, volvamos a las tendencias de diseño.

Las 3 claves de diseño para todo el mundo

Una de los aspectos que mas me han gustado de esta infografía y lo que le da título a este post son los 3 aspectos clave o tendencias en diseño a nivel global.

Me refiero a “lo que está de moda”, “lo que ahora entra por los ojos” o, dicho de otra forma, “lo que ahora es una apuesta segura para agradar por los ojos”. Amos, lo que llevan los chicos de MYHYV en las camisetas (que, por cierto, el labrador me cae igual de mal que cuando le ví por primera vez de Gandía Shore):

  • Fondos difuminados. El auge de los diseños de una sola columna para favorecer el uso en móviles, fondos a pantalla completa detrás del texto y efectos como el Paralax son, a mi humilde opinión, los culpables de que los fondos con imágenes difuminadas o desenfocadas estén tan de moda. Y es que la mejor manera de conseguir fondos que sean impactantes y a la vez no imposibiliten la lectura del texto es usando esta técnica.
  • Lineal y sencillo. Los trazos lineales y sencillos, la iconografía simple y los pictogramas (que me creo que es lo mismo, ¿no?), todo sobre fondos de un sólo color plano que puede variar entre un alto contraste o tonos pastel sigue en auge y no me extraña. Esto es algo que deja claro que por mucho que evolucionemos jamás escaparemos de una verdad única: todo es cíclico. ¡Tooooma ya! Perdona pero es que con un párrafo así es para levantarse y darse dos volteretas como en plan “acho que culto que soy pijico”.
  • Perspectivas únicas. La comunicación es cada vez más personal y directa y, en lo referente a la imagen, también está pegando fuerte. El uso de imágenes con perspectivas “en primera persona” está bastante de moda y, aunque yo no es que sepa mucho, creo que conectan mucho más con quien las ve. Por ejemplo, no dice “mira que zapatillas tiene ese tío buenorro de la foto” sino más bien “mira que chulas se te verían estas zapatillas y mira ya de paso que pantorrillas más marcadas se te han puesto”. ¿Me sigues? Utilizar este tipo de imágenes conecta más. Creo, porque en la selección también aparecen otras “perspectivas únicas” o “raras” por así decirlo. Amos, que mi párrafo ha quedado bien pero se entiende mejor si se ve la selección…

Combinando estas tres técnicas en tu diseño web o aplicando una de ellas en tus infografías, banners, popups o demás habrás sumado puntos extra. ¡Fijo que si!

Perspectiva unica

Las tendencias en diseño que están pegando fuerte.

Pero, además, pude encontrar 5 tendencias gráficas que están pegando mucho y que sinceramente me parecen chulísimas para recurrir a ellas cuando no tienes claro cómo abordar un diseño.

  • Exposure. También conocida como “doble exposición”, es una técnica que combina dos imágenes en una única. Lo más común es una imagen que encierra a otra aunque, en realidad, hay tantas combinaciones y obras de arte que te puedes pasar horas y horas inspirándote. Es muy espectacular y en muchos sitios lo definen como “poesía no verbal” porque suele despertar emociones que son difíciles de expresar con palabras.
  • Hipster. Yo esto no se cómo definirlo pero es algo así como “alternativo” o podríamos decirlo como “con mucha personalidad”. Igual tu me puedes echar una mano en la definición pero el caso es que está muy pero que muy de moda esta cultura y, como no podría ser de otra forma, su estilo peculiar se ve reflejado en las tendencias de diseño.
  • Low Poly. Amos, que hace un añito me encontré mi vieja Atari por ahí en un cajón y la tiré a la basura pensando que para qué me iba a servir y resulta que ahora los diseños van a ese estilo. ¡Si es que no puede ser! Esta técnica es, cuando menos, curiosa y bonita. Consiste en pixelar de forma elegante objetos o fotografías en 3D dándoles un aspecto visual súper curioso. Una pasada.
  • Long Shadow. La primera vez que vi esta técnica no caí en qué consistía pero lo cierto es que ahora se usa bastante y su efecto, en determinadas circunstancias, es mucho más de lo que parece. Consiste en hacer una sombra plana a un objeto tan larga que salga de su contenedor. Digamos que esa es la técnica pero, en realidad, lo que se consigue es que la sombra forme parte del elemento gráfico y mola mucho. Eso también.
  • Zentangle. Yo no se tu, pero yo en clase de historia en el insti me liaba a hacer trazos, cuadrados, triángulos, unos con otros, a veces un círculo, ¿qué leñes está diciendo este pasmao sobre Carlos cuánto?, sin rumbo, dos líneas más, sin delimitarlos … Leñe, y al final se quedaba algo que parecía incluso chulo. ¿no te ha pasado alguna vez a ti? Pues ese es el concepto base de un Zentangle o dibujo basado en patrones repetitivos. Se consiguen imágenes bastante chulas también, que resultan impactantes.

Gracias a la sugerencia de LuisoN de Webcolor.es, he decidido hacer esta infografía que puedes compartir en tus redes sociales y que sirve de ejemplo de estas 5 tendencias:

Infografia Tendencias Creativas 2015

Aquí puedes ver un ejemplo de las 5 tendencias

Conclusiones

¡Ya vamos acabando! ¿Sabes? El diseño es muy importante y el impacto visual también. Cuando diseñas o cuando simplemente escribes. En cualquier blog, Web o incluso, si me permites el atrevimiento, cuando haces la lista de la compra, si puedes darle algo de color, pos dáselo.

Es algo a lo que yo intento prestarle bastante atención en mi día a día y para lo que mi creatividad está limitada, si te soy sincero. Por eso es por lo que intento nutrirme de estudios y miro muchas fotografías y tendencias, para alimentar y potenciar mi “estilo” (que tengo menos que el vendedor con pajarita de Platería, combinando cuadros rojos con rallas azules).

De ahí que te haya dejado esta referencia a la Infografía publicada por Shutterstock de la que puedes sacar ideas y conclusiones.

Ahora dime tú. ¿Crees que la imagen es tan importante como digo? ¿Conocías la idea de convertir una infografía en una página interactiva? ¿Conocías estas técnicas y tendencias de las que te hablo? ¿Cuál es tu preferida? ¿Qué crees que pasaría si Labrador fuese a un programa tipo “Saber y Ganar”?

Acerca del autor

Víctor Campuzano

Growth Hacker no soy, pero lo vivo. De mi blog no vivo, pero aquí si que soy como soy. Marketing Digital, Creatividad y Blogging con pasión y desenfado. Alumno del Postgrado de Growth Hacking por IEBS.

Ahora es tu momento

*

26 comentarios

  • Ahora se pueden hacer grandes maravillas, a mí me gusta mucho el difuminado. Queda bien siempre! 😀
    Visualmente impactan mucho y en según que proyectos es imprescindible despertar al usuario de su “letargo” al navegar.

    Por su nombre la verdad que no conocía casi a ninguna, a veces creo que el afán de etiquetarlo todo produce más desorden que orden.

    Pd: Labrador lloraría, como siempre… nenaza :p

    • Jajajajaja. Hola Eduard! 🙂

      Pues si, estoy de acuerdo contigo en lo del afán de etiquetarlo todo. Aunque, si necesitamos catalogarlo o reconocerlo habrá que ponerle nombre, ¿no?

      A mi también me gustan mucho los degradados y los utilizo mucho y, como bien dices, Labrador es mucho ladrador y no se cuánto mordedor … Jejejeje.

      Abrazos y gracias de nuevo por este comentario! 🙂

  • Pues la verdad, quizás es que soy miope perdido y a mi esto del diseño me trae bastante al pairo. Par mi las claves de una web son el contenido, luego que cargue rápido y sea sencilla de usar. Si hay fotos de hipsters, con fondos difuminados o mariposas bailando la macarena, me trae realmente al pairo… Pero ojo, es mi humilde opinión, que para gustos los colores.

    Y ya que estoy puesto, quizás habría que hacer pruebas A/B en web de diferentes sectores para ver si influye o no: webs de diseño, SEO, economía, etc.. y podremos deducir si el el diseño nos afecta a todos por igual -rollo Google- o Dios los cría y ellos se juntan.

    • Hola José!!

      Tus hues ahí, si señor, me gusta que expreses tu opinión tal cual. Y si, sólo es tu opinión, pero cuenta (y mucho) como la de todos.

      Yo no creo que a todos nos afecten las imágenes por igual, las estadísticas generalizan pero nadie es igual que nadie. Y tampoco creo que en todas las temáticas tenga el mismo efecto una imagen, por supuesto que no.

      Ahora bien, la estética y la imagen siempre afecta, en mayor o menor medida, porque la imagen es un recurso súper potente para despertar emociones (sobre todo en hombres, aunque no lo creas) y las emociones rigen el mundo.

      Abrazos crack y gracias por esta naturalidad con la que comentas! 🙂

  • Hola Víctor! No soy una experta en diseño y tampoco conozco esos conceptos, al menos no todos. Un buen diseño es importante pero tiene que ir acompañado de un buen Copy. Un diseño por si sólo no vende tiene que haber algo más.. Es cómo cuando conociste a tu mujer. algodonEs tiene que atraer pero tiene que haber algo más. No le resto para nada importancia al diseño pero hay un dicho popular que tenemos muy asumido “Una imagen vale más que 1000 palabras”. Esta afirmación no es del todo cierta cierta, depende que imagen y depende que palabras. Así que para mi el tándem perfecto es un buen diseño unido al poder de Copywriting.
    Como se nota que estoy haciendo el curso de Maider jejejeje. A todo esto, necesito ayuda con el diseño si sabes de alguien que me haga un diseño mejor que el de Maider ;). Ye broma. Del Copy me encargó yo. Como siempre muy útil
    Abrazos
    Silvia Cueto

    • Ey Silvia!! Jajajaja, eres lo más. Ten points para el comentario!

      Si estás haciendo el curso de Maï entonces estarás ante una metamorfosis positiva de tu “yo profesional”. Maï tiene esa cualidad de potenciar el desarrollo de las personas con talento. (¿Verdad que en una frase se puede decir mucho?).

      Estoy totalmente de acuerdo contigo, todo en el justo equilibrio y para nada considerar que las “verdades” son absolutas.

      Aun así, sigo pensando que la parte gráfica ayuda y mucho y es realmente importante.

      Pd. Cuando conocí a mi mujer sonó música y me temblaron las piernas. De eso hace ya 18 años y a lo largo de todo este tiempo nos ha quedado más que claro que no es una cuestión de exterior. La verdadera conexión es “por ser” y no “por lucir”.

      Abrazooooos! 🙂

  • Yo de diseño ando justico justico la verdad asi que poco podre aportar. Lo que si puedo ayudarte es a definir en que consiste la hipster (o haster, que me gusta mucho mas).

    Yo de haster tengo poco, pero colaboro con unas amigas que venden ropa de la que les gusta y casi puedo decir que he pillado el rollo.

    Es sencillo. Ropa antigua costumizada (en su defecto que parezca antigua), el pelo disitnto, ya sea el de la barba o el de la cabeza, filtro de instagram con efecto viejuno y sobre todo cara de mala hostia (lo de sonreir parece ser que no es nada haster)…

    Dicho esto todo en un tono de humor y sin pretender ofender a nadie 🙂

    • Jajajajaja. Graaaaacias por la aclaración Javi!! ¿Ves? Si es que al final lo que no controla uno lo suple otro. ¡Que bonito esto del blogging!

      Los haster son otra cosa, pero los hipster son como todo, los hay molones y no. Pero seguro que nadie se ofende con esa definición de broma que nos has dado. Faltaría más.

      Abrazos! 🙂

  • Teniendo en cuenta que cada vez se usa más el móvil, los diseños se acabarán adaptando a esas dimensiones.

    No creo que en un móvil se puedan apreciar muchos detalles de diseño. Pero el ‘botoncico de la acción’ no puede faltar. Y que esté muy próximo al dedo pulgar por si se dispara solo.

    • Hola #Jerby!

      Totalmente de acuerdo. Sobre todo en que en los móviles se intenta prescindir del fondo porque el contenido se ajusta para ocupar toda la pantalla. Y sobre todo tienes muchísima razón con el tema del pulgar y el botón de acción.

      Eso si, el impacto visual sigue teniendo mucho valor y en los móviles también. Con las pantallas de retina, las imágenes cobran aún más protagonismo.

      Abrazos! 🙂

  • Genial el artículo, como siempre. Me lo guardo en mi pocket para estudiarlo con más detenimiento.

    Yo la verdad es que desde la clase que tuvimos en #QuondosRecord sobre el uso de imágenes estoy tratando de innovar un poco con ellas. por ejemplo, en uno de mis blogs ene l que publico un recopilatorio semanal, en lugar de escribirlo todo y crear enlaces estoy creando imágenes de thinglink y poniendo en zonas determinadas el texto y los links. Y quiero preparar infografías iguales.

    Saludos.

    • Hola Fran!!

      Gracias por tus palabras. ¿Ves? Thinkglink se me había pasado por alto. ¡Menudo descubrimiento! Jajajajaja. Palmas para ti por todo el valor que me aportas con este comentario.

      Y mucha suerte con tus experimentos con las imágenes.

      Abrazos!

  • Obviamente que un buen diseño te llama la atención en un primer momento, pero permaneces por el contenido. Yo, en general, soy de las de letra negra sobre fondo blanco y pocas florituras.
    No obstante, ni aunque fuera el mejor contenido del mundo, permanecería en un lugar en el que:
    -cuesta leer los artículos por el mal contraste entre fondo y letra
    -hay “cosicas” cayendo o moviéndose continuamente por la pantalla
    -hay demasiados anuncios emergentes
    En general, “pa’ gustos colores” y si no me molesta en la lectura, como si quieren poner un marciano verde de fondo, que juro que ni lo veo 😉
    ¿Quién es Labrador? He hecho una búsqueda en google y me sale el perro, pero como lo escribes con mayúscula inicial dudo que se trate de eso…

    • Jajajajaja. Ains, que no estamos puestos con la “tele basura”! Aquí tienes una búsqueda de labrador para que le veas la cara.

      En cuanto a lo que comentas, por supuesto que un buen diseño no lo es todo salvo que todo lo que quieras ofrecer sea diseño. Se trata de combinar detallitos y recursos para conseguir un “todo” que armonice, capte y enamore.

      Saludines!

  • Y dale con @CoreyFreeman. Tiene un perrito tan mono en la foto de perfil que al final me vas a convencer y me haré seguidora del muchachito 😀 😀 😀

  • Me viene como anillo al dedo. Ha llegado en el momento más oportuno. Gracias Victor, es estupendo.

  • Como tendencia de diseño, conocía Long Shadow, pero no Exposure ni Low Poly. LAs estudiaré porque me han gustado amas ideas.

    Gracias, un buen artículo! 😉

    • Hola Luis!! Si, la verdad es que yo tampoco las conocía muy bien pero ahora ya las tengo más o menos claras.

      He añadido una infografía en el post para que se vean los ejemplos, de acuerdo con tu genial sugerencia.

      Un saludo y millones de gracias! 🙂

  • Las imágenes sin contenido están vacías y viceversa. Complementarlas resulta tan difícil como encontrar a alguien que te oriente respecto a ello. Muchas gracias.

    • Hola Carmen!

      Estoy totalmente de acuerdo contigo. Siempre hay que combinar bien, de forma coherente y en su justa medida. Aunque es cierto que no es fácil encontrar la combinación perfecta, según el momento y lugar, tampoco es lo necesario.

      De verdad, muchas gracias por dejarme este comentario. Ya sabes dónde estoy, dónde estamos, para conectar y conversar siempre que quieras.

      Un saludo! 🙂

  • A mi la imagen me gusta mucho, pero de técnica poco la verdad, o mejor dicho nada de nada 🙁

    Por eso me gustan estos posts donde aprendo un montón de cosas que puedo utilizar o que definitivamente ni me animo a probarlo. Hasta en los comentarios 🙂 Ya veremos que pasa, pero seguimos en ruta de aprendizaje 🙂

    PD. ¿Te he dicho dónde estoy? Creo que si, un abrazo enorme y rezaré por ti este Shabat 🙂

    • Jajajaja. Que bueno Di, ahora creo que sé dónde estás o por lo menos me hago una idea. Jajaja. Ha sido muy bueno.

      Yo también adoro la imagen y adoro igualmente perder tiempo, mucho tiempo, haciendo cosas con las imágenes. No soy un experto, pero me gusta cantidad.

      Seguro que a ti te quedarán cosas muy chulas, que lo se yo y que podrás explotar estas técnicas en algunos de tus blogs.

      Abrazos! 🙂

  • Victor por fin he podido leerte y me quedo boba, que manera más fácil de ponerse al día en lo que esta de moda…
    Gracias, gracias, para los que no estamos muy puestos…

    Bueno yo por deformación profesional soy fiel a estas conclusiones:
    “el 90% de lo que recordamos se basa en un impacto visual, “las imágenes se viralizan mucho más que los textos” (E.Punset), ahora eso si bien utilizadas…creatividad, calidad, etc…

    Me gusta, me gusta:
    “Lineal y sencillo. Los trazos lineales y sencillos, la iconografía simple y los pictogramas”…totalmente de acuerdo con esta tendencia…como decía Jobs “mantén el diseño simple, y cuando lo logres, simplifícalo más”.

    Victor un complemento perfecto sería hablar de la tipografía que está de moda acompañando a estas claves para triunfar seguro y estar a la última.

    Gracias por avisar…que me lo pierdo todo…

    • Hola Juana!!

      Si es que adoro cuando decides comentar en mi blog. Si todos los días me regalas algún gesto “de los tuyos” en la oficina, todavía te sobra generosidad para pasarte por aquí y aportar un montón. Eres lo más!!

      Tu sugerencia de la tipografía me ha gustado mucho. De hecho, como se que tu sabes un montón de tipografía y yo eso lo llevo algo pez … ¿Aceptas mi invitación a publicar un post en mi blog? Para mí sería un auténtico honor!

      Los abrazos te los doy mañana en la ofi.

      Nota para el resto de lectores: Juana es mi compañera en la Agencia. Diseñadora desde antes de que existiese Adobe. Una mákina.

      Abrazos de nuevo! 🙂

Uso de cookies

Esta web utiliza cookies propias y de terceros, como Google Analytics, para optimizar su navegación y realizar tareas de análisis y las pertenecientes a WordPress. Advierto que si continuas navegando, aceptas su uso. Puede cambiar la configuración, desactivarlas u obtener más información.

ACEPTAR