Portafolio Web / Paulina Buvinic

De Casiopea
Revisión del 03:56 26 abr 2013 de Paulina.buvinic (discusión | contribuciones) (HTML y CSS)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)



TítuloPortafolio Web
Tipo de ProyectoProyecto de Curso
Período2013-2013
AsignaturaTaller de Diseño Gráfico 7ª Etapa
Del Curso4º DG 2013
CarrerasDiseño Gráfico
Alumno(s)Paulina Buvinic
ProfesorKatherine Exss

Creación de un Portafolio Web

Luego de haber estudiado y llevado a la práctica los conceptos teóricos de Arquitectura de Información y Wayfinding, se inicia un proyecto personal en donde se busca la realización de un Sitio Web con el fin de presentar el portafolio de cada alumno.

La selección de contenidos para el sitio nace de la idea de no tener que presentar la totalidad de los trabajos realizados, sino que se lleva a cabo una selección. Junto con esto, se busca destacar los proyectos en sí, utilizando fotografías de gran tamaño y poco texto explicativo, con el fin de no obligar al usuario a leer grandes fragmentos de texto, ya que la propia imagen puede llamar su atención.


Mapa de Navegación

700px


Wireframe


Diseño de Interfaz

Propuesta I

Se quiere trabajar bajo un diseño minimalista, en donde lo más importante sean las imágenes, ya que se considera lo relevante para un diseñador. Así, se sigue el ejemplo de una barra lateral fija, la cual sirva como menu navegador, para facilitarle al usuario la navegación dentro del sitio.

Propuesta II

Se mantiene la proposición de la barra lateral, pero se cambia el sentido del scroll de los contenidos. De esta forma, se considera que se saca un mayor provecho en el uso de la barra lateral, ya que diagrama la página entera de forma horizontal, ya que los contenidos se entrelazan con ella debido a su transparencia.

HTML y CSS

Primer acercamiento: http://dl.dropbox.com/u/50990529/pbuvinic.html

Propuesta Final: https://dl.dropboxusercontent.com/u/50990529/Portafolio/index.html

Sitios de referencia

Debido a que es el primer acercamiento que se tiene con HTML, se buscaron distintos sitios que sirvieron de inspiración y de referencia para poder realizar el portafolio.

http://www.heredesign.co.uk/

http://alexandermunk.com/index.php?/news/kontakt/

http://www.ignaciomacri.com/logos/heads.html