lunes, 19 de diciembre de 2016
lunes, 7 de noviembre de 2016
Ejercicio 4
Descripción del Encargo: Elegir una marca y diseñar 2 banners considerando las sgtes medidas:
-Un banner de ancho 360ppp y de alto 400ppp, resolución 72ppp y modo de color
RGB.
-Un segundo banner de ancho 2000ppp y de alto 250, resolución 72ppp y modo de color RGB.
Primer Banner:
Segundo Banner:
miércoles, 2 de noviembre de 2016
Proyecto "Crea Tu Marca"
La municipalidad de Coquimbo en conjunto con Inacap han llevado acabo el proyecto
"Crea tu marca", proyecto en el cuál participan estudiantes de sexto semestre
de la Carrera de Diseño Gráfico Profesional con el fin de asesorar a emprendedores
en cuanto a su imagen de marca.
Encargo:
Se realizaron grupos de 3 estudiantes, que asesoraban a 3 emprendedores.
En una primera etapa se hizo un levantamiento de información en una reunion
con los emprendedores, luego la etapa de diseño de imagen de marca y finalmente
el manual corporativo.Para realizar este trabajo se hizo bajo el nombre de la
agencia "LAPIPA ESTUDIO" que estuvo conformado por Ilich Cáceres, Fabian Carvajal
y Luis Alfaro, en mi caso me tocó realizar el proceso de diseño de el emprendimiento
"Isari Confecciones".
Manual Corporativo "Isari Confecciones":
Descargar Pendón Isari
Descargar Papelería (Originales de Imprenta)
viernes, 28 de octubre de 2016
Proyecto Home 2
Descripción del Encargo: El ejercicio de esta segunda entrega consistía en armar una home real, con un tema a libre elección, pero basado en el frame del ejercicio número 2
viernes, 21 de octubre de 2016
Proyecto Home
Descripción del proyecto: Ejercicio guiado para la creación de una home con temática a elección, trabajo bajo las bases de las reglas de Bootstrap y algunas creadas por uno mismo.
Captura de pantalla home:
Descargar archivo ejercicio 3
Captura de pantalla home:
Descargar archivo ejercicio 3
viernes, 30 de septiembre de 2016
Ejercicio guiado 1 y 2 (Diseño Web)
Regla 01.css
<link href="css/01.css" rel="stylesheet">
La creación de este link, nos sirve para establecer una regla dentro de nuestro
archivo HTML que en este caso nos sirve para determinar colores de fondo a cada una de las partes de nuestro frame.
Basic Template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Capturas de Pantallas
![]() |
Ejercicio 1 |
![]() |
Ejercicio 2 |
Descarga de Archivos
miércoles, 14 de septiembre de 2016
Proyecto N°4 Estudio de Caso
Wine Pouch (R)evolution
Wine Pouch (R)evolution es un vino de la marca "Gigante-Rosso del Vigneto Nuovo" (Italia) el cuál el proyecto de diseño de su packaging comenzó en el año 2013 y finalizó el año 2014, aunque a pesar de ello este producto aún no está en el mercado. Pero está diseñado pensando en darle un giro a la visión crítica que se tiene sobre los vinos de la categoría "bag in box" (vino en bolsa), para así poder apuntar a un tipo de público diferente del que acostumbra a consumir vinos "bag in box" en Europa, un público más refinado. Todo esto esperando se espera lograr única y exclusivamente gracias al diseño del packaging.
Otros productos bajo la misma marca:
![]() |
Cabernet Franc |
![]() |
Friulano |
Público Objetivo
Con este producto se busca innovar y dar un giro a la percepción que se tiene sobre los vinos en bolsas, es por eso que este producto apunta a un público exigente y dispuesto a los cambios, para que sea atraído por su packaging a consumir un vino en bolsa.
Por lo tanto este producto está pensado para un GSE dentro del rango C1-C3Mercado y Comunicación
En cuanto al mercado y la comunicación no hay información aún de ello ya que este producto aún no es lanzado al mercado, pero en cuanto a los "canales de distribución", a pesar de que el producto no está en el mercado, el hecho de que su packaging haya participado en diferentes certámenes de diseño habiendo ganado más de 5 premios por diseño e innovación, le ha proporcionado bastante popularidad en diferentes países Europeos.
Competencia de la marca o producto
Materialidad del Packaging
Diseño del Producto
viernes, 26 de agosto de 2016
Presentación Diseño Web
Web 2.0
¿Qué es la web 2.0?
Web 2.0 es un concepto que nada de la actualización de su antecesor (web 1.0) y que apunta básicamente a transformar la web en algo más dinámico donde los usuarios pueden interactuar mucho más en ella, dando opinión de los contenidos, publicando contenidos y esto se suma que la web 2.0 abarca la inclusión de Audio, Video y Animación en la web.
Nube Virtual
Permite una separación funcional entre los recursos de tu computadora y otros recursos que se utilizan, lo que se traduce en utilizar recursos en un lugar remoto a los que se acceden por internet.
-Ventajas: puedes compartirla con amigos y familiares y acceder a ella las 24 horas del día, los 365 días del año y desde cualquier lugar del mundo, siempre y cuando tengas conexión a internet. Otra ventaja es el respaldo de archivos, Bajos costos, actualización constante.
HTML5
Es la versión más nueva del Lenguaje de Marcado de Hipertexto (código en que se programan los sitios web), y cambia los paradigmas de desarrollo y diseño web que se tenían al introducir herramientas notables como etiquetas que permiten la publicación de archivos de audio y video con soportes de distintos codecs; tags para que los usuarios dibujen contenidos en 2D y 3D; cambios en los llenados de formularios; y una web semántica mucho mejor aprovechada.
Un elemento esencial de la web el lenguaje demarcado para crear las páginas web HTML permite describir la estructura y el contenido de una página web como el texto y también permite incluir imágenes HTML5 es la quinta y última versión por ahora.
Tipos de Sitios Web
En internet podemos encontrar diferentes tipos de sitios web que se clasifican según diferentes parámetros entre los que podemos mencionar como:
- Visibilidad de contenidos
- Actualización de contenidos
- Actividad o fin principal
1.-Visibilidad de contenidos
-Intranets: Es un sitio web instalado en una red privada con un fin principalmente empresarial u organizacional.
-Extranets: Se entiende como una "intranet llevada a internet", es decir, sigue siendo un sitio web con una finalidad privada, restringida a un número determinado de personas, pero cuyo alcance requiere que esté en Internet. Como ejemplos de extranets podemos considerar cualquier área privada de un sitio web que permite al usuario consultar, modificar, crear y eliminar datos internos de la empresa.
-Extranets: Se entiende como una "intranet llevada a internet", es decir, sigue siendo un sitio web con una finalidad privada, restringida a un número determinado de personas, pero cuyo alcance requiere que esté en Internet. Como ejemplos de extranets podemos considerar cualquier área privada de un sitio web que permite al usuario consultar, modificar, crear y eliminar datos internos de la empresa.
-Sitios Web Públicos:Este es un sitio web "al uso", de información pública, originado para ser utilizado por todos los usuarios.
2.- Actualización de Contenidos
-Estáticos: Sitios web en los que los contenidos no se modifican. Son sitios web que se han creado y cuya información permanece inalterada con el paso del tiempo
-Dinámicos: Aquellos cuyos contenidos varían de forma permanente. Las redes sociales, los periódicos, etc, son claros ejemplos de estos tipos de sitios web.
-Combinación de Ambos Tipos: En el sector de las webs de tipo empresarial, suele ser habitual combinar cierta información estática (Quienes somos, Donde estamos, Filosofía, etc.) con información dinámica (Noticias de la empresa, proyectos realizados, etc.)
3.-Actividad o fin principal:
-Comercial/Publicitaria: Los sitios web de la mayor parte de la empresa tienen este objetivo principal,dar a conocer la empresa y publicitar sus servicios. Incluiríamos aquí los minisites de productos o campañas específicas.
-Venta: Los sitios web de comercio electrónico tienen como objetivo principal la venta de productos.
-Sociales: Sitios web en los que toda la información que incluyen es generada por los usuarios del sitio web. Los foros, blogs, redes como facebook o myspace, etc.
-Informativos: Basados principalmente en contenidos presentados por el sitio web, son la contraposición a las redes sociales, ya que aquí los contenidos se actualizan muy frecuentemente pero por usuarios "dentro" de la empresa. Podemos incluir aquí periódicos, información del tiempo, bolsa, etc.
-Buscadores: Sitios web que permiten encontrar a un usuario lo que busca. Incluimos aquí los buscadores propiamente dichos (Google, Bing, Yahoo...) y los directorios de servicios, productos, etc.
Bibliografía
https://hipertextual.com/archivo/2013/05/entendiendo-html5-guia-para-principiantes/
https://hipertextual.com/archivo/2012/08/curso-html/
http://www.estudioseijo.com/noticias/tipos-de-sitios-web.htm
***PRESENTACIÓN PENDIENTE***
miércoles, 24 de agosto de 2016
Proyecto Hito de Chile: "La Conquista de Chile"

Descripción del Encargo:
Diseñar un rótulo para una lata de cerveza el cuál tenga como "tópico"
algún Hito Histórico Chileno. La idea principal es que la pieza gráfica
cuente una historia o muestre algún hecho histórico a medida que uno
vaya girando la lata donde para que provoque una armonía en el diseño
de esta misma y así se genere interacción al unir una lata con otra mostrando diferentes caras.
Recopilación de Información:
El primer intento de conquista que tuvo Chile lo realizó el español Diego de Almagro, que venía a buscar riqueza y fama, aunque sus posibilidades se redujeron a la fama, pues en Chile no había riqueza mineral, pero si muchos indígenas poco dispuestos a ceder sus territorios. Esta situación hizo que Almagro volviera a su lugar de inicio para intentar ser el conquistador de la cultura Inca, cosa que tampoco logró realizar.
Pedro de Valdivia mientras tanto se encontraba peleando junto a Francisco Pizarro que le ofreció una mina de plata y una encomienda de indios como premio. A pesar de ello, Valdivia quería con mucho más fuerza la notoriedad y pasar a la historia como un protagonista, así que a pesar de la mala fama que adquirió Chile, vendió todas sus riquezas y pidió ayuda financiera para embarcarse en la empresa de conquista que terminaría siendo la definitiva en tierras chilenas.
Partió en 1539 eligiendo una ruta distinta a la de su predecesor, pues Almagro había venido en Invierno por el camino de la Cordillera de Los Andes pasando las penurias del frío y las tempestades, perdió gente y recursos en el camino. Valdivia en cambio tomó la ruta de desierto, no fácil, pero si más llevadera y segura que la anterior. La empresa de Valdivia era mucho más modesta, pero sin duda más comprometida, al llegar al Valle del río Mapocho se fundó la ciudad de Santiago en 1520.
La ciudad de Santiago fue muchas veces embestida y los fuertes españoles también, los indígenas chilenos, predominantemente Mapuches, no tenían idea de dominaciones ni autoridades, incluso ya habían expulsado de sus tierras las pretensiones Incas, por lo que se negaron de manera absoluta a aceptar la era española. Cuidaron sus sagradas tierras, elaboraron nuevas estrategias de guerra y aprendieron a usar armas y caballos traídos de Europa. Nunca se dieron por vencidos y nunca sufrieron una derrota definitiva, por lo cual el proceso de conquista en Chile es único: nunca llegó a concretarse la ocupación y la conquista fueron simultáneos, y aunque muchas veces retrocedieron ante los avances, volvían a tomar control de sus territorios, incluso dos gobernadores fueron muertos en la guerra de Arauco, situación que fue suficiente para que la corona española dictaminara que no se financiarían las guerras en Chile, pues durante mucho tiempo recibieron ayuda del virreinato peruano, pues ya no tenía sentido avanzar, sino que la estrategia fue consolidar lo ya ocupado. Se estableció la frontera del Bíobio, atravesándola era influencia indígena y los fue hasta que la Independencia, donde desde el marco jurídica de la patria chilena, señaló los límites fronterizos de Chile, y con ello sus normas y deberes. A la vez que incluía los territorios indígena, Chile post Independencia fue un sólo Estado y la ocupación del sur sería paulatina a partir de ahí.
Imagenes:
Motivo de la Elección:
La razón principal para elegir este hito historico para mi proyecto, es el hecho de que fue uno de los primeros acontecimientos que generaron cambios en Chile tanto en lo territorial, cultural y religioso. Debido a que este hito marcó lo que sería el primer paso a la creación de las regiones en Chile y el responsable a la vez de delimitar el territorio de lo que hoy conocemos como Chile.
Bocetaje:
Resultados Finales:
martes, 14 de junio de 2016
Proyecto de papelería de marca
Descripción del Encargo:
El proyecto se divide en 2 etapas. La 1era etapa consta en elegir una marca cualquiera y hacer una investigación en donde se dará a conocer una pequeña reseña de su historia, analizar las últimas campañas publicitarias realizadas por dicha marca e identificar tipografía y cromática que utiliza.
En la 2da etapa se da paso a generar una pieza gráfica(afiche) en la que debe estar compuesta por un color pantone, una imagen a color y una en blanco y negro(ambas imagenes configuradas con sus respectivos perfiles de color), luego de tener listo el afiche se pasa a la ultima parte de esta segunda etapa con la creación de papelería en diferentes formatos.
Primera Etapa
Comienzos de la Marca
En 1966 nacía, de mano de los hermanos Van Doren, una fábrica de manufactura de zapatos en California. Los Van, muy ligados a la industria textil del calzado, comenzaron a producir un modelo canvas de suela vulcanizada, al que debido a las limitaciones y a su buen ojo profesional, decidieron hacer personalizable. Así, cualquiera podía elegir los colores -basicamente dos- en los que quería su zapatillas a cambio de pagar un extra. Ese calzado comenzó a hacerse notorio entre los skaters del sur de California, y a medida que pasaban los años, la empresa que nació como una fábrica que vendía al público, se convirtió en Vans, una de las marcas más célebres del mundo urban.Recopilación de Datos
Campañas Publicitarias:
![]() |
Campaña día del Niño. |
![]() |
Tour Propeller. |
![]() |
Celebración 50 años de Vans. |
![]() |
Off the wall! |
![]() |
Campaña 2013 |
![]() |
Campaña 40 años de Vans |
Presentación de la Marca:
2da Etapa
Layout del afiche
Afiche Original
Papelería
Papelería Vans
Descargas
Archivos Illustratordescargar aquí
Archivos PDF
descargar aquí
jueves, 9 de junio de 2016
Proyecto Originales de Imprenta.
Descripción del Encargo:
El encargo consta en realizar una infografía relacionada con la preparación de originales para
imprenta con el que se obtendrá un producto final que en este caso es un tríptico. En él va el
paso a paso de como crear un tríptico y por cuales procesos debe pasar para llegar al resultado
final, teniendo así 6 estaciones a desarrollarse.
Las 6 estaciones con las que tenemos que contar son las siguientes:
1.-Recopilación de Datos
2.-Bocetaje
3.-Archivo Digital
4.-Original de Imprenta
5.-Sistema Offset
6.-Producto Final
Bocetos de estaciones y Vectorización.
Estación 1: Recopilación de Datos.
El encargo consta en realizar una infografía relacionada con la preparación de originales para
imprenta con el que se obtendrá un producto final que en este caso es un tríptico. En él va el
paso a paso de como crear un tríptico y por cuales procesos debe pasar para llegar al resultado
final, teniendo así 6 estaciones a desarrollarse.
Las 6 estaciones con las que tenemos que contar son las siguientes:
1.-Recopilación de Datos
2.-Bocetaje
3.-Archivo Digital
4.-Original de Imprenta
5.-Sistema Offset
6.-Producto Final
Bocetos de estaciones y Vectorización.
Estación 1: Recopilación de Datos.
Estación 2: Bocetos.
Estación 3: Archivo Digital.
Estación 4: Original de Imprenta.
Estación 5: Sistema Offset.
Estación 6: Producto Final
Resultado Final

Descarga de la infografía:
Suscribirse a:
Entradas (Atom)