EJ9_MPC - WordPress.com

ESCUELA DE ARTE MIGUEL MARMOLEJO [ pág. 1|2]
Melilla
CURSO 14-15
Ejercicio 9. Diseño responsivo.
Estética de la interfaz (MPC)-AIN2
Vamos realizar el diseño de una estructura para página web en
Photoshop o Illustrator (modo Adobe RGB). Este diseño
contendrá todos los elementos necesarios tanto a nivel visual
como de navegación.
Vamos a realizar tres versiones diferentes del mismo teniendo
en cuenta el dispositivo en el que se van a visualizar:
• V1: Versión para pantalla. (horizontal)
• V2: Versión para tablet. (elegiremos horizontal o vertical a
nuestro gusto)
• V3: Versión para movil. (vertical)
Incluiremos alguna o algunas imágenes, un menú y como mínimo
un bloque de texto (puede estar relleno por texto tipo lorem ipsum).
Cuidaremos que todos los colores utilizados sean Colores web.
Tenemos que tener mucho cuidado a la hora de plantear los
cambios de diseño a la hora de hacer la conversión entre los
diferentes tipos de dispositivos y ver como recolocamos todos y
cada uno de los elementos que componen la web.
ESCUELA DE ARTE MIGUEL MARMOLEJO [ pág. 2|2]
Melilla
CURSO 14-15
Finalmente guardaremos en formato nativo cada una de la
imágenes con su nombre correspondiente: V1, V2 y V3
• en formato .PSD si hemos usado Photoshop.
• en formato .AI si hemos usado Illustrator.
Guardaremos también una versión de cada una de ellas en formato
.PNG para visualizado.
Si consideras que debes hacer alguna aclaración mediante texto,
puedes adjuntar un documento Word en la carpeta de entrega.
INSTRUCCIONES PARA LA ENTREGA:
• Crear una carpeta con el nombre “EJ9_Nombre_MPC”para guardar los
archivos realizados .
• Dicha carpeta debe incluir las 3 versiones en los 2 formatos requeridos
(.AI o .PSD y .PNG) lo que hace un total de 6 imágenes
• Comprimir la carpeta y enviar a [email protected] con el siguiente
asunto: “EJ9_Nombre_MPC”.