Actividad 4: El Diseño de una interfaz gráfica

Parte 1. Diseño de contenido

1. Indiquen los tipos de contenido que existen según lo visto en clase (El tipo de contenido es de acuerdo a la clasificación del tema 8.1 -contenido heredado, personalizado, de agregación, generado por el usuario, etc.) (10 puntos)

• Contenido heredado
• Contenido de agregación
• Contenido licenciado
• Contenido co-creado
• Contenido legal
• Contenido de medios sociales
• Contenido personalizado
• Contenido generado por el usuario

1. Elijan 3 páginas de Internet de algún tema que te guste. Puede ser de cómics, deportes, música, tu artista favorito, etc. Tomen una foto y con una flecha o de alguna forma clara indiquen el tipo de contenido que encuentras en cada una (al menos 3 tipos de contenido de cada página) (10 puntos).

[pic 1][pic 2]

[pic 3]

[pic 4][pic 5]

[pic 6]

[pic 7][pic 8]

[pic 9]

1. Selecciona una de las tres páginas. Analiza cómo está organizada la información que presenta esta página. Lista todas las propiedades de composición visual según Galitz y para cada una de ellas indica si cumple o no con la propiedad y ¿por qué? (propiedades de composición visual según Galitz – Balance, Simetría, etc.) (10 puntos)

[pic 10][pic 11]

Parte 2. Diseño visual

1. Reúnanse en equipos.
2. Seleccionen un tema para diseñar una pantalla de página de Internet.
3. Diseñen una pantalla incorporando al menos 3 propiedades de la composición visual según Galitz.  Pueden utilizar texto lorem ipsumpara llenar el contenido. Indiquen las propiedades y cómo lograron que se cumplan (10 puntos)
4. Agreguen elementos que incluyan color seleccionando zonas del contenido (background y foreground).(10 puntos)
5. Una vez diseñada la pantalla, tómenla como base y generen 3 pantallas más (del mismo tema para un total de 4 pantallas – principal y 3 más), aplicando cambios a la tipografía, a los colores y al espacio. . (Hacer las páginas en HTML (con o sin uso de Bootstrap), php, asp, o cualquier tipo de programación de páginas que conozcan NO PUEDE SER HECHA EN NINGUNA PLATAFORMA COMO WIX, WORDPRESS O EQUIVALENTE. Se debe anexar todos los archivos para poder visualizar la página en el navegador.El código de la página vale 30 puntos de la actividad por lo que de no entregarla se pierden estos puntos) (30 puntos)

[pic 12]

Parte 3. Diseño de navegación

1. Utilizando las cuatro páginas previamente elaboradas.

1. Determinen qué modelo de navegación utilizarán. (5 puntos)

• La navegación en un sitio web tradicionalmente se controla a través del diseño de la página, agregando zonas en las que puedan aparecer menús e información importante para el usuario.

1. Seleccionen una estructura de menú que pueda servir para estructurar las páginas y generen un menú que una las páginas creadas (5 puntos)

• Menú simple  
•  Eventos
• Tomorrowland
• Lollapalloza
• Menú simple 2    
• Boletos
• Compra
• Eventos
• Tomorrowland
• Lollapalloza
• Menú simple 3
• Empresa
• Quienes somos?

1. Anexen un mapa del sitio utilizando los títulos de las páginas. (10 puntos)[pic 13]

[pic 14][pic 15][pic 16]

[pic 17][pic 18][pic 19]

Nota: Considera que tu actividad debe estar documentada (proceso) y fundamentada.

...