Zen Garden

De Casiopea


TítuloProyecto Zen Garden
Tipo de ProyectoProyecto de Taller
Palabras Claveproyecto 1
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/zen-garden-2.0/

PROYECTO ZEN GARDEN

ACERCA DE

El proyecto se basa en 3 etapas.En estas 3 etapas se hace el rediseño de un estilo de página del sitio Zen Garden. Este diseño, en un principio, se modifica variando el código de la página moderadamente. Luego, se crea el diseño de la página desde 0, en un archivo aparte, del cual, se escribe su código. Finalmente, se crea diseña la página final y su correspondiente código, lo más parecido posible al diseño. Todo esto, con el fin de aprender a usar las herramientas de codificación y poder crear a partir de este lenguaje.

ETAPA 1

La primera etapa consta en el diseño aleatorio de un sitio web, para conocer las herramientas y ver los límites y capacidades del diseño de código.

https://catalinaortuzar.github.io/PRUEBA-1/

ETAPA 2

La segunda etapa consta en el rediseño de una página web del catálogo del sitio Zen Garden.

https://catalinaortuzar.github.io/zen-garden/

ETAPA 3

La tercera etapa consta del rediseño de la página en el sitio Figma.

Zen garden co.png

ETAPA 4

La cuarta etapa se basa en el diseño final de la página, además del diseño de código html y css.


Zen garden 3 co.png

Resultado en código