DISEÑO WEB

ALFONSO LLERENA POLO

Recomendaciones
& TENDENCIAS
RECOMENDACION

MENOS ES MAS

Esta es la clave del Diseño en

general. Debido a que todo está
enfocado en la web móvil, los
tamaños, la capacidad de carga, la
resolución deben ser consecuentes.

Un diseño Sencillo
Los diseños son motivo para
abandonar la web webs sencillez en
el color, tipografías, fotos y botones.
RECOMENDACION

HERO

La idea es utilizar imágenes

grandes (adaptado al ancho de la
pantalla) que captan la atención y
que debido al tamaño se limita a una
sola imagen como fondo.

Se le conoce como Diseño HERO.

RECOMENDACION

HERO
Dependiendo del producto,
se puede utilizar videos,
cortos en formato GIF con
un loop repetitivo.
RECOMENDACION

GIGANTISMO

Tanto para imágenes como para la

tipografía de cada uno de los
apartados de la web.

No se trata de poner un tamaño tan

grande que impida su lectura. Se
trata de usar un tamaño lo
suficientemente grande como para
que cada renglón no tenga más de 5
palabras.
DISEÑO PARA LA WEB
RECOMENDACION

DIFERENCIACIÓN

El diseño web se ha
“democratizado” tanto que ahora
cualquiera sin la más remota idea de
diseño web, es diseñador.

Diferenciar tipografías, color,

botones, tamaños, formas,
diagramación etc.

DISEÑO PARA LA WEB

RECOMENDACION

MONO
CROMATISMO

La mayoría de los sitios web tienen

de dos a cinco colores que se usan
en todas partes, usar solo un color
podría cambiar la percepción del
usuario.
Avanzar un paso más y eliminar el
color por completo debe pensarse
bien.

DISEÑO PARA LA WEB

RECOMENDACION

SUPERPOSICION

Esta es opción relacionada con los

diseños asimétricos. Al romper la
cuadricula los elementos se
superponen entre sí. Esto permite
desarrollar un diseño en tipos
específicos de contenido en un sitio
web

DISEÑO PARA LA WEB

RECOMENDACION

DIAGONALES

Al igual que la anterior los diseños

asimétricos rompen la cuadricula,
usar algo diferente a una imagen de
tipo HERO y tratar esta área como
el área principal llama la atención del
espectador.

DISEÑO PARA LA WEB

RECOMENDACION

TIPOGRAFIA CON
PERSONALIDAD

Las fuentes handwriting o técnicas

como el lettering tienen gran
impacto en diseño web, aportan
estilo al diseño.

Se debe complementar con un buen

contraste de color.

DISEÑO PARA LA WEB

RECOMENDACION

MOVIL Y
ESCRITORIO

Crear una versión de un diseño

específico el escritorio y otro
diferente (partiendo del original, por
supuesto) para el móvil.

DISEÑO PARA LA WEB

RECOMENDACION

DISEÑO ONE PAGE

Una única página, no funcionan para

todos los sitios web, pero muestran
el mayor número de información sin
que el usuario se pierda o distraiga
en la navegación.

Eventos, promociones,
presentaciones específicas.

DISEÑO PARA LA WEB

RECOMENDACION

ESTRUCTURAS
ASIMÉTRICAS

Cambiar las formas clásicas para

crear composiciones donde los
elementos se perciban de manera
asimétrica, es decir, estructuras que
se alejan de formas más clásicas o
rectas.

DISEÑO PARA LA WEB

RECOMENDACION

ESTRUCTURAS
ASIMÉTRICAS

DISEÑO PARA LA WEB

RECOMENDACION

FORMAS
GEOMÉTRICAS

Cambiar las formas clásicas para

crear composiciones donde los
elementos se perciban de manera
asimétrica, es decir, estructuras que
se alejan de formas más clásicas o
rectas.

DISEÑO PARA LA WEB

RECOMENDACION

MODULACIONES

Los diseños modulares plantean la

utilización de diferentes elementos
por separado, pero integrados por el
concepto.

Se adaptan perfectamente a los

diferentes dispositivos y tamaños de
pantalla.

DISEÑO PARA LA WEB

RECOMENDACION

MODULACIONES

DISEÑO PARA LA WEB

RECOMENDACION

MODULACIONES

DISEÑO PARA LA WEB

RECOMENDACION

TRANSPARENCIAS
Y DEGRADADOS

Dependiendo del producto, estos

efectos aportan al diseño un factor
de atracción, dan la sensación de
modernismo, bien aplicados se ven
interesantes especialmente sobre
fotografías.

En el uso de botones se les conoce

como botones fantasma.

DISEÑO PARA LA WEB

RECOMENDACION

TRANSPARENCIAS
Y DEGRADADOS

DISEÑO PARA LA WEB

RECOMENDACION

ANIMACIONES

Dependiendo del producto, estos

efectos dan dinamismo y aportan a
la interacción, pero su uso debe
hacerse con mesura para no
recargar los sitios web, tienden a ir
desapareciendo.

DISEÑO PARA LA WEB

SUGERENCIAS

TIENDEN A
DESAPARECER

Menú hamburguesa
Pop up intrusivos
Slides o Pasarelas de Fotos
Diseño Responsivo
Demasiado espacio en Blanco

DISEÑO PARA LA WEB

SUGERENCIAS

EJEMPLOS

DISEÑO PARA LA WEB

SUGERENCIAS

EJEMPLOS

DISEÑO PARA LA WEB