Guía de Práctica de la Tarea – Diseño Gráfico y Desarrollo Web

Unidad IV – Definición de Términos


16. Glosario personal: Elabora un listado de 10 términos clave (ej. “layout”, “DNS”, “UX”) con definiciones cortas.

17. Mapa conceptual: Haz un esquema que relacione “Diseño gráfico”, “Diseño web” y “Programación”.

18. Ejemplo práctico: Busca un sitio web y señala dónde se aplican conceptos como jerarquía, tipografía y color.

19. Comparación: Define “tipografía serif” y “sans serif” y coloca ejemplos visuales.

20. Mini presentación: Crea 3 diapositivas explicando qué es la arquitectura de la información y por qué es importante.


La Guía de Práctica organizada en formato de fichas, con instrucciones paso a paso para cada ejercicio.


Unidad IV – Definición de Términos


Ejercicio 16: Glosario personal

- Objetivo: Definir conceptos clave.

- Pasos:

  1. Elige 10 términos (ej. UX, DNS, Layout).

  2. Escribe definiciones cortas y claras.

  3. Compártelas con tus compañeros.


Ejercicio 17: Mapa conceptual

- Objetivo: Relacionar conceptos principales.

- Pasos:

  1. Dibuja un mapa con tres nodos: Diseño gráfico, Diseño web, Programación.

  2. Conecta con flechas y ejemplos.

  3. Explica cómo se complementan.


Ejercicio 18: Ejemplo práctico

- Objetivo: Identificar conceptos en un sitio real.

- Pasos:

  1. Elige un sitio web conocido.

  2. Señala ejemplos de jerarquía, tipografía y color.

  3. Expón tus hallazgos en clase.


Ejercicio 19: Comparación tipográfica

- Objetivo: Diferenciar serif y sans serif.

- Pasos:

  1. Escribe un texto en Times New Roman (serif).

  2. Escribe el mismo en Arial (sans serif).

  3. Compara legibilidad y estilo.


Ejercicio 20: Mini presentación

- Objetivo: Explicar arquitectura de la información.

- Pasos:

  1. Crea 3 diapositivas en PowerPoint.

  2. Explica qué es la arquitectura de la información.

  3. Da ejemplos de navegación clara en sitios web.


Valor de 10 Puntos