Catalina Ortúzar: Portafolio

De Casiopea


TítuloPORTAFOLIO
Tipo de ProyectoProyecto de Taller
Palabras Claveproyecto 2
Período2017-2017
AsignaturaConstrucción de Diseño Gráfico 4
Del CursoConstrucción 4º DG 2017
CarrerasDiseño, Diseño Gráfico
Alumno(s)Catalina Ortúzar
ProfesorHerbert Spencer
URLhttps://catalinaortuzar.github.io/portafolio/

PORTAFOLIO

ACERCA DE

El proyecto consta de la creación de un portafolio propio, que hable de la persona como diseñador. De esta manera se aplican los conceptos del diseño de la interfaz de un sitio web, con su diseño en código html y css posterior.

ARQUITECTURA INFORMACION

Primeramente se organiza el contenido en arquitectura de información, para determinarlo y saber diseñar después de mejor manera el sitio.

Arq info 1

Arq de info co.png


Arq info 2

Arq info 2 co.png

Arq info 3 Final

Arq info co.png

DISEÑO INTERFAZ

DISEÑO 1: Diseño Móvil y Diseño Web

Diseño mobil 1 co.png Diseño web 1 co.png

DISEÑO 2: Diseño Móvil y Diseño Web

Diseño mobil 2 co.png Diseño web 2 co.png

DISEÑO 3: Diseño Móbil

Diseno-mobil-3-co 1.jpg Diseno-mobil-3-co 2.jpg Diseno-mobil-3-co 3.jpg Diseno-mobil-3-co 4.jpg Diseno-mobil-3-co 5.jpg Diseno-mobil-3-co 6.1.jpg Diseno-mobil-3-co 6.2.jpg Diseno-mobil-3-co 7.jpg Diseno-mobil-3-co 8.jpg Diseno-mobil-3-co 9.jpg


DISEÑO 4: Diseño Móbil

Diseño mobil 4 co-10.jpg Diseño mobil 4 co-01.jpg Diseño mobil 4 co-02.jpg Diseño mobil 4 co-03.jpg Diseño mobil 4 co-04.jpg Diseño mobil 4 co-05.jpg Diseño mobil 4 co-06.jpg Diseño mobil 4 co-07.jpg Diseño mobil 4 co-08.jpg Diseño mobil 4 co-09.jpg

DISEÑO 4: Diseño Web

Diseño web 4 co-07.jpg Diseño web 4 co-01.jpg Diseño web 4 co-02.jpg Diseño web 4 co-03.jpg Diseño web 4 co-04.jpg Diseño web 4 co-05.jpg Diseño web 4 co-06.jpg

El resultado final del diseño de escritorio es distinto, puesto que se tomó la desición de mantener los archivos HTML. Además, la barra de menú se resta para mantener el diseño móbil, que, a la vez, cuenta con el nombre del diseñador para poder volver siempre a inicio.

Diseño Final en código

Se crea el sitio web del portafolio ahora en código HTML y CSS. Tomando decisiones según se avanza con el lenguaje y las propiedades. El link se encuentra en la ficha del proyecto.