<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1577323492557160&amp;ev=PageView&amp;noscript=1">

El centro de desarrollo de los profesionales del marketing

14 de marzo, 2017

13 Tendencias de diseño web que marcarán el año 2017

Escrito por | @

El mundo del diseño web está en constante evolución.

Lo que ayer parecía moderno e innovador de repente puede parecer obsoleto, e igualmente las tendencias que parecían haber desaparecido para siempre pueden volver a estar de moda contra todo pronóstico. 

Queremos que estés preparado para lo que depare el mundo del diseño web en 2017. Es por eso que hemos recopilado una lista de 13 tendencias que no debemos perder de vista durante este año. Échales un vistazo e inspírate para llevar a cabo tus proyectos de diseño web de este año con mucho estilo.

<< Sigue estos 10 pasos para rediseñar tu página web >>

13 tendencias de diseño web que marcarán el año 2017

1) Tipografía audaz

Cada vez son más las empresas que utilizan una tipografía grande y llamativa para presentar sus páginas principales. Este estilo funciona mejor cuando el resto de la página tiene una apariencia minimalista e inmaculada, como en el siguiente ejemplo de la agencia francesa Big Youth

Página-principal-Big-Youth

2) Cinemagrafías

Las cinemagrafías son videos o GIFS de alta calidad que se reproducen de manera continua y fluida. Han ganado popularidad como una manera de agregar movimiento y atractivo visual a páginas estáticas. La visualización continua en pantalla completa, como la que vemos en este excepcional ejemplo de la agencia danesa CP+B Copenhagen, logran captar la atención de los visitantes durante más tiempo. 

Cinemagrafía-CP+B

3) Composiciones experimentales

Con el objetivo de destacar en un océano de meticulosos diseños demasiado perfectos, algunos diseñadores están optando por estructuras más eclécticas. El director de diseño Will Geddes nos muestra ejemplos de su trabajo con este innovador collage de imágenes superpuestas. 

Composición-Will-Geddes

4) Degradados de colores vivos

El efecto de degradado caleidoscópico ha vuelto pisando fuerte. La agencia Y7K, ubicada en Zúrich, nos brinda un ejemplo perfecto de cómo lograr que este efecto de degradé con dos tonalidades que abarca toda la pantalla de su página principal otorgue una apariencia moderna e innovadora. 

Degradado-Y7K

5) Capas de colores vivos

Las capas de color apiladas y escalonadas añaden profundidad y textura a un diseño gráfico de sitio web simple, tal como se observa en este moderno ejemplo del equipo de Melissa Meio-Fio, original de São Paulo. 

Capas-colores-Melisa-Meio-Fio

6) Texto simple y directo

Algunos sitios web han optado por sacar las imágenes y secciones de navegación destacadas, y las han reemplazado con apenas unas líneas de texto directo que contienen información sobre la empresa para sus visitantes.

La agencia danesa B14 usa su propia página principal para describir en pocas palabras la misión de la empresa e incluir enlaces a muestras de su trabajo. Se trata de un enfoque moderno y ligero para presentar la información. 

Página-principal-B14

7) Ilustraciones

Cada vez más empresas contratan ilustradores y diseñadores gráficos para crear ilustraciones personalizadas para sus sitios web. Tras años de diseños planos y minimalistas, añadir toques con ilustraciones a tu sitio es una excelente manera de dotarlo de un poco de personalidad, tal como vemos en este encantador ejemplo de NewActon (diseñado por la agencia digital australiana ED). 

Ilustraciones-página-principal-NewActon

8) Ultraminimalismo

Algunos diseñadores llevan el minimalismo a su máxima expresión y desafían las convenciones sobre la apariencia que debe tener un sitio web optando por mostrar solo lo estrictamente necesario. El sitio del diseñador Mathieu Boulet se basa en un par de opciones con enlaces que conducen a sus perfiles y su información en las redes sociales. 

Página-principal-minimalista-Mathieu-Boulet

9) Bitonalidad

Estos esquemas despojados de dos colores se muestran atractivos y contemporáneos, como en el ejemplo de Australian Design Radio.

Bitonalidad-Autralian-Design-Radio

10) Mezcla de texto horizontal y vertical

Abandonar las convenciones y colocar texto de manera vertical en lugar de horizontal en una página le añade originalidad. Observa este ejemplo del director Matt Porterfield, donde se mezclan alineaciones horizontales y verticales en una página que, de otro modo, nos parecería demasiado simple. 

Texto-vertical-horizontal-Matt-Porterfield

11) Formas y patrones geométricos

Las formas y los patrones extravagantes están cada vez más presentes en los sitios web, y dotan de un cierto atractivo a un entorno dominado por diseños planos y materiales. En su página principal, el estudio de diseño canadiense MSDS hace uso de letras atrevidas conformadas por patrones. 

Página-principal-MSDS

12) Diseño modular

El diseño modular sin duda seguirá presente en 2017. Es una fórmula infalible para crear sitios web organizados y accesibles que mantienen el interés de los visitantes. Este ejemplo del estudio de diseño Waaark le añade un toque extra al diseño modular: cuando colocas el cursor del ratón sobre los bordes que dividen los módulos, notarás un efecto de ondulaciones totalmente inesperado. 

Página-principal-Waaark

13) Texto e imágenes superpuestas

El efecto de texto que se superpone ligeramente con las imágenes ha ganado popularidad en los blogs y los portafolios. El director artístico independiente y desarrollador de interfaces Thibault Pailloux destaca el texto superpuesto con un subrayado colorido. 

Texto-imágenes-superpuestas-Thibault-Pailloux

¿Qué tendencias de diseño web crees que ganarán popularidad en 2017?

Certificacion Inbound

Temas: Diseño

Suscribirse

2 Comentarios

Te vamos a echar de menos! Hemos cerrado los comentarios para los posts antiguos, pero igualmente queremos saber lo qué piensas. Puedes hacer un Tweet en @HubSpotEspanol para hacernos comentarios.

2 Comentarios
X

Únete a más de 250,000 expertos que buscan crecer su empresa.

Aprende cada día de las nuevas tendencias, consejos y trucos sobre de Inbound. Suscríbete al blog de marketing abajo.