Tendencias diseño web 2015

web Responsive
 

WEB ADAPTABLES

En esta era de tecnologías, cada día el modo de visualización de las páginas web cambia y es más frecuente hacerlo desde un móvil. Por eso mismo en 2015 que nuestras webs sean adaptables para todos los dispositivos, ordenador, tables, Smartphone, será casi obligatorio. De este modo el diseño de nuestra web tendrá una presentación óptima en los diferente tamaños de los dispositivos.
 

FLAT DESIGN Y LONG SHADOW

Elimina todos los efectos tridimensionales y deja paso a los elementos planos, simplificando el uso de colores y tipografías obteniendo un resultado final minimalista. Las ventajas que esto tiene, es la facilidad de diseñar o incorporar el diseño adaptable a una web.

Junto con el flat design, viene dado de la mano un efecto llamado Long shadow, que provoca la sensación de profundidad sin perder la percepción de diseño plano. Se realiza mediante el uso de sombras planas alargadas, en un ángulo de 45 grados y se extienden hasta los bordes. Este estilo es maravilloso para crear marcas e iconos.

Flat Design

PARALLAX Y SCROLLING

Flat Design

Para darle un toque mas interesante a nuestras webs, muchos diseñadores utilizan el efecto parallax a las imágenes de fondo para que , mientras hacemos scroll, la imagen tenga un movimiento y una velocidad menos que el resto de la página.

TIPOGRAFÍA CON PERSONALIDAD

Adiós a las tipografías clásicas y aburridas. Los diseñadores cada vez están utilizando fuentes llamativas y personales para dar un toque de dinamismo a las páginas web.

Tipografía

HERO CONTRAATACA

El objetivo de los sliders es llamar la atención del usuario de la web, pero… ¿Hay algo mejor que una imagen a pantalla completa (hero) para atraer el interés del internauta? Incluso es compatible con los diseños adaptables y el estilo minimalista.

Imágenes agrandadas

ANIMACIONES EN HTML 5

Imágenes agrandadas

HTML 5 y CSS 3 nos aporta un montón de posibilidades para la realización de animaciones en nuestras webs. Podemos crear animaciones 2D y 3D con objetos vectoriales. CSS 3 nos permite, transformar las imágenes (estilo Photoshop) como la modificación de brillo, y efectos como desenfoque.

DISEÑO ATARJETADO

Esta composición nos permite exponer información variada en nuestra web, es interesante cuando las piezas de información tienen diferentes tamaños o longitud, o está formada por varios componentes. Este método es compaginable con el diseño adaptable ya que según el ancho de pantalla se visualizarán más o menos tarjetas.

Atarjetado

VIDEOS CONTRA TEXTO

Los textos desaparecen de las webs. La comunidad de diseñadores se ha dado cuenta que utilizando y posicionando adecuadamente los videos incrementa la duración de visitas en las webs, lo cual da un toque atractivo e incrementa la calidad de las visitas recibidas.

Videos vs Texto

PÁGINA ÚNICA

Ya que hoy en día se utiliza más el móvil para navegar, se ha diseñado páginas únicas para este tipo de dispositivos (sobre todo para Smartphone), ya que es mas fácil navegar por su contenido haciendo scroll, que por su menú a base de clics de ratón.

Más en esta categoría: