Diferencia entre revisiones de «Portafolio Cindy Sanhueza»
Sin resumen de edición |
|||
| (No se muestran 12 ediciones intermedias de 2 usuarios) | |||
| Línea 8: | Línea 8: | ||
|Cursos Relacionados=Construcción 4º DG 2014, | |Cursos Relacionados=Construcción 4º DG 2014, | ||
|Profesor=Katherine Exss, | |Profesor=Katherine Exss, | ||
|Alumnos=Cindy Sanhueza, | |Alumnos=Cindy Sanhueza, | ||
|URL=https://dl.dropboxusercontent.com/u/87192824/carpeta-portafolio/index.html | |||
}} | }} | ||
=Mapa de contenidos= | =Mapa de contenidos= | ||
| Línea 14: | Línea 15: | ||
=Wireframes= | =Wireframes= | ||
Primera propuesta de wirefames para pantalla de 1280px. El inicio esta pensado para moverse con el scroll por el total de la página, la barra de navegación se encuentra en el lado superior de la pantalla, posteriormente aparecen 4 secciones diferenciadas por el color de fondo con dos imágenes en cada una, siendo trabajos de la sección correspondiente. Cada sección, es decir proyectos, estudios, personales y digital tienen una pequeña eseña de lo que se encuentra en dicha página y finalmente termina con el footer donde apaecen las redes sociales. | |||
<gallery> | <gallery> | ||
Wireframes portafolio inicio cindy-01.jpg|Inicio | Wireframes portafolio inicio cindy-01.jpg|Inicio | ||
| Línea 23: | Línea 28: | ||
=Segunda propuesta= | =Segunda propuesta= | ||
==Indexación de contenidos== | |||
*Inicio | |||
**Proyectos | |||
***De la travesía amereida 2013 a la primera travesía 1965 | |||
***Progresión de la línea Dibujo proceso previo a la extención gráfica | |||
*** | |||
*** | |||
**Estudios | |||
***Renacimiento | |||
***Impresionista | |||
***Tipografía | |||
***Croquis | |||
**Personales | |||
**Digital | |||
***Mapa incendios en Valparaíso de 1998 al 2010 | |||
***Infografías | |||
**Sobre mí | |||
***reseña | |||
***contacto | |||
==Mapa== | ==Mapa== | ||
[[Archivo:Segundo mapa de contenidos cindy.jpg|600px]] | |||
==Wireframe== | ==Wireframe== | ||
| Línea 36: | Línea 64: | ||
</gallery> | </gallery> | ||
==Logo== | |||
La implementación de un logo da paso a tener una primera visualización de lo que se trata el sitio y así posteriormente utilizarlo como botón un de inicio reconocible. | |||
Pensando en formas básicas llego a que las iniciales de minombre son dos semicírculos, es decir un círculo desplazado de forma vertical,posterior a esto decido que el sitio va a utilizar dos colores, es por esto que forman parte del logo; Ya que la letra "S" e dificil reconocerla, ésta se construye a partir de la contraforma entre los medioscírculos, así mismo con la letra "i" que es el espacio vertical entre ellos apaece un pequeño medio circulo para dar cuenta que es el punto de la i y así continuar con el nombre completo en horizontal y en diagonal. | |||
<gallery> | |||
Logo-11-11.png|logo | |||
Logo 45x71px-12.png|logo sin escritura | |||
</gallery> | |||
==Interfaz== | ==Interfaz== | ||
[[Archivo:Interfaz color portafolio cindy.jpg|200px]] | |||
==Versión html de Inicio== | |||
http://cindysanhueza.github.io/Portafolio | |||
Revisión actual - 12:36 23 ago 2014
| Título | Portafolio Cindy Sanhueza |
|---|---|
| Tipo de Proyecto | Proyecto de Curso |
| Palabras Clave | portafolio, web |
| Período | 2014-2014 |
| Del Curso | Construcción 4º DG 2014, |
| Carreras | 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. |
| Alumno(s) | Cindy Sanhueza |
| Profesor | Katherine Exss |
| URL | https://dl.dropboxusercontent.com/u/87192824/carpeta-portafolio/index.html |
Mapa de contenidos
Wireframes
Primera propuesta de wirefames para pantalla de 1280px. El inicio esta pensado para moverse con el scroll por el total de la página, la barra de navegación se encuentra en el lado superior de la pantalla, posteriormente aparecen 4 secciones diferenciadas por el color de fondo con dos imágenes en cada una, siendo trabajos de la sección correspondiente. Cada sección, es decir proyectos, estudios, personales y digital tienen una pequeña eseña de lo que se encuentra en dicha página y finalmente termina con el footer donde apaecen las redes sociales.
Inicio
Proyectos
Digital
Personal
Contacto
Segunda propuesta
Indexación de contenidos
- Inicio
- Proyectos
- De la travesía amereida 2013 a la primera travesía 1965
- Progresión de la línea Dibujo proceso previo a la extención gráfica
- Estudios
- Renacimiento
- Impresionista
- Tipografía
- Croquis
- Personales
- Digital
- Mapa incendios en Valparaíso de 1998 al 2010
- Infografías
- Sobre mí
- reseña
- contacto
- Proyectos
Mapa
Wireframe
Inicio
Proyectos
Estudios
Personales
Digital
Sobre mí
Logo
La implementación de un logo da paso a tener una primera visualización de lo que se trata el sitio y así posteriormente utilizarlo como botón un de inicio reconocible. Pensando en formas básicas llego a que las iniciales de minombre son dos semicírculos, es decir un círculo desplazado de forma vertical,posterior a esto decido que el sitio va a utilizar dos colores, es por esto que forman parte del logo; Ya que la letra "S" e dificil reconocerla, ésta se construye a partir de la contraforma entre los medioscírculos, así mismo con la letra "i" que es el espacio vertical entre ellos apaece un pequeño medio circulo para dar cuenta que es el punto de la i y así continuar con el nombre completo en horizontal y en diagonal.
logo
logo sin escritura
Interfaz
Versión html de Inicio
http://cindysanhueza.github.io/Portafolio
