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.


==Prototipo 1==
===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 |200px]]]
[[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ítuloRafaela Avalos Portafolio
Tipo de ProyectoProyecto de Curso
Palabras Claveproyecto 2
Período2017-
AsignaturaConstrucción de Diseño Gráfico 4,
Del CursoConstrucción 4º DG 2017,
CarrerasDiseñ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
ProfesorHerbert Spencer
URLhttps://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

Arq de info anterior portafolio ra.png

Mapa de navegación final

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

Archivo:DISEÑO PANTALLAS PORTAFOLIO 1.1 rafaela-ilovepdf-compressed.pdf

Captura de pantalla 2017-08-30 a la(s) 21.49.14.png Captura de pantalla 2017-08-30 a la(s) 21.49.06.png

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.

Pantalla1 desktop portafolio rafaela .png Pantalla1 iphone portafolio rafaela .png


Pantallas finales Iphone 6

Pantallas finales desktop MacAir

Resultado en código