Diferencia entre revisiones de «Portafolio Nicol Valenzuela»
Línea 115: | Línea 115: | ||
==2 Edición== | ==2 Edición== | ||
===2.1 El boleto de transporte público en Valparaíso=== (académico) | |||
===2.2 Cuaderno corporativo Banco consorcio=== (profesional) | |||
==Digital== | ==Digital== |
Revisión del 03:05 5 ago 2016
Título | Portafolio Web: Nicol Valenzuela |
---|---|
Tipo de Proyecto | Proyecto de Curso |
Palabras Clave | portafolio |
Período | 2016-2016 |
Del Curso | Construcción 4º DG 2016, |
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) | Nicol Valenzuela |
Profesor | Katherine Exss, Herbert Spencer |
URL | http://nicolvalenzuela.github.io/portafolio |
Descripción del proyecto
El portafolio web es una herramienta imprescindible para todo diseñador. Es en él donde se debe dar cuenta de las capacidades como profesional se han adquirido y qué es lo que se puede hacer con ellas, según la orientación que se tiene.
Estructura
Para definir la estructura del sitio, se tuvo en cuenta que trabajos en los cuáles se quiere hacer énfasis y en cuales no, por orden de prioridad, según el tipo de clientes a los cuales se quiere llamar. También se optó por hacer el mapa de navegación lo más simple posible, descartando pestañas innecesarias como el "acerca de", que bien puede ser sustituido por una pequeña descripción de bienvenida; así se desea que los proyectos en sí mismos sean los protagonistas, y no el perfil profesional, porque para eso está el currículum vitae, cuya descarga se pondrá a disposición en el pie de página.
Archivo:Mapa de Navegación Portafolio Nicol Valenzuela.png
Archivo:Mapa de Navegación Portafolio Nicol Valenzuela diferenciación plantillas.png
Esquema de página
Archivo:00 esquema de pagina portafolio nv ejemplo.png
- 01 esquema de pagina portafolio nv inicio.png
Inicio completo
- 02 esquema de pagina portafolio nv inicio hover.png
Inicio hover
- 03 esquema de pagina portafolio nv logos.png
Logos
- 04 esquema de pagina portafolio nv logos 01.png
Logo 01
- 05 esquema de pagina portafolio nv edicion.png
Edición
- 06 esquema de pagina portafolio nv edicion 01.png
Edición 01
- 07 esquema de pagina portafolio nv digital.png
Digital
- 08 esquema de pagina portafolio nv digital 01.png
Digital 01
- 09 esquema de pagina portafolio nv estructura inicio.png
Estructura inicio
Contenidos
Introducción
Aplicando el menos es más tanto en el diseño como el contenido, la introducción o "acerca de queda" así:
«¡Hola!
Mi nombre es Nicol Valenzuela y soy diseñadora gráfica.
Te invito a conocer mi trabajo.»
1. Logos
Según la definición anteriormente planteada en el diseño de los esquemas de página, en la plantilla Logos es posible visualizar 4 imágenes en la galería. En base a eso se hace una selección de estas y se redactan los contenidos de cada una:
- S&C Consultoría y Gestión a Empresas (profesional)
- Chiribita Encuadernaciones (profesional)
- Ciudad Abierta (académico)
- Fundación Patagonia Rural (académico)
- Sistema de Gestión A Empresas Banco Consorcio
1.1 S&C Consultoría y Gestión a Empresas
1.1.1 Imágenes:
- S&C Imágenes galería portafolio Isotipo Turquesa.jpg
S&C Isotipo muestra color turquesa
- S&C Imágenes galería portafolio Isotipo Amarillo.jpg
S&C Isotipo muestra color amarillo
- S&C Imágenes galería portafolio Isotipo Violeta.jpg
S&C Isotipo muestra color violeta
- S&C Imágenes galería portafolio Imagotipo final.jpg
S&C Imagotipo
1.1.2 Contenido:
1.2 Chiribita encuadernaciones
1.2.1 Imágenes:
- Chiribita Encuadernaciones Imágenes galería portafolio Isotipo.jpg
Chiribita encuadernaciones Isotipo
- Chiribita Encuadernaciones Imágenes galería portafolio Imagotipo color.jpg
Chiribita encuadernaciones Imagotipo color
- Chiribita Encuadernaciones Imágenes galería portafolio Imagotipo blanco y negro.jpg
Chiribita encuadernaciones Imagotipo escala de grises
- Chiribita Encuadernaciones Imágenes galería portafolio Imagotipo invertido.jpg
Chiribita encuadernaciones Imagotipo negativo
1.2.2 Contenido:
1.3 Ciudad Abierta
1.1.1 Imágenes:
- Ciudad Abierta Imágenes galería portafolio Isotipo miniatura.jpg
Ciudad Abierta Isotipo
- Ciudad Abierta Imágenes galería portafolio Isotipo Horizontal.jpg
Ciudad Abierta Imagotipo Horizontal
- Ciudad Abierta Imágenes galería portafolio Isotipo Vertical.jpg
Ciudad Abierta Imagotipo vertical
- Ciudad Abierta Imágenes galería portafolio Isotipo Horizontal negativo.jpg
Ciudad Abierta Imagotipo vertical negativo
1.1.2 Contenido:
1.4 Arraigo Patagonia Rural
1.2.1 Imágenes:
- Fundación Arraigo Patagonia Rural Imágenes galería portafolio Isotipo.jpg
Fundación Arraigo Patagonia Rural Isotipo
- Fundación Arraigo Patagonia Rural Imágenes galería portafolio Imagotipo Horizontal.jpg
Fundación Arraigo Patagonia Rural Imagotipo Horizontal
- Fundación Arraigo Patagonia Rural Imágenes galería portafolio Imagotipo Vertical Lineal.jpg
Fundación Arraigo Patagonia Rural Imagotipo Vertical Lineal
- Fundación Arraigo Patagonia Rural Imágenes galería portafolio Imagotipo Horizontal Negativo.jpg
Fundación Arraigo Patagonia Rural Imagotipo Horizontal Negativo
1.2.2 Contenido:
2 Edición
===2.1 El boleto de transporte público en Valparaíso=== (académico) ===2.2 Cuaderno corporativo Banco consorcio=== (profesional)
Digital
- Calendarización Marketing Banco Consorcio (profesional)
Capa visual
El sitio del portafolio tendrá su propio lenguaje cromático. Es decir, en el primer momento, es decir, en la presentación inicial modo parrilla, las miniaturas aparecerán con esta traducción. Luego al ingresar harán de encabezado junto a la ficha, pero en el contenido se dará a conocer el color real que fue entregado al cliente. Esto habla un poco de que si bien, son los proyectos que realizo los que dan a conocer mi trabajo, el diseño final no refleja mi estilo, sino que refleja las necesidades del cliente. Por eso he decido poner ese filtro en el primer momento. El lenguaje será el siguiente.
- Rojo: f73e3e
- Verde: 00897b
- Azul: 37474f
- Amarillo: ffd54f
- Morado: 775da8
- Violeta: a12765
- Rosado: e2aea3
- Turquesa: 67e8b6
- Marfil: fff8a2
- Negro: 2d2d2d
- Blanco: f3f7d7
- Celeste: b2dfdb