Diferencia entre revisiones de «Rafaela Avalos Portafolio»
De Casiopea
Sin resumen de edición |
Sin resumen de edición |
||
(No se muestran 16 ediciones intermedias del mismo usuario) | |||
Línea 9: | Línea 9: | ||
|Profesor=Herbert Spencer, | |Profesor=Herbert Spencer, | ||
|Alumnos=Rafaela Avalos Pascual, | |Alumnos=Rafaela Avalos Pascual, | ||
|URL=https://rafaelaavalos.github.io/Rafaela-Avalos-Portafolio/ | |||
}} | }} | ||
==Diseño de Portafolio== | ==Diseño de Portafolio== | ||
Línea 21: | Línea 22: | ||
[[Archivo:Arq de info anterior portafolio ra.png]] | [[Archivo:Arq de info anterior portafolio ra.png]] | ||
==Mapa de navegación | ===Mapa de navegación final=== | ||
[[Archivo:Arq info portafolio rafaela avalos.png]] | [[Archivo:Arq info portafolio rafaela avalos.png]] | ||
*Como mapa de navegación final, los ajustes que se trabajaron fue acotar el perfil y reducirlo a un texto de caracterización; además de la integración de "mi emprendimiento" como parte de una formación, negocio y ocio personal. | *Como mapa de navegación final, los ajustes que se trabajaron fue acotar el perfil y reducirlo a un texto de caracterización; además de la integración de "mi emprendimiento" como parte de una formación, negocio y ocio personal. | ||
===Primer acercamiento=== | ===Primer acercamiento=== | ||
Línea 33: | Línea 33: | ||
[[Archivo:Captura de pantalla 2017-08-30 a la(s) 21.49.06.png|200px]] | [[Archivo:Captura de pantalla 2017-08-30 a la(s) 21.49.06.png|200px]] | ||
==Pantallas finales== | ===Pantallas finales=== | ||
*https://www.figma.com/file/fCVILta0RJ0fOek6InFTyA1L/PORTAFOLIO-RAFAELA-AVALOS | *https://www.figma.com/file/fCVILta0RJ0fOek6InFTyA1L/PORTAFOLIO-RAFAELA-AVALOS | ||
Línea 53: | Línea 53: | ||
===Pantallas finales Iphone 6=== | ===Pantallas finales Iphone 6=== | ||
<gallery> | |||
Archivo:Inicio rafaela a portafolio.png | |||
Archivo:Perfil rafaela a portafolio.png | |||
Archivo:Proyectos rafaela a portafolio.png | |||
Archivo:Proyecto rafaela a portafolio.png | |||
Archivo:Travesias rafaela a portafolio.png | |||
Archivo:Travesia 1 rafaela a portafolio.png | |||
Archivo:Travesia 2 rafaela a portafolio.png | |||
Archivo:Travesia 3 rafaela a portafolio.png | |||
</gallery> | |||
===Pantallas finales desktop MacAir=== | |||
<gallery> | |||
Archivo:Inicio desk rafaela a portafolio.png | |||
Archivo:Perfil desk rafaela a portafolio.png | |||
Archivo:Proyectos desk rafaela a portafolio.png | |||
Archivo:Proyecto1 desk rafaela a portafolio.png | |||
Archivo:Emprendimiento desk rafaela a portafolio.png | |||
Archivo:Travesias desk rafaela a portafolio.png | |||
Archivo:Travesia1 desk rafaela a portafolio.png | |||
Archivo:Travesia2 desk rafaela a portafolio.png | |||
</gallery> | |||
===Resultado en código=== | |||
*https://rafaelaavalos.github.io/Rafaela-Avalos-Portafolio/ | |||
Revisión actual - 09:33 31 ago 2017
Título | Rafaela Avalos Portafolio |
---|---|
Tipo de Proyecto | Proyecto de Curso |
Palabras Clave | proyecto 2 |
Período | 2017- |
Asignatura | Construcción de Diseño Gráfico 4, |
Del Curso | Construcción 4º DG 2017, |
Carreras | Diseño, 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., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
Alumno(s) | Rafaela Avalos Pascual |
Profesor | Herbert Spencer |
URL | https://rafaelaavalos.github.io/Rafaela-Avalos-Portafolio/ |
Diseño de Portafolio
Introducción
El proyecto propuesto es acerca de la construcción del portafolio en código, integrando el lenguaje de html y css. El objetivo de esta tarea, es lograr comunicar nuestro perfil, proyectos y otros; proponiendo un diseño (para desktop MacAir y Iphone 6) que exponga de manera clara y funcional lo anterior mencionado.
- Como mapa de navegación final, los ajustes que se trabajaron fue acotar el perfil y reducirlo a un texto de caracterización; además de la integración de "mi emprendimiento" como parte de una formación, negocio y ocio personal.
Primer acercamiento
Archivo:DISEÑO PANTALLAS PORTAFOLIO 1.1 rafaela-ilovepdf-compressed.pdf
Pantallas finales
Se diseñó bajo un concepto de simpleza visual, tomando colores pálidos, tipografías simples y un mapa de navegación acotado con pocos niveles. Los colores utilizados fueron:
- Fondo: #E5E5E5
- Tipografía textos: #0000 al 70%
- Tipografía título "Rafaela Avalos" (imagen): #0000 al 50%
Diferenciación de pantallas (responsive)
- Se seleccionaron las pantallas de IPhone 6 (750 x 1334 px) y MacBook Air (1366 x 768 px) para trabajar en distintos formatos, tratando de elaborar un diseño congruente.