MAESTRIA EN EDUCACION Y ENTORNOS

VIRTUALES DE APRENDIZAJE
TALLER DE DISEÑO Y DESARROLLO DE PÁGINAS WEB
EDUCATIVAS

Nombre de la actividad:1.2 Tendencias de Diseño Web

Nombre del estudiante: Karla María Rodarte Díaz
Fecha: 31 de julio de 2022
Tendencias de Diseño Web
 1. Introducción
El diseño web implica diversidad de elementos que van
haciendo autentica y llamativa una opción de navegación, para
quienes se encargan del diseño de páginas Web es importante
que conozcan la multitud de opciones que pueden proyectar
en un sitio Web, esto puede apoyar a que sea o no una opción
de consulta constante para los cibernautas o vaya quedando
en el olvido.

A continuación se explican brevemente algunos elementos

expuestos en el diseño de una página Web: 03
 2. Desarrollo

Vectores e ilustraciones Iconos Animaciones

Son los elementos gráficos de la Son un recurso con un resultado Son tendencia, pueden tener
web. Existen bancos de éstos, visual dentro de la web, son diferentes movimientos, efectos,
aunque también pueden ser llamativos, pueden vincularse a sentido o velocidad.
personalizados. un destino.

04
 2. Desarrollo
Esquemas de colores degradados
Son elementos de la web que la hacen
mas llamativa, el uso de colores
degradados es tendencia que permite
ver moderna una pagina web.

Consiste en aplicar técnicas y

elementos similares al de las apps en
Web-app el diseño de sitios web, especialmente
en lo que a botones, experiencia de
usuario y funcionalidades se refiere.

Sitios web de una sola página en la

que aparece toda la información
One-page organizada en diferentes apartados y
suelen incluir un menú superior con
enlaces de ancla
05
 2. Desarrollo
Se trata de presentar información en
Contenido forma de pestañas, desplegables,
anidado acordeones, conmutadores o recursos
similares.

Es tendencia, ver un vídeo como fondo en

Video la cabecera de la página de inicio.

Tipografías Hero al elemento de grandes dimensiones

en los
heros o que es el que visualmente más destaca
gigantes dentro de una página.
06
 2. Desarrollo

Contenido en diferentes planos

Separadores ligeros
Herramienta para separar las
diferentes secciones de la pagina
de inicio, consiguiendo una
separación mas fluida y ligera.
Collages
Conjunto de imágenes, iconos o
ilustraciones que forman una
composición.
Sobreponer distintos elementos
entre sí, pero más que una
superposición, consiste en colocar
dichos elementos en diferentes
planos del diseño para conseguir un
efecto visual con profundidad.

07
 2. Desarrollo

Predominio Pantalla dividida

de las líneas

Texto
Pies de en
página
detallados formato Diseños interactivos
circular

Imágenes Efectos Elementos en

Animaciones
rotativas
flotantes dinámico
superpuestas
s en 3D movimiento

Mascaras
Scroll
horizontal
de
imagen

08
 2. Desarrollo

Esta tendencia combina el diseño minimalista con un gran toque de

Neoformismo realidad. Se caracteriza por tener fondos sobrios y el uso de sombras y
luces.

Crear imágenes que simulen el esmerilado de un vidrio, o la combinación

Glasformismo de la transparencia, difuminado y movimiento que imita cómo vemos el
mundo a través de un cristal

Elementos en su forma más cruda, por así decirlo, como tipografías

Neobrutalismo preestablecidas, imágenes sin editar y acomodos asimétricos.

09
 3. Conclusiones
Conocer las tendencias en Diseño Web amplió mi panorama
debido a las actividades que deberán realizarse en futuras
semanas. Es importante conocer la gama de opciones para que
al plasmar nuestras ideas en una Web page cuente con un
diseño innovador, que sea de interés para los destinatarios, que
se genere cierta curiosidad por entrar y descubrir un factor nuevo
en cada visita.

Este modulo me motiva a compartir mis saberes y aliarme con

colegas en el diseño de un espacio donde se plasme lo que he
forjado como profesional docente y a otros les sea funcional.
MÓDULO: TÍTULO MÓDULO 10
 4. Bibliografía

Camuñas, Max (2021) 24 tendencias en diseño web para

2022 + ejemplos Recuperado de
https://www.maxcf.es/tendencias-diseno-web-2022/

Londoño, Pablo. (2022) 15 tendencias de diseño web que

no debes perder de vista en 2022. Recuperado de
https://blog.hubspot.es/website/tendencias-diseno-web

MÓDULO: TÍTULO MÓDULO 11