Comparto estas tendencias sobre diseño gráfico web para este 2018 que pueden ser útiles en el momento de plantear la comunicación a través de un sitio web

1. Las Tendencias 2018
en Diseño Web
del 1 al 10
Antoni Gutiérrez-Rubí
Marzo de 2018

2. 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

3. 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.
Fuente: Diseño web actual, Ana Patricia Roncal https://devcode.la/blog/10-tendencias-del-diseno-web-actual/

4. 1.
Responsive web design
o Diseño adaptado

5. 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.
Fuente: Tendencias en Diseño web, Max Camuñas. https://www.maxcf.es/tendencias-diseno-web-2018/

6. 2.
Scroll web

7. 2.
Scroll web

8. 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.

9. 3.
Menús móvil

10. 3.
Scroll web

11. (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.
Fuente: Tendencias en Diseño web, Hernán González. https://www.netbrain.es/tendencias-diseno-web-2018/

12. 4.
Flat Design

13. 4.
Flat Design

14. 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.
Fuente: Tendencias en Diseño web 2018, MarketingandWeb. http://www.marketingandweb.es/marketing/tendencias-diseno-web/

15. 5.
Vídeo

16. 5.
Vídeo

17. 5.
Vídeo

18. 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.
Fuente: 7 tendencias en Diseño web 2018, MadridNYC. https://madridnyc.es/tendencias-diseno-web-2018/

19. 6.
Cinemagraph

20. 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.

21. 7.
Botones fantasma

22. 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.
8.
Fuente: Directors d’art i disseny Gràfic ADG - FAD. http://www.adg-fad.org/ca

23. 8.
Tipografías

24. 8.
Tipografías

25. 8.
Tipografías

26. 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.

27. 9.
Hero Design

28. 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.

29. 10.
Color

30. Antoni Gutiérrez-Rubí
@antonigr
www.gutierrez-rubi.es / www.ideograma.org