1
2
- Diseño Gráfico e Ilustración -
3
LICENCIATURA EN DISEÑO GRÁFICO
4
Universidad Dr. José Matías Delgado Escuela de Diseño “Rosemarie Vázquez Liévano de Ángel” 2015 Diseño gráfico / edición / diagramación / traducción: Claudia Ventura Dirección Editorial: Elsy Lemus
5
CONTENIDO 01 BRANDING
15 SHAKA LAKA / Redise単o de marca 16 SUCHITOTO / Dise単o de marca 18 SEVIALCA / Redise単o de marca 22 CLASSIC & YOUNG / Dise単o de marca
6
02
03
27
PAC / Diseño de campaña política
35
LETTERING / Tipografía ilustrada
28
TROPICAL / Diseño de envase
36
CONEJO / Ilustración
30
BED HEAD / Diseño de campaña publicitaria
37
SIRENA / Ilustración
38
CUAK CUAK ¿QUÉ SOY? / Libro infantil
PUBLICIDAD
ILUSTRACIÓN
04
05
43
TUTTI FRUTTI / Libro infantil
51
ITALIO / Diseño sitio web
44
LIDERAZGO CON PROPÓSITO / Diseño de cubierta suelta
52
LIVE EARTH / Diseño sitio web
46
GALA / Diseño de Revista
EDITORIAL
WEB
7
8
Simple
Moderno
Directo
9
10
11
12
01
Branding capĂtulo uno
13
14
SHAKA LAKA Rediseño de marca
El propósito del rediseño de la marca es crear una imagen dinámica y atractiva. La tipografía ha sido estilizada de manera que se pueda identificar el producto que vende la marca (leche); usando los colores café y blanco para lograr un mayor contraste. The purpose of the redesign of the brand is to create a dynamic and attractive image. The typography has been streamlined so that they can identify the product that sells the brand (milk); using brown and white colors for greater contrast.
APLICACIÓN A DISPLAY
Diseño de display Objetivo: Crear un diseño dinámico y atractivo para impulsar y promover las ventas del producto. Materiales: Estructura de trovicel, impresión en vinilo adhesivo. Dimensiones: 0.7x1.80 m
Display design Objective: Create a dynamic and attractive to encourage and promote sales of the product design. Materials: Structure trovicel, printing on adhesive vinyl. Dimensions: 0.7x1.80 m
b r a n d i n g
15
SUCHITOTO Diseño de marca
b r a n d i n g
16
Concepto / Sembrando Cultura Suchitoto es caracterizado por sus diversos cultivos, pero no solamente de granos básicos, sino también en productos gastronómicos que conforman la cultura y representan al municipio. Otra de las características son sus actividades religiosas que celebran año tras año.
Concept / Sowing Culture Suchitoto is characterized by its diverse cultures, but not only grains, but also in food products that shape the culture and represent the municipality. Another feature that religious activities are held year after year.
Racional Se ha trabajado tipográficamente, combinando 2 fuentes diferentes, una sans serif y la otra script generando equilibrio en la composición del logo. La paleta cromática son colores cálidos que se relancionan con el clima del municipio y refleja la agricultura.
Rational It has worked typographically, combining 2 different sources, a sans serif and the other script generating balance in the composition of the logo. The color palette are warm colors relancionan climate reflects the municipality and agriculture.
Pictogramas
Pictograms
Objetivo: Crear diferentes íconos para las festividades que se realizan en el municipio. Programa: Adobe Ilustrador.
Objective: Create different icons for the festivities that take place in the municipality. Program: Adobe Illustrator.
DiseĂąo de manual de marca Objetivo: Crear y definir la imagen corporativa de municipio, para lograr un mayor reconocimiento y posicionamiento de la marca. Materiales: Empastado y laminado en mate (portada); Couche 80 (pĂĄginas internas). Dimensiones: 8.5x8.5 pulg
Brand manual design Objective: Create and define the corporate image of the town to achieve greater recognition and brand positioning. Materials: Plaster and rolled matt (cover); Couche 60 (internal pages). Dimensions: 8.5x8.5 in
INFOGRAFĂ?A
b r a n d i n g
17
SEVIALCA Rediseño de marca
b r a n d i n g
18
Concepto / Dirección Dirección es la acción y efecto de dirigir (llevar algo hacia un lugar, guiar, orientar). El principal objetivo de la empresa que es orientar a cada uno de los conductores por carreteras seguras y señalizadas.
Concept / Direction Direction is the action and effect of directing (bring something to a place, guide). The main objective of the company is to guide each of the conductors for safer roads and marked.
Racional La letra “S” ha sido estilizada de manera que represente una carretera y de igual forma funcione como un elemento principal de la marca. A través de las dos flechas que rodean la carretera hace referencia a la dirección; además se han utilizado los colores naranja y amarillo que son colores que reflejan prevención, y también genera un contraste con el gris oscuro.
Rational The letter “S” has been streamlined so that it represents a road and similarly function as a main element of the mark. Through the two arrows surrounding the road refers to the address; we have also used the orange and yellow colors are colors that reflect prevention, and also creates a contrast with the dark gray.
Diseño de manual de marca Objetivo: Crear y definir la imagen corporativa de la empresa, para lograr un mayor reconocimiento y posicionamiento de la marca. Materiales: Empastado y laminado en mate (portada); Couche 60 (páginas internas). Dimensiones: 10x10 pulg
Brand manual design Objective: Create and define the corporate image of the company to achieve greater recognition and brand positioning. Materials: Plaster and rolled matt (cover); Couche 60 (internal pages). Dimensions: 10x10 in
APLICACIÓN DE PAPELERÍA
b r a n d i n g
19
SEVIALCA
Campaña publicitaria Objetivo: Diseñar y crear una campaña de concientización para prevenir accidentes en las carreteras, dirigido a conductores y peatones. Técnica: Digital Programas: Adobe Ilustrador y Photoshop.
VALORA TU VIDA
Señales dirigidas a los conductores: Ubicadas estratégicamente en los altos y semáforos de las carreteras.
20
Intervenciones en carreteras y avenidas: Ubicadas en las franjas peatonales.
mientras manejas mientras manejas valora tu vida
b r a n d i n g
Objective: Designing and creating an awareness campaign to prevent road accidents, aimed at drivers and pedestrians. Technique: Digital Programs: Adobe Illustrator and Photoshop.
valora tu vida
valora su vida
valora tu vida
SEVIALCA
Rediseño de sitio web
Sitio Web
Web site
Objetivo: Rediseñar la plataforma web de la empresa, para dar a conocer los productos y servicios a sus clientes. Técnica: Digital Programas: Adobe Ilustrador y Dreamweaver. Dimensiones: 960x720 px
Objective: Design the web platform of the company, to present products and services to its customers. Technique: Digital Program: Adobe Illustrator and Dreamweaver. Dimensions: 960x720 px
Pantalla Desktop 960x720 px Pantalla Laptop 960x720 px
b r a n d i n g
21
CLASSIC & YOUNG Diseño de marca
Classic & Young nace de la idea de crear zapatillas dirigidas a un público juvenil, siendo una marca fresca y moderna pero a la vez vendiendo un producto clásico. Classic & Young was born from the idea of creating shoes aimed at a young audience, with a fresh and modern brand yet classic selling a product.
APLICACIÓN DE PAPELERÍA
b r a n d i n g
22
classic & young
Producto: Zapatillas Objetivo: Crear una amplia variedad de estilos por medio del dise単o de superficies. Programas: Adobe Ilustrador y Photoshop.
Product: Sneakers Objective: Create a wide variety of styles through surface design. Programs: Adobe Illustrator and Photoshop.
b r a n d i n g
23
24
02
Publicidad capĂtulo dos
25
26
PAC
Diseño de campaña política
Diseño de afiches Objetivo: Crear una campaña política. Programa: Adobe Ilustrador. Materiales: Foldcote 100, impresión digital. Dimensiones: 13x19 pulg
Poster design Objective: Create a political campaign. Program: Adobe Illustrator. Materials: Foldcote 100, digital printing. Dimensions: 13x19 in
APLICACIÓN A KIOSKO
Kioscos Informativos: Diseño de unidad informativa. Information kiosks: Design of information unit.
IDEN PRES
TA
2015
p u b l i c i d a d Transformando el país
27
TROPICAL Diseño de envase
p u b l i c i d a d
28
Objetivo: Crear un nuevo diseño de envase y gráfica como parte del rediseño de la marca. Programa: Adobe Ilustrador y Photoshop. Materiales: Plástico. Dimensiones: 5 pulg Objective: Create a new package design and graphics as part of the redesign of the brand. Program: Adobe Illustrator and Photoshop. Materials: Plastic. Dimensions: 5 in
Tamaño Portátil Envase de plástico
Campaña de expectación Objetivo: Presentar el diseño del envase y mediante un color diferente crear expectativa de un nuevo producto. Programa: Adobe Ilustrador y Photoshop.
Campaign expectation Objective: Presenting the package design and a different color by creating expectations of a new product. Programs: Illustrator and Photoshop.
APLICACIÓN A STAND
p u b l i c i d a d
29
BED HEAD
Diseño de campaña publicitaria
El propósito de la campaña publicitaria es generar mayor reconocimiento de la marca a través de diferentes medios como el btl y la realización de un display, y que a su vez incremente las ventas de los productos para el cuidado del cabello. The purpose of the advertising campaign is to generate greater brand recognition through various means such as BTL and the realization of a display, and in turn increase sales of products for hair care.
APLICACIÓN A DISPLAY
Diseño de display Objetivo: Crear un diseño moderno, juvenil y atractivo, dirigido a un público femenino. Ubicados en los salones de belleza. Materiales: Estructura de trovicel, impresión en vinilo adhesivo. Dimensiones: 0.7x1.80 m
Display design
30
Objective: create a modern, youthful and attractive design, aimed at a female audience. Located in beauty salons. Materials: Structure trovicel, printing on adhesive vinyl. Dimensions: 0.7x1.80 m
Campaña publicitaria Objetivo: Crear una pieza publicitaria que interactúe con el público femenino y dar a conocer la variedad de productos. Ubicado en baños de centros comerciales. Programa: Photoshop.
Advertising campaign Objective: Create an advertising piece that interacts with the female audience and raise awareness of the variety of products. Located in baths malls. Program: Photoshop.
BTL
31
32
03
Ilustraci贸n cap铆tulo tres
33
34
ILUSTRACIONES Digitales
Ilustraci贸n de tipograf铆a Programas: Adobe Ilustrador. T茅cnica: Digital, vectores. Dimensiones: 6x6 pulg
Illustration of typography Programs: Adobe Illustrator. Technique: Digital, vectors. Dimensions: 6x6 in
i l u s t r a c i 贸 n
35
i l u s t r a c i 贸 n
36
Ilustraci贸n de persona je Programas: Adobe Ilustrador. T茅cnica: Digital, utilizando vectores. Dimensiones: 6x12 pulg
Character illustration Programs: Adobe Illustrator. Technique: Digital, using vectors. Dimensions: 6x12 in
ILUSTRACIONES Digitales
Ilustraci贸n de Sirena Programas: Adobe Ilustrador. T茅cnica: Digital, utilizando vectores. Dimensiones: 14 x10 pulg
Illustration mermaid Programs: Adobe Illustrator. Technique: Digital, using vectors. Dimensions: 14x10 in
i l u s t r a c i 贸 n
37
CUAK CUAK Libro ilustrativo
i l u s t r a c i ó n
38
Libro Infantil Creación y diseño de libro ilustrativo, dirigido a un público infantil de 3 años en adelante. Se creó una variedad de personajes (animales de granja) para dar vida a la historia donde el personaje principal (el pato) pierde la memoria y anda en búsqueda de su verdadera identidad. La dinámica de este libro consiste en que los niños aprendan los nombres de los animales y reconozcan los sonidos que emiten, por medio de onomatopeyas.
Children’s Book Creation and design illustrative book, aimed at children 3 and older. A variety of characters (farm animals) was created to give life to the story where the main character (duck) loses his memory and is in search of his true identity. The dynamics of this book is that children learn the names of animals and recognize the sounds they make, through onomatopoeia.
Materiales: Empastado, cartón piedra recubierto de adhesivo brillante barnizado (portada); cartón chip recubierto de adhesivo brillante barnizado (páginas internas). Dimensiones: 7x4.5 pulg, formato horizontal.
Materials: Plaster, plasterboard coated glossy adhesive coating (cover); chip board coated glossy adhesive coating (internal pages). Dimensions: 7x4.5 in, horizontal format.
Ilustración de persona je Objetivo: Crear un personaje que sea atractivo para los niños; y que a través de diferentes posiciones imite a otros personajes de la granja. Programas: Adobe Ilustrador. Técnica: Digital, utilizando vectores.
Character illustration Objective: To create a character that is appealing to children; and through different positions imitate other characters in the farm. Programs: Adobe Illustrator. Technique: Digital, using vectors.
ILUSTRACIONES PERSONAJES
i l u s t r a c i ó n
i l u s t r a c i ó n
39
40
04
Editorial capĂtulo cuatro
41
42
TUTTI FRUTTI Libro infantil Objetivo: Crear el diseño de un libro dirigido a un público infantil; con el propósito de que los niños conozcan y aprendan las frutas y sus nombres. Materiales: Cartón piedra, empastado y laminado con acabado brillante (portada), cartón chip laminado con acabado brillante (páginas internas), papel fabriano con impresión en adhesivo blanco laminado brillante (troqueles y dobleces). Técnica: Digital Programa: Adobe Ilustrador.
Objective: Create the design of a book aimed at children; in order that children know and learn the fruits and their names. Materials: Stone paperboard, pasted and laminating with glossy finish laminate (cover), chip board with glossy finish (internal pages), fabriano printing paper glossy white adhesive laminate (cuts and folds). Technique: Digital Program: Adobe Ilustrator.
Ilustración de Frutas
Fruit illustration
Programas: Adobe Ilustrador. Técnica: Digital, utilizando vectores. Dimensiones: 8x8 pulg, formato cuadrado
Programs: Adobe Illustrator. Technique: Digital, using vectors. Dimensions: 8x8 in, square format.
e d i t o r i a l
43
RICK WARREN Cubierta Suelta
e d i t o r i a l
44
DISEÑO CUBIERTA SUELTA
Objetivo: Diseñar la cubierta suelta para un libro dirigido a un público adulto; haciendo uso de la ilustración para que el diseño sea mas atractivo pero a la vez serio. Materiales: Papel constelación de puntos. Técnica: Digital Programa: Adobe Ilustrador. Objective: Loose cover design for a book aimed at an adult audience; using the illustration for the design is more attractive but at the same time seriously. Materials: Paper constellation points. Technique: Digital Program: Adobe Illustrator.
Solapa
Contra portada
Lomo
Portada
Solapa
18 cm
7 cm
12.8 cm
1.8 cm
12.8 cm
7 cm
e d i t o r i a l
45
GALA
Diseño de Revista
Revista de Farándula Objetivo: Diseñar una revista dirigida a un público juvenil, enfocada en el área de la música y moda. Técnica: Digital Programas: Indesign y Photoshop Dimensiones: 10x12 pulg
Celebrity magazine e d i t o r i a l
46
Objective: Design a magazine aimed at a young audience, focused on the area of music and fashion. Technique: Digital Programs: Indesign and Photoshop Dimensions: 10x12 in
Revista de Farándula Técnica: Digital e impreso Meteriales: Papel Couche (páginas internas). Dimensiones: 10x12 pulg
Celebrity magazine Technique: Digital Materials: Couche paper (internal pages). Dimensions: 10x12 in
e d i t o r i a l
47
48
05
Web capĂtulo cinco
49
50
ITALIO
Diseño de sitio web
Sitio web Objetivo: Diseñar la pantalla principal para el sitio web del restaurante “Italio”, y presentar la información del restaurante, su menú, servicios y sus redes sociales. Técnica: Digital Programa: Adobe Ilustrador. Dimensions: 960x720 px
Web site Objective: Design the home screen to the website of the restaurant “Italio” and present information restaurant, its menu, service and social networks. Technique: Digital Program: Adobe Illustrator. Dimensions: 960x720 px
w e b
51
Sitio web Objetivo: Diseñar la plataforma web, para un nuevo evento del sitio web “Live Earth”. Técnica: Digital Programa: Adobe Ilustrador. Dimensions: 960x720 px
Web site Objective: Design the web platform for a new event website “Live Earth”. Technique: Digital Program: Adobe Illustrator. Dimensions: 960x720 px
w e b
52
LIVE EARTH Diseño de sitio web
Aplicación a dispositivos Diseño de sitio web y adaptación a distintos formatos, creando la página de inicio y dos pantallas secundarias para artistas y fechas.
Application devices Web design and site adaptation to different formats, creating the home page and two secondary displays for artists and dates.
w e b
53
Para producción digital se utilizaron:
Software Adobe Indesign CC 2015 Adobe Illustrator CC 2015 Adobe Photoshop CC 2015
Fuentes Tipográficas Gotham / Familia Tipográfica Quicksand / Familia Tipográfica Heroic Condensed / Familia Tipográfica
54
Portafolio / Clau Ventura Se terminó de imprimir en Impremark e Imprímelo, San Salvador, El Salvador, Noviembre de 2015
55
56