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, Interacción y Servicios
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