Diferencia entre revisiones de «Rafaela Avalos Portafolio»
De Casiopea
Sin resumen de edición |
|||
(No se muestran 37 ediciones intermedias del mismo usuario) | |||
Línea 1: | Línea 1: | ||
{{Proyecto | {{Proyecto | ||
|Título=Rafaela Avalos Portafolio | |Título=Rafaela Avalos Portafolio | ||
|Tipo de Proyecto=Proyecto de Curso | |||
|Palabras Clave=proyecto 2 | |Palabras Clave=proyecto 2 | ||
|Año de Inicio=2017 | |Año de Inicio=2017 | ||
Línea 8: | 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== | |||
===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. | |||
===Mapa de navegación primera propuesta=== | |||
[[Archivo:Arq de info anterior portafolio ra.png]] | |||
===Mapa de navegación final=== | |||
[[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. | |||
===Primer acercamiento=== | ===Primer acercamiento=== | ||
[[Archivo:DISEÑO PANTALLAS PORTAFOLIO 1.1 rafaela-ilovepdf-compressed.pdf]] | [[Archivo:DISEÑO PANTALLAS PORTAFOLIO 1.1 rafaela-ilovepdf-compressed.pdf]] | ||
==Pantallas finales== | [[Archivo:Captura de pantalla 2017-08-30 a la(s) 21.49.14.png|200px]] | ||
[[Archivo:Captura de pantalla 2017-08-30 a la(s) 21.49.06.png|200px]] | |||
===Pantallas finales=== | |||
*https://www.figma.com/file/fCVILta0RJ0fOek6InFTyA1L/PORTAFOLIO-RAFAELA-AVALOS | *https://www.figma.com/file/fCVILta0RJ0fOek6InFTyA1L/PORTAFOLIO-RAFAELA-AVALOS | ||
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)=== | ===Diferenciación de pantallas (responsive)=== | ||
Línea 21: | Línea 47: | ||
*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. | *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. | ||
[[Archivo:Pantalla1 desktop portafolio rafaela .png | | [[Archivo:Pantalla1 desktop portafolio rafaela .png |600px]] | ||
[[Archivo:Pantalla1 iphone portafolio rafaela .png]] | [[Archivo:Pantalla1 iphone portafolio rafaela .png]] | ||
===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 - 10: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.