¿Que aprendimos?
En este segundo parcial comenzamos a realizar un diseño de una pagina web en ilustrador. Llevando una serie de pasos para llegar a nuestro diseño deseado. Contemplamos las diferentes maneras de realizar el estilo/diseño. Pues sabemos que para que una pagina web cumpla con su objetivo, debe de ser atractiva para el espectador.
Comenzamos con Ilustrador a bocetar nuestro diseño, siguiendo una serie de pasos como:
1.-Tener lineas guía para poder tener una proporciona adecuada.
2.-Proporcionar los recuadros, para la información y fotografías.
Después comenzamos con Photoshop a darle proporción a las imágenes, con tal de que estas se acoplaran a las medidas de nuestro boceto de pagina web en Ilustrador. lienzos de 270 x 270
Después de guardar las imágenes en sus respectivas medidas, las colocamos en su ubicación debida para que el diseño de pagina web valla cobrando sentido.
Realizamos dos tipos de paginas web con diferentes diseños.
En Photoshop volvimos a realizar otras imágenes pero con diferentes características, en un lienzo de 270 x 270.
Utilizando herramientas como:
canales: seleccionando para poder hacer una imagen si fondo. utilizando curvas de entrada y salida de luz.
Brocha: para remover el fondo que no seseamos.
barita magica: para quitar exedentes.
color: en rgb 175 «para el fondo»
entre otras herramientas para añadirle luz, o realidad.
Obteniendo como resultado estas dos paginas web, de modo que son el ejemplo que el diseñador obtiene para dárselo al programador de como va a realizar las cosas, o para que tenga una idea de como sera la pagina web.
Diferentes vistas web
Realizamos las 3 vistas web que puede tener el diseño que estamos creando, la visualización estética siempre depende para tener visitas en nuestra pagina, debemos de realizar los prototipos para a la hora de que el ingeniero en sistemas o el diseñador encargado de realizar la pagina web sepa de que modo debe de ir realizado.
Primero comenzamos a seleccionar las medidas mediante las lineas guía (sirven de mucho, ya que te ayudan a una mejor proporción). Mismo diseño, solo que este sera como se visualizara en una tableta. Proporcionado de dos en dos y añadiéndole un sub-menu al final.
Acomodando de manera ordenada y estética para su acomodo de diseño en tableta.
CONFORME ALAS LINEAS GUIA.
Diseñamos 3 paneles: para computadora, tableta y celular. Quedando como resultado la imagen que tenemos al ultimo.
el mismo diseño, misma informaciòn, proporcionado para diferentes pantallas
ENTRADA DE PAGINA WEB
En este proceso de selección realizamos una entrada y sus diferentes vistas para
Munitor, tableta y celular.
Ignacio Vizcarra 