Las Tendencias 2018

en Diseño Web
del 1 al 10
Del 1 al 10
en Diseño web
1. Responsive Web Design
2. Scroll Web
3. Menús móvil
4. (Semi) Flat Design
5. Vídeo y multimedia
6. Cinemagraph

7. Botones Fantasma
8. Tipografías
9. Hero Design

10.Color: Gradient
1. Responsive web design o
Diseño adaptado
Adaptar nuestro sitio web a los móviles es el
futuro, a la par que absolutamente necesario.
Cada vez más, se tiende a diseñar sitios webs
adaptables, en detrimento de una versión web y
una para escritorio. Por otro lado, debemos no
olvidar los grandes monitores, pantallas actuales,
tablets, phablets, etc.
1.

Responsive web design

o Diseño adaptado
2. Scroll web
Las nuevas webs se diseñan a partir del Scroll. Los
usuarios esperan una página plana donde el
desplazamiento se produce de arriba a abajo y a la
inversa, y así poder acceder a toda la información.
Junto con el efecto Parallax, mantener fijas imágenes
mientras se hace scroll, esta es una de las grandes
tendencias. Probablemente será uno de los síntomas
de la adaptación de las webs a los smartphones.
2.

Scroll web
2.

Scroll web
3. Menús móvil

En diversas webs encontramos menús propios de

las adaptaciones web de móvil, en versión
escritorio. Menús escondidos que se despliegan y
aparecen en la web, proporcionando una
experiencia más minimalista y cercana a la
navegación con smartphone.
3.

Menús móvil
3.

Scroll web
4. (Semi) Flat Design

El Flat Design sigue siendo tendencia y, en el caso

web, nos presenta unas páginas minimalistas,
con tipografías y imágenes grandes. Una puesta
en escena sencilla con poca información a simple
vista. Esta vez, se le añaden elementos como
difuminados y sombreados (con moderación).

Menos es más
4.

Flat Design
4.

Flat Design
5. Vídeo

El vídeo sigue siendo tendencia, y son muchas las

páginas web que le otorgan un protagonismo
total en la homepage. Algunas, lo funden con el
fondo, y otras lo insertan, aunque claramente
está en auge la primera opción.

De la mano del HTML5 podemos compatibilizar

estos vídeos con una web de manera eficaz.
5.

Vídeo
5.

Vídeo
5.

Vídeo
6. Cinemagraph

El cinemagraph, una imagen fija con una parte

en movimiento, se postula como uno de los
elementos estrella en el diseño web del 2018, ya
utilizado con gran éxito en el 2017. Existen
diversas herramientas web que permiten su
creación de manera sencilla. Por esto y por su
elegancia visual podría rivalizar con el vídeo.
6.

Cinemagraph
7. Botones fantasma o transparentes

Ante el paradigma del vídeo y del Cinemagraph

en páginas web, encontramos la superposición
de botones fantasma o transparentes, que
delante de imágenes en movimiento aportan un
toque muy moderno.
7.

Botones fantasma
8. Tipografías

El mundo de las tipografías es apasionante y,

cada vez más, recibe una atención e innovación
destacada. Las tipografías grandes (Maximalism),
mensajes cortos, diseños originales, hechos a
mano y desequilibrados, serán tendencia en el
diseño web en 2018. Muchas de ellas serán
creadas a tal efecto.
Fuente: Directors d’art i disseny Gràfic ADG - FAD. http://www.adg-fad.org/ca
8.

Tipografías
8.

Tipografías
8.

Tipografías
9. Hero design: Grandes imágenes

Flat design, menús móviles que presentan una

homepage despejada, tipografías grandes e
imágenes grandes es un resumen de una web en
el 2018. Las imágenes grandes como las
protagonistas de la composición serán tendencia
en este año.
9.

Hero Design
10. El color

Después de la supremacía del gris, los colores

vuelven con fuerza, aunque menos saturados y
con más matiz. Se jugará mucho con el
degradado tonal en las creatividades web, de
manera que no aplicaremos tonos directos, sino
degradados y con una presencia importante de
blanco y gris en ellos.
10.

Color