Diferencia entre revisiones de «Portafolio Nicol Valenzuela»

De Casiopea
Sin resumen de edición
Línea 11: Línea 11:
|URL=http://nicolvalenzuela.github.io/portafolio
|URL=http://nicolvalenzuela.github.io/portafolio
}}
}}
=Descripción del proyecto=
=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.
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=
=Contenidos=
 
#Identidad
##Sistema de Gestión Social y Ambiental. Profesional. 2016.
##Fundación Patagonia Rural. Académico. 2015.
##Ciudad Abierta. Académico. 2015.
##Chiribita Encuadernaciones. Personal. 2014.
##S&C Consultoria y gestión a Empresas. Profesional.  2014.
#Editorial
##El Boleto de transporte público en Valparaíso. Académico. 2015.
##Cuaderno Corporativo Banco Consorcio 2016. Profesional. 2016.
#Digital
##Calendarización marketing 2016. Profesional. 2016
 
=Arquitectura de la información=


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.
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á la ''hoja de vida'', cuya descarga se pondrá a disposición en el pie de página.


==Mapa de Navegación==
==Mapa de Navegación==
Línea 24: Línea 37:
[[Archivo:Mapa_de_Navegación_Portafolio_Nicol_Valenzuela.png|2000px]]
[[Archivo:Mapa_de_Navegación_Portafolio_Nicol_Valenzuela.png|2000px]]


[[Archivo:Mapa_de_Navegación_Portafolio_Nicol_Valenzuela_diferenciación_plantillas.png|2000px]]
=Propuesta I=


==Esquema de página==
==Esquema de página alta densidad==


[[Archivo:00_esquema_de_pagina_portafolio_nv_ejemplo.png|2000px]]
[[Archivo:00_esquema_de_pagina_portafolio_nv_ejemplo.png|2000px]]
Línea 42: Línea 55:
</gallery>
</gallery>


=Contenidos=
==Interfaz==
 
==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!''<br>
''Mi nombre es Nicol Valenzuela  y soy diseñadora gráfica. <br>
''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 [http://wiki.ead.pucv.cl/images/1/11/04_esquema_de_pagina_portafolio_nv_logos_01.png 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''' (personal)
# '''Ciudad Abierta''' (académico)
# '''Fundación Patagonia Rural''' (académico)
# '''Sistema de Gestión Ambiental  (profesional)'''
 
===1.1 S&C Consultoría y Gestión a Empresas===
 
'''1.1.1 Imágenes:''' <br>
 
<gallery>
Archivo:S&C_Imágenes_galería_portafolio_Isotipo_Turquesa.jpg|S&C Isotipo muestra color turquesa
Archivo:S&C_Imágenes_galería_portafolio_Isotipo_Amarillo.jpg|S&C Isotipo muestra color amarillo
Archivo:S&C_Imágenes_galería_portafolio_Isotipo_Violeta.jpg|S&C Isotipo muestra color violeta
Archivo:S&C_Imágenes_galería_portafolio_Imagotipo_final.jpg|S&C Imagotipo
</gallery>
 
'''1.1.2 Contenido:'''<br>
 
===1.2 Chiribita encuadernaciones===
 
'''1.2.1 Imágenes:''' <br>
 
<gallery>
Archivo:Chiribita_Encuadernaciones_Imágenes_galería_portafolio_Isotipo.jpg|Chiribita encuadernaciones Isotipo
Archivo:Chiribita_Encuadernaciones_Imágenes_galería_portafolio_Imagotipo_color.jpg|Chiribita encuadernaciones Imagotipo color
Archivo:Chiribita_Encuadernaciones_Imágenes_galería_portafolio_Imagotipo_blanco_y_negro.jpg|Chiribita encuadernaciones Imagotipo escala de grises
Archivo:Chiribita_Encuadernaciones_Imágenes_galería_portafolio_Imagotipo_invertido.jpg|Chiribita encuadernaciones Imagotipo negativo
</gallery>
 
'''1.2.2 Contenido:'''<br>
 
===1.3 Ciudad Abierta===
 
'''1.1.1 Imágenes:''' <br>
 
<gallery>
Archivo:Ciudad_Abierta_Imágenes_galería_portafolio_Isotipo miniatura.jpg|Ciudad Abierta Isotipo
Archivo:Ciudad_Abierta_Imágenes_galería_portafolio_Isotipo_Horizontal.jpg|Ciudad Abierta Imagotipo Horizontal
Archivo:Ciudad_Abierta_Imágenes_galería_portafolio_Isotipo_Vertical.jpg|Ciudad Abierta Imagotipo vertical
Archivo:Ciudad_Abierta_Imágenes_galería_portafolio_Isotipo_Horizontal_negativo.jpg|Ciudad Abierta Imagotipo vertical negativo
</gallery>
 
'''1.1.2 Contenido:'''<br>
 
===1.4 Arraigo Patagonia Rural===
 
'''1.2.1 Imágenes:''' <br>
 
<gallery>
Archivo:Fundación_Arraigo_Patagonia_Rural_Imágenes_galería_portafolio_Isotipo.jpg|Fundación Arraigo Patagonia Rural Isotipo
Archivo:Fundación_Arraigo_Patagonia_Rural_Imágenes_galería_portafolio_Imagotipo_Horizontal.jpg|Fundación Arraigo Patagonia Rural Imagotipo Horizontal
Archivo:Fundación_Arraigo_Patagonia_Rural_Imágenes_galería_portafolio_Imagotipo_Vertical_Lineal.jpg|Fundación Arraigo Patagonia Rural Imagotipo Vertical Lineal
Archivo:Fundación_Arraigo_Patagonia_Rural_Imágenes_galería_portafolio_Imagotipo_Horizontal_Negativo.jpg|Fundación Arraigo Patagonia Rural Imagotipo Horizontal Negativo
</gallery>
 
'''1.2.2 Contenido:'''<br>
 
==2. Edición==
===2.1 El boleto de transporte público en Valparaíso===
===2.2 Cuaderno corporativo Banco consorcio===
 
==3. Digital==
===3.1 Calendarización Marketing Banco Consorcio===
 
=Interfaz gráfica=
 
==Propuesta 1==


El sitio del portafolio tendrá su propio lenguaje cromático, donde todos los colores delos proyectos de traducen a ellos. Es decir, en el primer momento 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 sitio del portafolio tendrá su propio lenguaje cromático, donde todos los colores delos proyectos de traducen a ellos. Es decir, en el primer momento 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.
Línea 142: Línea 74:
*'''Celeste:''' b2dfdb
*'''Celeste:''' b2dfdb


[[Archivo:Capa_visual_Portafolio_Nicol_Valenzuela_Inicio.png|thumb|700px|center|Inicio Look&Feel]]
<gallery>
[[Archivo:Capa_visual_Portafolio_Nicol_Valenzuela_Galería.png|thumb|700px|center|Galería Look&Feel]]
Archivo:Capa_visual_Portafolio_Nicol_Valenzuela_Inicio.png|Inicio Look&Feel
Archivo:Capa_visual_Portafolio_Nicol_Valenzuela_Galería.png|Galería Look&Feel
</gallery>


==Propuesta final==
=Propuesta II=
 
==Esquema de página alta densidad==


[[Archivo:Portafolio_NV_Illustrator_sabanazo inicial.jpg|thumb|700px|center|sabanazo inicial]]
[[Archivo:Portafolio_NV_Illustrator_sabanazo inicial.jpg|thumb|700px|center|sabanazo inicial]]
==Interfaz==

Revisión del 22:25 14 ago 2016

TítuloPortafolio Web: Nicol Valenzuela
Tipo de ProyectoProyecto de Curso
Palabras Claveportafolio
Período2016-2016
Del CursoConstrucción 4º DG 2016,
CarrerasDiseñ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
ProfesorKatherine Exss, Herbert Spencer
URLhttp://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.

Contenidos

  1. Identidad
    1. Sistema de Gestión Social y Ambiental. Profesional. 2016.
    2. Fundación Patagonia Rural. Académico. 2015.
    3. Ciudad Abierta. Académico. 2015.
    4. Chiribita Encuadernaciones. Personal. 2014.
    5. S&C Consultoria y gestión a Empresas. Profesional. 2014.
  2. Editorial
    1. El Boleto de transporte público en Valparaíso. Académico. 2015.
    2. Cuaderno Corporativo Banco Consorcio 2016. Profesional. 2016.
  3. Digital
    1. Calendarización marketing 2016. Profesional. 2016

Arquitectura de la información

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á la hoja de vida, cuya descarga se pondrá a disposición en el pie de página.

Mapa de Navegación

Archivo:Mapa de Navegación Portafolio Nicol Valenzuela.png

Propuesta I

Esquema de página alta densidad

Archivo:00 esquema de pagina portafolio nv ejemplo.png

Interfaz

El sitio del portafolio tendrá su propio lenguaje cromático, donde todos los colores delos proyectos de traducen a ellos. Es decir, en el primer momento 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.

Lenguaje cromático de inicio.

  • Rojo: f73e3e
  • Verde: 00897b
  • Azul: 37474f
  • Amarillo: ffd54f
  • Morado: 775da8
  • Violeta: a12765
  • Rosado: e2aea3
  • Turquesa: 67e8b6
  • Marfil: fff8a2
  • Negro: 2d2d2d
  • Blanco: f3f7d7
  • Celeste: b2dfdb

Propuesta II

Esquema de página alta densidad

Interfaz