Rafaela Avalos Portafolio

De Casiopea
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