En este segundo periodo, estuvimos utilizando el programa Ilustrador, donde hicimos un diseño de página web.
Primero en ilustrador con las líneas guías, hicimos el acomodo con rectángulos, cuadrados, etc… De la información y las imágenes de donde irian acomodado, como tipo un boceto.
Después en Photoshop adaptamos las imágenes en medidas y usamos otoscopio, una máscara de capa para el fondo de colores para nuestra plantilla de Ilustrador.
Al final con la herramienta de enlaces de Ilustrador se cambian las imágenes para tener una segunda pagina con la misma plantilla.
VISUALIZACIÓN DE DIFERENTES TIPOS DE PANTALLA:
En esta clase estuvimos haciendo la edición de diferentes tipos de pantalla, adaptándolo a la medida cada imagen y el texto.
Hicimos de tres diferentes modelos como:
Pantalla WEB
Pantalla Celular
Tablet
DISEÑO DE ENTRADA: WEB
Diseñamos diferentes proporciones de pantallas, realizando un diseño de entrada con sus tres visualizaciones de pantalla:
Monitor
Tablet
Celular
Las imágenes de esta entrada las obtuvimos de una página web, realizamos las diferentes proporciones y añadimos texto falso.
Proporcionamos la información con las líneas guías, para que tuviera un mejor aspecto estético.
«Visualización del monitor»
Visualización de Tablet y Celular
Diferentes proporciones, misma información y diferente visualización.
Regina Torres 