Diseño web 2018
Debemos ir preparándonos para el 2018. Por ello te contamos todas las tendencias y predicciones en diseño web para el próximo año 2018. ¿Qué estas esperando para darle un lavado de cara a tu página web?
Se Responsive
Sea exagerado o no, el porcentaje de visitas a páginas web que se realizan desde dispositivos móviles, aumenta exponencialmente día a día, como bien sabemos desde los últimos años. Por este motivo, el 2018 marcará un antes y un después en cuanto a que será “obligatorio” que nuestra web sea responsive. Responsive Design es una técnica que permite que el contenido de nuestra web presente de forma óptima en dispositivos de cualquier tamaño, tal y como se aprecia en la imagen anterior.
Flat design
El flat desing elimina todo tipo de efectos tridimensionales creando elementos planos. Además, simplifica el uso de colores y tipografías obteniendo un diseño final minimalista. Todo esto tiene una serie de ventajas, como facilidades a la hora de diseñar o integrar el diseño con una web responsive ya que es más fácil re-dimensionar objetos con fondos planos. Algunos opinan que el nuevo Material Design de Google es una variación y evolución de Flat design.
Hero vs sliders
El objetivo de los slides de imágenes era captar la atención pero… ¿que mejor que una imagen a pantalla completa (denominada comúnmente hero) para hacerlo? además es totalmente compatible con diseño Responsive y Flat Design.
Tipografías con personalidad
2018 será el año en el que diremos adiós a las tipografías aburridas. Cada vez más diseñadores utilizan fuentes no estándar para dar un toque diferente a las páginas web. En gran medida, esto es gracias a la mayor disponibilidad de tipografías disponibles al alcance de cualquier diseñador.
Tarjetas
Son una manera práctica de mostrar información heterogénea, útil cuando cada pieza de información tiene diferente tamaño o longitud, o está formada por diferentes componentes. Este método es compatible con el diseño responsive ya que dependiendo del ancho de pantalla se mostrarán más o menos tarjetas.
Botones ghost
Este tipo de botones sigue el estilo minimalista, además, se combina muy bien con las imágenes hero, mencionadas anteriormente.
Video vs texto
¿Porque leer el libro si podemos ver la película? La comunidad de diseñadores se está dando cuenta que los vídeos bien utilizados aumentan la duración de las visitas a las webs, lo que lo hace una forma atractiva de mejorar la calidad de las visitas recibidas.
Sitios one-page
Por lo general se adopta este tipo de diseño para hacer más fácil la navegación en móviles, ya que en este tipo de dispositivos (sobre todo en smartphones) es más fácil acceder al contenido haciendo scroll, que navegando por el menú a base de clics de ratón.
Parallax y scrolling
Si bien a veces puede resultar un poco sobrecargado de movimiento, muchos diseñadores aplican el efecto parallax a las imágenes de fondo para que, mientras hacemos scroll, estas imágenes se vayan moviendo a una velocidad menor que el resto de la página. Esto nos da una sensación de profunidad interesante. De todas formas, hay que tener mucho cuidado con esta técnica ya que puede sobrecargar un poco el diseño de la página y distraer al usuario del resto del contenido.
Animaciones HTML 5
HTML 5 y CSS 3 nos aportan una gran variedad de instrucciones para realizar cualquier tipo de animación en nuestra web. Podemos realizar animaciones con objetos vectoriales en 2D o 3D. CSS 3 nos permite además, realizar operaciones sobre imágenes (estilo Photoshop) como modificar el brillo, y efectos como desenfoque. Puedes ver algunos ejemplos.
