Otros 2 ejemplos de tendencias web 2017

Continuamos la entrada anterior de 3 ejemplos de tendencias del diseño web en 2017 y vamos a completarla con 2 características adicionales que están cobrando cada vez más protagonismo.

Efecto “glitch” o de señal cortada

web efecto glitch

Este efecto consiste en mostrar un efecto de señal cortada típico de las señales de vídeo. Logra conseguir un efecto dinámico y nos recuerda a estar interactuando con una TV y no solo con una web. Además, nos despierta un poco ese sentimiento “retro” que sigue estando de moda.

un ejemplo:

http://retrominder.tv/  (web con sonido)

Vídeo en bucle o imagen gif con movimiento

web efecto video

Consiste en tilizar el vídeo en bucle , sin sonido, como protagonista de la página de inicio, o bien utilizando como fondo de la misma página web, para otorgarle al igual que en el caso anterior  un mayor diamismo en contrapartida a las más tradicionales imágenes estáticas.

Es impactante para los primeros visitantes, y probablemente se logre un mayor impacto en la memoria de los usuarios que llegan a la web.

Un ejemplo:

http://www.veterinariasanfroilan.com

 

¿Qué es un logo vectorizado o una imagen vectorizada?

En algunos casos podemos encontrarnos un poco de confusión entre el vocabulario que para un profesional del diseño, de la rotulación o de la impresión puede resultar algo cotidiano pero que para un cliente que solicita los servicios de ese profesional le puede resultar desconocido en la mayoría de las ocasiones,

Uno de esos términos es el vector o “vectorizado”,  que se refiere a un gráfico (logotipo, isotipo, ilustración, etc.) representado con formas geométricas (lineas y curvas). Gracias a esto ese gráfico se puede re-dimensionar a cualquier medida, por muy grande que sea, sin perder nada de calidad, además de poder aplicarle cambios de color. También necesitarás “vectorizar” cualquier elemento que quieras utilizar en un plotter de corte de vinilos, para que pueda recortar esa imagen con la forma deseada. Una imagen formada por píxeles pierde resolución al ampliarse y no se puede manipular de la misma forma.

Los formatos más habituales de imágenes no vectoriales son .jpg, y .png, que serían el formato en el que se guardan las fotografías de píxeles normalmente.

Los formatos habituales de archivos “vectorizados” dependen del programa utilizado para realizar el vector, pero los más habituales son .pdf, .svg, .cdr (Corel) y .ai (Illustrator)

pixeles vector

En las fotografías anteriores podemos ver las diferencias. La imagen de la izquierda al aumentar su tamaño nos aparece “pixelada” ya que no tenemos el archivo “vectorizado”. Para no perder calidad habría que”vectorizarla” para que nos de como resultado una imagen mejor definida como la de la derecha, con el aumento de mano de obra y coste que puede conllevar.

Por ello recomendamos que siempre que se contrate el diseño de un logotipo, guardar el archivo “vectorizado” que el profesional diseñador os haya realizado, ya que a la hora de realizar otros trabajos de diseño, imprenta o rotulación ahorrará tiempo y dinero al no ser necesario realizar ese proceso de “re-dibujado” de nuevo.

Si te apetece leer nuestra publicación anterior sobre Tendencias sobre el diseño web en 2017 pulsa aquí: 3 tendencias sobre el diseño web 2017.

3 ejemplos de tendencias del diseño web en 2017

Para hacernos una idea, podemos basarnos en una continuación de la tendencia de 2016, observando la evolución del sector y viendo como cambian algunas de las páginas webs más visitadas, mientras podemos ver algunos puntos comunes que nos pueden indicar por donde “van los tiros” en el mundo del diseño web.

1- Diseños web y web-móvil muy similares

Las páginas web tienden cada vez más  a compartir un diseño para todos los dispositivos, no solo por la optimización de recursos de diseño, si no porque actualmente es mayor el acceso a internet desde dispositivos móviles que desde ordenadores,  por lo tanto los usuarios cada vez están más acostumbrados a la visión de la web desde este tipo de dispositivos. Algunos ejemplos son los menús “hamburguesa” (ese botón formado por líneas horizontales que permite desplegar los menús”)

menu hamburguesa

 

como podemos ver en esta web de ejemplo:

http://ddiaz.galdoo.com/

2- Uso de colores fuertes y brillantes

El color toma protagonismo.  Los tonos de las páginas web derivan cada vez más en utilizar colores fuertes y brillantes, combinándolos con sus gradientes, lo que permite unificar los distintos tonos y lograr contrastes  agradables y llamativos.

La web de spotify es un claro ejemplo:

https://spotify.ooo/#!/

Se consigue un efecto impactante también utilizando tonos más neutros, pero dejando un fuerte protagonismo al color:

http://marketing.galdoo.com/

 

3-Contenidos en una única página 

El diseño web “one-page” o en una sola página ya lleva mucho tiempo consolidándose. Puede ir o no acompañado de un menú fijo que se desplaza con nosotros según nos movemos por la web y cuyos botones simplemente se trasladan a una parte o sección de la misma.

ejemplo one page

puedes ver un ejemplo aquí:

http://trabecocinas.com/

http://grupo-bt.es/

Si os resulta interesante el contenido no dejéis de compartirlo y si lo deseas déjanos un comentario para que continuemos publicando artículos sobre esta temática.

 

Las primeras tarjetas de visita

La historia de las tarjetas de visita podría remontarse al siglo XV, donde aparecen los primeros registros en China y más tarde en Europa en el siglo XVII.

Inicialmente eran utilizadas por la aristocracia, con sus nombres inscritos en ellas y entregadas a sus sirvientes para que a su vez las enviaran a otros aristócratas para anunciar una visita o arreglar una cita, ya que no era apropiado aparecer sin previo aviso.

A su vez estos responderían enviando a sus propios sirvientes con su tarjeta de visita para confirmar la cita para la visita.

Poco a poco dejarían de ser un artículo solo para aristócratas y pasaría a tener la función actual de herramienta profesional o publicitaria.

tarjeta antigua