Diferencia entre revisiones de «Rafaela Avalos Portafolio»

De Casiopea
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 9 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 52: Línea 53:
===Pantallas finales Iphone 6===
===Pantallas finales Iphone 6===


[[Archivo:Inicio rafaela a portafolio.png|150px]]
<gallery>
[[Archivo:Perfil rafaela a portafolio.png|150px]]
Archivo:Inicio rafaela a portafolio.png
[[Archivo:Proyectos rafaela a portafolio.png|150px]]
Archivo:Perfil rafaela a portafolio.png
[[Archivo:Proyecto rafaela a portafolio.png|150px]]
Archivo:Proyectos rafaela a portafolio.png
[[Archivo:Travesias rafaela a portafolio.png|150px]]
Archivo:Proyecto rafaela a portafolio.png
[[Archivo:Travesia 1 rafaela a portafolio.png|150px]]
Archivo:Travesias rafaela a portafolio.png
[[Archivo:Travesia 2 rafaela a portafolio.png|150px]]
Archivo:Travesia 1 rafaela a portafolio.png
[[Archivo:Travesia 3 rafaela a portafolio.png|150px]]
Archivo:Travesia 2 rafaela a portafolio.png
Archivo:Travesia 3 rafaela a portafolio.png
</gallery>


===Pantallas finales desktop===
===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>


[[Archivo:Perfil desk rafaela a portafolio.png|200px]]
===Resultado en código===
===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