Portafolio Carla Cárcamo
Título | Portafolio Carla Cárcamo |
---|---|
Tipo de Proyecto | Proyecto de Curso |
Palabras Clave | portafolio, web |
Período | 2014-2014 |
Asignatura | Construcción 4º DG 2014, |
Del Curso | Construcción 4º DG 2014, |
Carreras | Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
Alumno(s) | Carla Cárcamo |
Profesor | Katherine Exss |
URL | https://dl.dropboxusercontent.com/u/87291415/index.html |
Primera Propuesta
Mapa de Contenidos
Como primer mapa de contenidos se propone tener 5 opciones en en menú. En su primera categoría se encuentran los "estudios" que son aquellos realizados durante el período universitario. Luego en la categoría "Editorial" se muestran aquellos proyectos transformados en cuerpos gráfico, realizados mayormente durante tercer año de la carrera. En la tercera categoría está todo aquello que pertenece a un ámbito "Personal" como obras extracurriculares acumuladas desde años anteriores. Finalemente están las categorías de "Otras" (como temporal) y "Contacto".
Se corrige el mapa de contenidos, debido a que posee un entendimiento personal a que el que comunica. Es por ello que hay un cambio en la distribución del contenido.
Wireframes
Primeros wireframes
- Plantilla
Se plantea una grilla de 8 columnas donde varían los anchos de los párrafos y las imágenes. Se abre a que durante el preoceso se realicen cambios.
- Otros
Segunda Propuesta
Se proponen el mismo número de secciones que al mapa pasado, pero hay un cambio en la distribución del contenido.
Se decide otorgar un mayor énfasis al trabajo personal, y por ello se colocan los dibujos y pinturas al mismo nivel que editorial, y desaparecen como elementos de subcategoría y pasan a formar una categoría.
También se elimina el contacto como categoría y se pasa a formar una nueva que habla "Sobre Mi", donde se pretende hablar un poco sobre la historia personal junto una fotografía.
Como consecuencia de éste nuevo mapa se deciden crear diferentes plantillas, con el objeto tener claro cuantos html es necesario realizar y en cuáles se usará la misma plantilla.
- plantilla 1 : inicio
- plantilla 2: sobre mi
- plantilla 3: pinturas y dibujos
- plantilla 4: impresionismo, renacimiento, ediciones
Wireframes
Interfaz
Se propone una gama de colores lila y morado, junto al blanco y negro. En la interfaz se realizan algunos cambios en la grillas, debido a que no todo calza perfecto por algunos tamaños de la imágenes, para no deformarlas.
Primer index codificado
Como primer trabajo de códigos del portafolio, se trabajo con el inicio. Donde se ubicaron principalmente los objetos y se crearon los divs necesarios.
A pesar de no estar igual a la interfaz, se tienen claros los cambios que es necesario hacerles. Se debe trabajar con la tipografía elegida (Lato), el footer, la opacidad de la imagen y el color de la tipografía; todos esos cambios necesarios se realizarán luego de resolver las dudas necesarias durante el período de clases.