Diseño y diagramación de piezas gráficas para difusión en ... · intactas. Una escala grande...

1

Diseño de piezas entorno a la feria bonita 2019

Diseño y diagramación de piezas gráficas para difusión en redes digitales que hacen

parte de la campaña publicitaria de la feria bonita de Bucaramanga

Johan Sebastian Diaz Niño

Universidad de Santander

Centro de Formación en Tecnologías

Tecnología en Diseño Gráfico Publicitario

Bucaramanga

2019

2


Diseño y diagramación de piezas gráficas para difusión en redes digitales que hacen

parte de la campaña publicitaria de la feria bonita de Bucaramanga

Trabajo de grado para optar por el título de

Tecnólogo en Diseño Gráfico Publicitario

Johan Sebastian Diaz Niño

Director

Carlos Andrés Pérez Boada

Diseñador Gráfico

Universidad de Santander

Centro de Formación en Tecnologías

Tecnología en Diseño Gráfico Publicitario

Bucaramanga

2019

3


Nota de aceptación

4


Dedicatoria

Este proyecto está dedicado a todas aquellas personas increíbles que conocí durante el

transcurso de mis estudios, a mi familia, amigos y quienes que me acompañaron en mis prácticas

profesionales, gracias por su increíble apoyo y confianza.

5


Agradecimientos

A mis amigos y familia por el apoyo recibido durante estos meses, y a mí tutor y los

involucrados por su buena dirección y compromiso en este proceso.

6


Tabla de Contenidos

Pág.

INTRODUCCIÓN ......................................................................................................... 15

1. PLANTEAMIENTO DEL PROBLEMA .............................................................. 16

2. OBJETIVOS .............................................................................................................. 17

2.1 OBJETIVO GENERAL........................................................................................ 17

2.2 OBJETIVOS ESPECÍFICOS ............................................................................... 17

3. JUSTIFICACIÓN ..................................................................................................... 18

4. MARCO REFERENCIAL....................................................................................... 19

MARCO TEÓRICO. ....................................................................................................... 19

4.1 Banner .................................................................................................................... 19

4.2 Tipos de banner ..................................................................................................... 19

4.2.3 Roba páginas ..................................................................................................... 20

4.2.4 Rascacielos ........................................................................................................ 20

4.2.5 Botones .............................................................................................................. 20

4.2.6 Intersticial .......................................................................................................... 20

4.3 Feria ...................................................................................................................... 20

4.4 Retícula .................................................................................................................. 21

7


5. Marco tecnológico ................................................................................................ 22

5.1 Adobe After Effects ............................................................................................. 22

5.2 Adobe Photoshop .................................................................................................. 22

5.3 Adobe Illustrator ................................................................................................... 22

5.4 Fotografía............................................................................................................... 23

5.5 Ilustración .............................................................................................................. 23

5.5.1 Ilustración digital en diseño web ..................................................................... 24

5.5.2 Ilustración digital en material publicitario ...................................................... 24

5.5.3 Ilustración digital en la creación de marcas .................................................... 25

6 MARCO LEGAL ...................................................................................................... 26

8 METODOLOGÍA ................................................................................................... 35

9 DESARROLLO DE LOS OBJETIVOS .............................................................. 40

9.2 Desarrollo del diseño ............................................................................................ 41

10 RESULTADOS Y DISCUSIÓN ....................................................................... 54

11 ACTIVIDADES DE PRÁCTICA ..................................................................... 55

12 CONCLUSIONES............................................................................................... 60

13 REFERENCIAS BIBLIOGRÁFICAS ............................................................ 61

14 ANEXOS............................................................................................................... 63

8


Lista de figuras

Pág.

Figura 1. Pauta Campaña del Carnaval de Barranquilla.............................................................. 32

Figura 2. Pauta Campaña del Carnaval de Barranquilla.............................................................. 33

Figura 3 Gráficas de Campaña por el IDT ................................................................................... 34

Figura 4. Logo en positivo ............................................................................................................ 42

Figura 5. Logo en negativo ........................................................................................................... 42

Figura 6. Retícula de construcción ............................................................................................... 43

Figura 7. Paleta de color ................................................................................................................ 44

Figura 8. Recursos gráficos ........................................................................................................... 45

Figura 9. Recurso gráfico .............................................................................................................. 46

Figura 10. Recursos gráficos ......................................................................................................... 47

Figura 11. Recursos gráficos ......................................................................................................... 48

Figura 12. Prototipo – Historias de instagram ............................................................................. 49

Figura 13. Banner .......................................................................................................................... 50

Figura 14. Prototipo pieza para redes ........................................................................................... 51



9


Figura 17. Diseño de personajes el Búcaro .................................................................................. 55

Figura 18. Diseño de pieza para el programa radial el Búcaro ................................................... 56

Figura 19. Diseño de pieza para el programa radial el Búcaro ................................................... 57

Figura 20. Diseño para stands de bibliotecas móviles ................................................................. 58

Figura 21. Diseño de plegable para bibliotecas móviles ............................................................. 59

Lista de tablas

Tabla 1: Cronograma ..................................................................................................................... 63

10


Glosario

Boceto: el boceto es un dibujo rápido y esquemático de las características principales de un

dibujo, una ilustración o un diseño.

Pieza gráfica: se refiere a una composición visual de diseño que abarca desde un logotipo

hasta una señalética urbana. Y que además puede reflejarse en un soporte físico o virtual.

Publicidad: herramienta fundamental para crear y mejorar la relación de tu marca o producto

con los potenciales clientes.

Campaña publicitaria: es un amplio conjunto de estrategias comerciales que tienen como

objetivo dar a conocer el producto o servicio que se busca ofrecer.

Diseño: el diseño es una actividad creativa orientada a soluciones, que trabaja en

intervenciones concretas. Itera sobre representaciones parciales para construir, refinar y evaluar

la manera en que la intervención genera un cambio en el mundo.

Ilustración publicitaria: es la cual tiene como cometido acompañar y dar forma al anuncio de

una marca o producto, con ello se puede aumentar el impacto provocado y la eficacia visual.

Ilustración narrativa: nos muestra una secuencia de sucesos según un guion literario. En este

caso debe ajustarse a los contenidos y detalles del texto ilustrado, procurando mantener el

equilibrio entre la propia interpretación personal del ilustrador.

11


Ilustración decorativa: es aquella que acompaña a un texto para poder embellecer la página.

Normalmente son ilustradores que suelen enriquecer el diseño gráfico de las publicaciones con

diferentes estilos al texto que acompañan.

Ilustración conceptual: es aquella que no tiene obligación de ceñirse a los datos que se dan en

un texto, sino lo que propone es desarrollar una idea personal que nace de las consideraciones

que hace el propio ilustrador sobre el tema que se plantea.

Copy: Un copy es sencillamente, una frase publicitaria. Sin embargo, lo que parece tan simple

en la definición, no lo es en la realidad. Un buen copy debe conectar al anunciante con su

público, debe comunicar de forma clara, breve y brillante aquello que el anunciante desea

transmitir.

Tipografía: Es el arreglo artístico de la letra de una forma legible y visualmente atractiva. La

tipografía, por lo general, se refiere al diseño y uso de varios tipos de caracteres de una forma

que ayude a comunicar mejor, visualmente, las ideas.

Jerarquía: Es el acomodo visual de los elementos de diseño de una forma que signifique su

importancia. Por ejemplo, puedes hacer un título grande y grueso para asegurar que atraiga más

la atención que uno pequeño con una imagen ligeramente coloreada.

Paleta: Es la selección de colores que puedes elegir para usar en tu diseño.

Resolución: Es la cantidad de detalle de una imagen. En términos generales, entre más alta sea

la resolución, mejor apariencia tendrán tus imágenes y más detalles se procesarán, mientras que

las imágenes o gráficos con menores resoluciones tienden a verse borrosas, pixeladas o turbias.

12


Marca: Es un conjunto de conceptos, ideas y emociones que encapsulan los valores y ética de

tu empresa. Una marca es una mezcla de todos los detalles conceptuales finos que conforman la

empresa, desde el contenido que promueve la marca, la forma en la que los empleados se

expresan, las palabras que utilizan, los valores que mantienen, etc.

Identidad de Marca: Es la visualización de tu marca (ve la definición anterior) de una forma

que representa los valores, el contenido y la ética de la empresa. Esto puede incluir elementos

como el logotipo, tarjetas de presentación, membretes, uniformes, diseño de empaque, etc.

Boceto de Thumbnail o Miniaturas: Los bocetos en miniatura o Thumbnail son dibujos

aproximados, o conceptos potenciales de diseño o de soluciones. Estos bocetos se utilizan para

visualizar y desarrollar ideas y conceptos a mano, antes de pasarlos a la pantalla.

Cuadrícula: Es un marco formado por columnas y filas que se cruzan y están divididas

uniformemente. Las cuadrículas ayudan a los diseñadores a alinear y a arreglar los elementos de

una forma más rápida, ordenada y consistente.

Escala: Es el cambio de tamaño de un objeto mientras se mantiene su forma y proporciones

intactas. Una escala grande puede crear drama y una escala pequeña puede crear detalles finos.

Márgenes: Es el espacio que se encuentra alrededor del borde de una página. Al aumentar o

disminuir el tamaño de los márgenes de tu página, puedes crear un diseño más relajado o tenso,

respectivamente. El ejemplo de abajo tiene márgenes más abiertos.

Isotipo (brandmark): Es un tipo de logo en donde se utiliza un símbolo en lugar del nombre de

la empresa; por ejemplo, el logotipo de Apple. Los isotipos están acompañados comúnmente por

un logotipo, pero no siempre.

13


Resumen

Título: Diseño y diagramación de piezas gráficas para difusión en redes digitales que hacen

parte de la campaña publicitaria de la feria bonita de Bucaramanga 2019.

Autor: Johan Sebastian Diaz Niño

Palabras claves: Cultura, Campaña, Educación, Publicaciones, Estrategia, Adaptabilidad,

Redes, Difusión, Bucaramanga, Color, Integridad, Información, Piezas.

Descripción: Con este proyecto se quiere efectuar la colaboración en cuanto al diseño y la

diagramación de piezas para redes digitales que en su totalidad serán enfocadas para su propia

publicación y uso en la campaña publicitaria de la feria bonita de Bucaramanga 2019 ya sea para

pauta en redes sociales que tienen como fin el comunicar sobre los eventos que fomentan el

sentido de pertenencia cultural. Por lo tanto, para traer a escena la conceptualización y

conocimiento se ejecutará dentro de la metodología de Bruno Munari como punto importante en

la realización de este mismo, y la necesidad de tener un enfoque amplio y generalista entre

personas que habitan el área de Bucaramanga como enfoque de trabajo para difusión de eventos

que partan de una culturalización y recuperación de hábitos ligados a la integralidad y desarrollo

de actitudes positivas dentro de la comunidad local, las piezas constaran con diferentes formatos

para la correcta adaptabilidad de la información y la estética gráfica teniendo como principal

intención la difusión en listas y grupos de periodistas. y con el mismo correcto uso de una línea

visual como parte de un manual creado preliminarmente que se llevara a cabo dentro de la

instancia de practicas profesionales en el Instituto Municipal de Cultura y Turismo.

14


Abstract

Title: Design and layout of graphic pieces for dissemination in digital networks that are part

of the advertising campaign of the beautiful fair of Bucaramanga 2019.

Author: Johan Sebastian Diaz Niño

Keywords: Culture, Campaign, Education, Publications, Strategy, Adaptability, Networks,

Diffusion, Bucaramanga, Color, Integrity, Information, Pieces.

Description: With this project we want to carry out the collaboration in terms of the design

and layout of parts for digital networks that in their entirety will be focused for their own

publication and use in the advertising campaign of the beautiful fair of Bucaramanga 2019 either

for guidelines in social networks whose purpose is to communicate about events that foster the

sense of cultural belonging. Therefore, to bring to the scene the conceptualization and knowledge

will be executed within the methodology of Bruno Munari as an important point in the

realization of the same, and the need to have a broad and general approach among people who

inhabit the Bucaramanga area as work approach for dissemination of events that start from a

culturalization and recovery of habits linked to the integrality and development of positive

attitudes within the local community, the pieces will consist of different formats for the correct

adaptability of information and graphic aesthetics having as main intention the diffusion in lists

and groups of journalists. and with the same correct use of a visual line as part of a preliminary

created manual that will be carried out within the instance of professional practices in the

Municipal Institute of Culture and Tourism.

15


Introducción

El presente proyecto se basó en el diseño y participación, dentro de la campaña publicitaria de

la feria bonita del 2019 realizada en la ciudad de Bucaramanga por lo que se puede resaltar la

intensión cultural en las entidades participes por parte de temáticas como lo es la instalación del

monumentos o feria gastronómicas y de emprendimiento, además de la diagramación en la

búsqueda por una comunicación visual como funcionamiento y adecuación para una mayor

capacidad de adecuación.

La realización del proyecto a partir de las prácticas profesionales en el instituto municipal de

cultura se centró en diseñar gráficos y suficiente material de la feria bonita en general como

punto de partida ya que esta de gran importancia el darle a considerar el potencial. Las piezas se

generan con fines esenciales para promover una prosperidad general a las actividades

correspondientes buscando garantizar la efectividad del mensaje a comunicar captando la

atención a diversos eventos que se realizan a lo largo de las festividades en temporada de la feria

bumanguesa elaborando al orden del día las piezas que contengan aspectos culturales dentro de

los casi 45 días de hábiles de la culminación de la feria y su misma celebración artística y social

desarrolladas durante el evento, con artes enfocados a la feria bonita, fiesta de la cultura 2019,

tales como desfiles, festivales, conciertos, maratones y espectáculos a difundir masivamente,

entre otros y el transitorio periodo en los eventos participes de la Feria Bonita . que se ligan al

diseño en general para solucionar problemáticas como una comunicación más clara y eficaz.

16


1. Planteamiento del Problema

La feria bonita 2019 realizada en Bucaramanga denota una campaña publicitaria en la cual se

logran evidenciar diversas actividades que en su mayoría aportan a un carácter cultural haciendo

uso de los diferentes logos e imágenes alusivas como la fiesta de la cultura 2019, como

fomentación de su participación y difusión hay una demanda de piezas que contribuyen a un

proceso de elaboración como lo es el bocetar, diagramar y aplicar diferentes herramientas en un

entorno realista y más cercano que conlleva una práctica profesional de mejoramiento social y

cultural de sus habitantes y promover la participación en general de la comunidad promoviendo

un mantenimiento derivado de la misma efectividad de cada arte logrado con la intensión de

comunicar claramente.

Se debe tener en cuenta que la atención a diversos eventos que derivan el interpretar,

organizar para así determinar la retícula o diagramación que se ajusta al estilo de identidad visual

para diferentes piezas de la feria bonita que por lo tanto decisiones gráficas ya sean sobre la

tipografía, colores, logos, iconos o ilustraciones son importantes y se deben a la intensión de

comunicar efectivamente en la edición 70 de la feria bonita a desarrollar del 5 al 15 de

septiembre que reúne música, danza, teatro, arte y la misma comunidad como participante y

enfoque principal del proyecto.

17


2. Objetivos

2.1 Objetivo general

• Diseñar piezas con temática de la feria bonita 2019 para la difusión en redes digitales

dirigido a personas entre 19 y 25 años en la ciudad de Bucaramanga.

2.2 Objetivos específicos

• Recopilar la información adecuada y pertinente para el desarrollo de las piezas gráficas

• Analizar el material recopilado o entregado para realizar la diagramación de las piezas

(fotografías, logos, iconos, gráficos, etc.)

• Realizar bocetos previos al diseño de la pieza para tener en más detalle y claridad la

intensión que tendrá el diseño.

• Organizar y adaptar la información a los diferentes formatos web, manteniendo la

armonía y paleta de color por cada pieza a partir de la línea gráfica ya establecida.

• Diagramar tomando en cuenta elementos como la jerarquía, retículas y organización de la

información para una comunicación y organización efectiva en cuanto al diseño.

18


3. Justificación

Con este trabajo orientado a la práctica profesional se pretende realizar el diseño de piezas

aptas para la comunicación y difusión sobre diferentes aspectos, actividades y funciones

realizadas durante la ejecución de la feria bonita de Bucaramanga. Por lo tanto, la finalidad de

este proyecto en concreto es diseñar piezas gráficas digitales de carácter comunicativo, cultural y

publicitario que informen a las personas acerca de las diferentes entidades realizadoras y eventos

realizados facilitando así el entendimiento e interacción entre los ciudadanos y su patrimonio.

A partir de esto, la importancia de diagramar piezas orientadas a personas de la ciudad para

dar a conocer eventos culturales de Bucaramanga.

La comunidad tiene la afición de conocer y obtener constante recepción de información

detallada, clara y de fácil entendimiento mientras se inculcan sobre los eventos adecuados, con el

objetivo de lograr una participación de estos acontecimientos. Tomando en cuenta que al realizar

la práctica profesional se genera tanto retroalimentación como un acercamiento con el entorno

laboral importante para la formación y aplicación de las herramientas dadas durante la carrera.

Donde según señaló la maestra Gloria Amador Tardiff, (ICM) (2017). Coordinadora de

prácticas profesionales de la IBERO “El contacto con las empresas les permite a los estudiantes

aplicar los conocimientos adquiridos en su formación académica y fortalecer sus competencias

de formación profesional, pues el desarrollar una excelente práctica incrementa las oportunidades

del estudiante de quedarse a laborar en la empresa al terminar su actividad o al finalizar su

licenciatura”.

19


4. Marco referencial

Marco teórico.

4.1 Banner. Es una forma de publicidad en internet que consiste en incluir dentro de una

web, una pieza publicitaria que puede presentarse de diferentes tamaños y que busca

que el usuario realice clic sobre este anuncio o imagen para ser redirigidos a otra página

con el propósito de captar el mayor número posible de vistas.

4.2 Tipos de banner

Hay que diferenciar, en primer lugar, entre los banners publicitarios que permanecen

inmóviles (formatos integrados), y los animados, como pueden ser los formatos

expandibles y los flotantes.

4.2.2 Banner rectangular: presenta una forma rectangular y con orientación

horizontal, que en muchas ocasiones se coloca en la parte superior de la página.

En función de las medidas puede ser mega banner (desde 728 x 90 píxeles),

banner (468 x 60 píxeles) y medio banner (234 x 60 o 90 píxeles).

20


4.2.3 Roba páginas: este tipo de banner se acopla de manera armónica en el diseño de

una página, por lo que no parece tan intrusivo. Se coloca junto al contenido del

artículo.

4.2.4 Rascacielos: se integra en las columnas laterales de la página web. Su forma es

rectangular vertical, y el taño puede ser 100 x 600 o 120 x 700 píxeles.

4.2.5 Botones: son de un tamaño pequeño. Pueden desplazarse por la web al tiempo

que el usuario se mueve por la pantalla.

4.2.6 Intersticial: este banner, también conocido como 'cortinilla', aparece cuando el

sitio web se encuentran cargando. Ocupa casi toda la pantalla y dura unos pocos

segundos.

4.3 Feria. Es un evento económico, social o cultural que puede estar establecido o ser

temporal, y que puede tener lugar en sede fija o desarrollarse de forma ambulante. En un

sentido general, una feria forma parte de una estrategia comercial de un sector

determinado y, de alguna manera, es una exposición de la realidad del mismo. Suelen

estar dedicadas a un tema específico o tener un propósito común.

21


4.4 Retícula. Es una estructura a base de líneas, generalmente verticales y horizontales, las

cuales nos ayuda a ordenar coherentemente todos los elementos de la composición como

son: titulo, subtitulo, cuerpo del texto, fotografías, pie y crédito de foto, slogan, ideas

resaltadas y numeración. Cada línea sirve de guía para colocar márgenes y medianiles

(espacio entre columnas).

22


5. Marco tecnológico.

5.1 Adobe After Effects. Crea títulos de películas, introducciones y transiciones en

movimiento. Provoca un incendio o desata una tormenta. Anima un logotipo o un

personaje. Con After Effects, el mejor software de efectos visuales y gráficos

animados, puedes convertir cualquier idea en realidad.

5.2 Adobe Photoshop. El mejor software de edición de imágenes y de diseño gráfico en

el mundo. Crea y mejora fotografías, ilustraciones e imágenes en 3D. Diseña sitios

web y aplicaciones para dispositivos móviles. ofrece un conjunto completo de

herramientas de edición de fotografía profesional para convertir fotografías en obras

de arte, independientemente de si pretendes hacer ediciones corrientes o

transformaciones totales. Ajusta, recorta, elimina objetos, repara y retoca fotografías

antiguas. Juega con los colores, efectos y mucho más para convertir lo ordinario en

algo sorprendente.

5.3 Adobe Illustrator. Es un software o programa informático que forma parte de un

amplio abanico de herramientas profesionales distribuidas por la compañía tecnológica

Adobe Systems. Es una aplicación de creación y edición de gráficos vectoriales. Esto

significa que, a diferencia de las fotografías o de las imágenes de mapa bits, las cuales

23


se generan a partir de píxeles, Illustrator utiliza ecuaciones matemáticas para la

creación de cualquier forma. De esta forma, posee una valiosa característica, la

escalabilidad sin pérdida de resolución, es decir, mantiene la calidad de tal forma que

las líneas son nítidas sin importar el tamaño, el tamaño del archivo se reduce, se puede

imprimir en alta resolución, y otras ventajas. El trabajo se efectúa sobre un tablero de

dibujo conocido como “mesa de trabajo” que ofrece una interfaz altamente sencilla de

utilizar e intuitiva que además es compatible con múltiples formatos más allá del

nativo de este programa.

5.4 Fotografía. Es un arte y técnica para obtener imágenes duraderas debido a la acción

de la luz, es un proceso para proyectar imágenes y capturarlas ya sea por un medio

sensible a la luz o la conversión en señales electrónicas. Teniendo en cuenta que las

cerámicas que se van a presentar o exponer en el álbum están exhibidas en museos, es

necesario utilizar una cámara fotográfica de alta calidad y de excelente resolución para

esto se trabajará con una referencia de Nikon 5300 y un lente 50mm para la obtención

de los detalles de estas cerámicas con el fin de recolectar suficiente material con el que

se trabaja en una elección detallada entre las que puedan funcionar y puedan aportar en

la creación de las cerámicas ilustradas.

5.5 Ilustración.

La ilustración podía ser hecha con tinta, óleo, acuarela, etc. y al principio fue utilizada con

fines claramente publicitarios dado que se hacían muchos carteles para anunciar productos o

24


servicios a la venta, pero también para decorar portadas de libros e incluso para acompañar el

texto de los cuentos infantiles.

Su origen se remonta muy atrás en el tiempo y ha estado muy ligada a la escritura. De hecho,

existe documentación que demuestra que en el antiguo Egipto se acostumbraba a acompañar los

textos con ilustraciones para enriquecer el mensaje. Con el paso del tiempo y el avance de las

diferentes tecnologías como fue la fotografía, el cambio fue notable, dando un gran paso en este

aspecto, algo que se ha afianzado más gracias a la llegada de la fotografía digital, donde hoy en

día no se concibe un texto sin una ilustración para acompañarlo.

5.5.1 Ilustración digital en diseño web

Lo interesante del diseño Web es su naturaleza cambiante, por lo que cada año

diseñadores e ilustradores pueden jugar a crear proyectos diferentes, que demanden más

habilidades de sí mismos. Precisamente, la ilustración digital ha sido tendencia en los

últimos años del diseño gráfico. Anteriormente en diseño flat fue un básico en páginas

Web de empresa y personales, mismo que se basó en la ilustración minimalista. Hoy en

día, la pluma vuelve a ser requerida, esta vez con mayor soltura y usando técnicas para

ilustrar más allá del dibujo plano o flat.

5.5.2 Ilustración digital en material publicitario

La publicidad contenida en folletos, carteles, trípticos debe ser vistosa, fácil de leer y

contener suficientes elementos que potencien la recepción del mensaje. Al adicionar

ilustraciones a estos diseños, se puede componer un material más llamativo, que

ejemplifique mejor las situaciones o propagandas que se intenten vender.

25


5.5.3 Ilustración digital en la creación de marcas

El aprovechamiento de la ilustración digital en diseño gráfico puede evidenciarse en la

creación de marcas desde cero. Para generar un logo a partir de las especificaciones del

cliente, el diseñador puede comenzar con una ilustración tradicional sobre papel. Allí, se

plasman las ideas más relevantes del proyecto y se comienza a dar forma a lo que será la

identidad gráfica de la empresa. Tras ensayo y error, resultará una ilustración final que

pronto será digitalizada usando software especializado (Adobe Illustrator)

26


6 Marco legal.

6.1 Análisis del sector perspectiva legal, comercial, financiera, organizacional y

técnica.

Alternativas para satisfacer la necesidad (artículo 2.2.1.1.1.6.1 del decreto 1082 de 2015)

Perspectiva Comercial, Organizacional y Técnica para el análisis de las perspectivas comercial,

organizacional y técnica, se tuvo en cuenta los siguientes aspectos:

a) Una vez revisado el plan de Adquisiciones de la entidad, se pudo establecer que para la

vigencia 2018 se encuentra registrado el servicio que se pretende contratar, tal y como consta en

la certificación expedida por la subdirectora administrativa y financiera.

b) Así mismo se tiene que dentro de la planta de personal no se cuenta con personal

disponible para ejecutar las actividades que se pretenden suplir con la presente contratación, de

conformidad con la certificación expedida por la Subdirectora Administrativa y Financiera,

donde certifica la indisponibilidad de personal para prestar estos servicios.

c) Frente a las múltiples actividades que debe cumplir el instituto municipal de Cultura y

turismo, en especial para la vigencia 2018, donde se tienen programadas diferentes actividades,

con el fin de adelantar la programación de la feria bonita de Bucaramanga 2018, así como dar

cumplimiento a la totalidad de los programas y proyectos estructurados en el Plan de desarrollo

“El Gobierno de las Ciudadanas y los Ciudadanos”, 2016-2019, especialmente el programa

“observar y ser observado”, cuya meta es la “celebrar 4 ferias”, y durante la presente vigencia se

cumpliría con la celebración de la 3 feria- Fiesta de la Cultura, en el marco de la cual se ha

27


venido desarrollando eventos muy relevantes como lo son: el desfile de la cultura, Hecho en

Bucaramanga, Sabores de Bucaramanga, entre otros, sectores de vital importancia para el

crecimiento económico de una región, siendo de vital relevancia contar con un especialista en la

producción musical para la producción, grabación y edición de un vídeo clip, en formato de alta

calidad audiovisual, así como la composición, grabación y edición de una canción (música y

letra), para promocionar la Feria Bonita, posicionándola a nivel local, nacional e internacional,

capaz de crear soluciones dentro de cada área de acción que abarca la industria, permitiendo

potencializar el crecimiento y su correcto funcionamiento, lo que redunda en el fortalecimiento y

fomento del turismo, al lograr posicionar la Feria a nivel Nacional e Internacional.

d) Para la prestación de servicios profesionales, el mercado colombiano, se cuenta con

amplia oferta de personas profesionales en diferentes áreas, así como personas jurídicas idóneas

y con amplia experiencia, que prestan servicios profesionales en todas las áreas ya que la

contratación de estos servicios no está sujeta a requisitos particulares de índole legal, salvo las

propias del ejercicio mismo de la actividad que ejercen, de conformidad con la idoneidad y la

experiencia que se requiera para cada caso. La determinación del perfil del posible contratista y

de la persona natural o jurídica que lo cumpla, está relacionada con la idoneidad y experiencia

directamente relacionada con la producción musical y audiovisual; así como de contratos

anteriores o actividades afines ejecutadas por el posible contratista, y en términos de eficiencia,

resulta más conveniente para la entidad que la persona tenga experiencia en las actividades

descritas en el presente estudio, debido a que con ello se garantiza su idoneidad para desarrollar

el objeto del contrato.

28


e) Atendiendo la necesidad actual del imct y las actividades a desarrollar se establece como

término para el desarrollo de las mismas un plazo de QUINCE (15) DÍAS, contados a partir de la

firma del acta de inicio.

f) La necesidad antes planteada se requiere suplir con la contratación de una persona natural

o jurídica que acredite idoneidad en la producción musical, así como que su objeto social

desarrolle: el servicio de grabación musical y audiovisual, acreditando experiencia profesional en

la producción musical, toda vez que dentro de la planta de personal de la entidad no se cuenta

con personal que reúna la idoneidad necesaria, para dar cumplimiento a los fines propuestos

dentro del plan de desarrollo y las funciones propias del imct, establecidos en el presente estudio.

g) Si bien es cierto en Colombia existen gran oferta de profesionales en las diferentes áreas,

y las entidades estatales a su vez demandan servicios profesionales en casi todas las áreas

existentes, para la ejecución del presente contrato se identificó que para el cumplimiento del

mismo se requiere de:

- Ser persona natural o jurídica, que dentro de su personal cuente con un productor musical,

que demuestre amplia trayectoria en la composición musical, y grabación y producción

audiovisual, en la realización de videoclips, así mismo que el objeto social desarrolle servicios de

producción y grabación de audio, y que acredite experiencia en la producción musical y

audiovisual.

29


. Fundamentos jurídicos que soportan la modalidad de selección

La Ley 1150 de 2007 establece en el artículo 2 que “la escogencia del contratista se efectuará

con arreglo a las modalidades de selección de licitación pública, selección abreviada, concurso

de méritos y contratación directa”, señalando como regla general que la selección se efectúe por

licitación pública y excepcionalmente mediante selección abreviada, concurso de méritos y

contratación directa.

Tratándose de la contratación para la prestación de servicios de profesionales y tipificándose en

una de las causales de la contratación directa se puede inferir que la modalidad de selección

indicada para el presente proceso es la de contratación directa para la prestación de servicios

profesionales.

El presente estudio previo, se elaboró en cumplimiento de lo establecido en el artículo

2.2.1.2.1.4.9 del Decreto 1082 de 2015, que reza “Contratos de prestación de servicios

profesionales y de apoyo a la gestión, o para la ejecución de trabajos artísticos que solo pueden

encomendarse a determinadas personas naturales”. Las Entidades estatales pueden contratar bajo

la modalidad de contratación directa la prestación de servicios profesionales y de apoyo a la

gestión con la persona natural o jurídica que esté en capacidad de ejecutar el objeto del contrato,

siempre y cuando la Entidad verifique la idoneidad o experiencia requerida y relacionada con el

área de que se trate. En este caso, no es necesario que la Entidad haya obtenido previamente

varias ofertas, de lo cual el ordenador del gasto debe dejar constancia escrita”.

30


Así mismo al tenor del inciso final del artículo en mención, se establece que no es necesario el

Acto administrativo de justificación.

La oficina Jurídica, certifica que revisó el objeto del presente contrato y el mismo se ajusta a los

requerimientos establecidos en la Leyes 80 de 1993, 1150 de 2007 y el Decreto 1082 de 2015.

La determinación del valor del contrato está relacionada con la necesidad del servicio de la

entidad, disponibilidad, frente a la idoneidad y experiencia específica en el análisis y elaboración

de los documentos previos (etapa precontractual) y seguimiento jurídico al cumplimiento de las

obligaciones por parte de los contratistas adjudicatarios de los diferentes procesos de

contratación.

Los servicios profesionales y de apoyo a la gestión corresponden a aquellos de naturaleza

intelectual diferentes a los de consultoría que se derivan del cumplimiento de las funciones de la

Entidad Estatal; así como los relacionados con actividades operativas, logísticas, o asistenciales.

De conformidad con el numeral 8 del artículo 2.2.1.1.2.1.1, y la Sección 4 del Decreto 1082 de

2015, el Instituto realizó el análisis con el fin de determinar los tratados internacionales cubiertos

para el presente proceso de contratación. De dicho análisis se pudo constatar que para el presente

contrato no son aplicables ninguno de los tratados de libre comercio suscritos por el Estado

Colombiano

31


7 Estado del arte

Algunas referencias de campañas y piezas publicitarias realizadas a lo largo de los años y que

tuvieron así mismo una gran efectividad son las realizadas para el Carnaval de Barranquilla y

Campaña Instituto Distrital de Turismo IDT.

• Carnaval de Barranquilla

El carnaval de Barranquilla nombrado como patrimonio oral e inmaterial de la humanidad y

propio de Colombia es unos de los eventos con más relevancia del país. Ya sea por su magnitud

de visitantes locales y extranjeros quienes recorren la ciudad.

El carnaval al ser uno de los eventos con más importancia y trayectoria, es un gran auge para

la vitrina comercial, en donde marcas reconocidas se hacen parte de la celebración para tomar

presencia durante los cuatro días de carnaval.

Según el periódico “El Heraldo de Barranquilla menciona que las bolsas de estímulo para el

secretario distrital de cultura, el gran aporte oficial fue el aumento del portafolio de estímulos al

Carnaval, que se incrementó en un 200% con una suma que paso de $1.000.000.000, en el 2015,

a $2.200.000.000 en el 2016”

A partir de la gran asistencia tránsito de personas y comercio los anunciantes desarrollaron

una gran variedad de campañas tomando como principales factores la diversión y la alegría con

elementos (piezas gráficas) ubicadas en diferentes puntos estratégicos de la ciudad de

Barranquilla siendo algunos de estos el aeropuerto y centros comerciales más trascurridos, la

32


campaña implemento diferentes formatos y asociación con otras marcas como Tigo, Cerveza

Águila, o el Banco de Bogotá.

Figura 1. Pauta Campaña del Carnaval de Barranquilla

Fuente: (Efectimedios)

33


Figura 2. Pauta Campaña del Carnaval de Barranquilla


• Campaña Instituto Distrital de Turismo IDT

El Instituto Distrital de Turismo es la entidad encargada de Impulsar el desarrollo económico

de Bogotá, a través de la promoción de la actividad turística de la Ciudad y de gestionar las

mejores condiciones de competitividad y sostenibilidad del destino.

34


Y para promover el uso de la bicicleta con la práctica de Ciclo paseos de Montaña entre

muchas más iniciativas que el Instituto Distrital de Turismo ha desarrollado para los residentes y

turistas de la ciudad de Bogotá pues el IDT se encarga de impulsar el desarrollo de la ciudad

como destino turístico atractivo, en condiciones de productividad y sostenibilidad. Mejora las

condiciones de competitividad turística de la ciudad para hacer de Bogotá una mejor ciudad para

vivir y visitar.

Figura 3 Gráficas de Campaña por el IDT


35


8 Metodología

Este proyecto de investigación estará enfocado al diseño de piezas para cumplir con la creación

correspondiente de gráficos enfocados en la Feria Bonita de Bucaramanga 2019 para las

respectivas redes digitales ligadas a la campaña publicitaria que buscara dar a conocer los

diferentes eventos a realizar en el área de Bucaramanga, ya que en la actualidad las personas

buscan información detallada y de fácil entendimiento en espacios comunes como lo son las

redes sociales.

8.1 Definición del problema: El problema se centra en diseñar claramente las piezas y la

organización de tomando en cuenta que el diseño está parcialmente ligado o regido a

un manual de identidad hecho de forma preliminar y/o interés de los ciudadanos del

área de Bucaramanga entre los 19 y 25 años de edad

8.1.1 Elementos del problema y tipo de solución: La diagramación y

utilización de los elementos gráficos con un carácter cultural deben

ajustarse en relación al diseño y su gran importancia como ancla para la

visualización de los eventos en redes partiendo de una línea visual que se

adapte de forma creativa y eficaz a los diferentes formatos web para así

mismo dar una solución centrada en que sean piezas claras y dinámicas

36


que faciliten y hagan más efectiva la versatilidad e integración con la

información.

8.1.2 Dificultades:

• La adecuación de gran cantidad de información en relación con el formato de las

piezas para redes

• La deficiencia en cuanto al material proporcionado siendo este las fotografías que

en algunos casos se encontraban en baja resolución.

• Identificar la resolución web en algunos casos para el diseño de las piezas.

8.2 Recopilación de datos: Antes de realizar como tal las piezas se hará una

socialización acerca de la imagen visual, ya sean logos, fotografías, iconos,

tipografías, información reglamentaria preestablecida y líneas gráficas a seguir, esto

necesario para que en la realización del diseño se haga una ejecución efectiva del

proyecto.

Luego de confirma la problemática, se realizará una encuesta a un público

generalista el cual responderá de acuerdo a su percepción para identificar la

efectividad en cuanto al diseño de las piezas.

37


En la última etapa del proyecto se realizará la muestra de las piezas para

verificar su realización incluyendo ya el trabajo realizado durante todo el

periodo de participación en el diseño de piezas para la feria.

8.3 Análisis de datos: Antes de realizar como tal las piezas se hará una introspección

acerca de la imagen visual, esto para tener una mayor congruencia que en diversos

formatos de páginas web y redes sociales se obtengan todos los datos y material

necesario para la ejecución de este proyecto el diseño efectivo de las piezas de

gráfico.

8.4 Creatividad: El objetivo principal es que el diseño de las piezas sea efectivo para la

población que tiene el papel de receptor, en edades de 19 a 25 años, una información

clara y organizada debidamente sobre eventos culturales por medio de un diseño

amigable y flexible con amplia gama de colores y formas que sean atractivas y

frescas, la finalidad es de la exposición de las piezas es que sean con un objetivo

estético además del ya expuesto. La utilización de las tipografías dentro de las piezas

debe ser clara agradable y congruente con la línea gráfica siempre ligada al manual de

identidad y sus reglas.

8.5 Materiales y Tecnologías: Para los materiales se optó de manera orgánica por el

papel y lápiz para la bocetación de los elementos e información tomando así

decisiones gráficas en funcionamiento y efectividad del diseño. Luego se hizo uso de

38


equipos y software con tecnología óptima para tener una adecuada realización del

diseño de las piezas por las cuales se usaron parcialmente o completamente Adobe

Illustrator, Adobe Photoshop y Tableta gráfica Wacom intuous pro 4.

8.6 Experimentación: Luego de la realización de bocetos e identificación pertinente de

la información que llevara la pieza en si misma se realizara la debida verificación en

cuanto a colores, tamaños, tipografías, diagramación e integración con material

fotográfico e información

8.7 Modelos: Durante el transcurso o avance de realización de las piezas se harán

bocetos aplicando lo ya mencionado, como tamaño de imágenes, iconografía,

tipografía, información y paleta de color para su correcto uso y funcionalidad en

cuanto a la toma de decisiones gráficas.

8.8 Verificación: Para evidenciar la verificación y efectividad de las piezas se

recopilarán los datos derivados de la publicación de las piezas en redes sociales de la

Feria Bonita de Bucaramanga (feriabonitabga) así mismo en otra instancia se

obtendrán los datos de la encuesta realizada de forma general sobre la efectividad y

estética de las piezas para su misma consolidación.

39


8.9 Dibujos constructivos: Se plantearán diferentes procesos a llevar a cabo como la

bocetación para la estructura de las piezas (organización y peso visual) y el correcto

uso del diseño en conjunto a material fotográfico cumpliendo con la intención que de

carácter cultural.

8.10 Solución: La realización del diseño tomara en cuenta el dinamismo y limpieza

visual en las gráficas para su fácil adaptabilidad a formatos de redes (para una fácil

difusión) siguiendo los parámetros planteados por el manual de identidad de la Feria

Bonita 2019.

40


9 Desarrollo de los objetivos

9.1 Trabajo de campo.

9.1.1 Encuesta general

Se realizó una encuesta que constaba de 8 preguntas acerca de la funcionalidad y el diseño de

las piezas para medir su efectividad comunicativa de la información y así mismo el manejo del

diseño. Estuvo dirigida a un público general del área de Bucaramanga el cual debía responder

según su criterio y observación a preguntas de opción múltiple y una pregunta abierta tales

como:

Según su criterio, puedes concluir que la información y la parte gráfica se complementan de

manera correcta:

9.1.1.2 Si pues La diagramación y organización de los elementos es medida en

relación al peso visual y el de la información

9.1.1.3 Incorrecto pues tiene mayor valor e importancia la información

9.1.1.4 No ya que la pieza se centra en la estética del diseño partiendo de la armonía y

técnica visual

41


9.2 Desarrollo del diseño.

9.2.1 Diseño de las piezas gráficas. La realización de las piezas se basó en la identidad

visual creada de manera preliminar para este proyecto y el diseño de piezas dentro

de la ejecución como campaña publicitaria de la Feria Bonita de Bucaramanga

2019, en donde se quiso mantener la línea visual y el contexto cultural buscando

así y el reconocimiento por parte del público objetivo, realizando una

diagramación que se adapte mucho mejor a lo ya planteado y descrito

anteriormente.

9.2.2 Logotipo. Durante la realización del diseño de las piezas se hizo uso del logo en

diferentes escalas del tamaño, colores en positivo, negativo y adecuaciones

derivadas a partir de las normas de uso correctas planteadas en el manual de

identidad con una gama cromática amplia.

42


Figura 4. Logo en negativo

Fuente. IMCT Feria Bonita 2019

Figura 5. Logo en positivo


43


Figura 6. Retícula de construcción


9.2.3 Paleta de color. Para la utilización del color se trabajó una amplia gama cromática

donde se buscaba mantener las intersecciones, fragmentación de formas orgánicas

y geométricas usando colores brillantes con gradaciones como mejor convenga en

el diseño.

44


Figura 7. Paleta de color


9.2.4 Recursos Gráficos. Para el diseño de la pieza gráfica fue necesario el uso

oportuno de formas orgánicas y geométricas en repetición siguiendo una línea de

diseño clara y amigable ligada a la modulación de los elementos.

9.2.5 Tipografías. En cuanto al diseño se tomaron en cuenta aspectos importantes,

como la legibilidad, adaptabilidad y correcto uso del color contrastando con

colores sólidos y degradados en los fondos de las piezas. Como tal se tiene la

45


responsabilidad de ejecutar de forma adecuada el tamaño y cortes de las fuentes

para poder tener una mayor efectividad logrando un mensaje concreto y claro con

variantes tipográficas principales como lo son Gabriel Sans Black y otra

secundaria como Gabriel Sans Bold fuentes versátiles y compactas.

Figura 8. Recursos gráficos


9.2.6 Grafica para acompañar piezas. La gráfica es un elemento con relevancia a la

hora de acompañar el diseño de las piezas, aclarando que su uso es medido en

dependencia a el requerimiento en cada diseño donde se puede prescindir de ella si

es el caso.

46




9.2.7 Diagramación. Para la diagramación y organización de los elementos dentro de

las piezas se toma en cuenta el valor de importancia de la información y así mismo

la estética del diseño, partiendo de la armonía y técnica visual.

Las retículas complementan a la diagramación como guías y reglas para tener un

orden correcto y preciso de los elementos utilizados creadas en direcciones básicas

para un uso debido de estas retículas y el así poder generar una visualización y

47


lectura agradable, siendo una gran herramienta para la educación a formatos

digitales como lo son Instagram, sitios web, Facebook y twitter.


48




9.2.8 Prototipos. Luego de realizar todos los procesos respectivos en cuanto al diseño,

la diagramación, y verificación se procederá a realizar un rediseño de las piezas en

forma de prototipo donde se juega con la paleta de color y la tipografía siguiendo

el manual de identidad y así mismo jugando con los demás elementos, como la

fotografía e icnografía.

49


Figura 12. Prototipo – Historias de instagram


50


Figura 13. Banner


51


Figura 14. Prototipo pieza para redes


52




53




54


10 Resultados y discusión

Realicé 15 piezas para favorecer la comunicación digital que requería el Instituto Municipal de

Cultura y Turismo durante la Feria Bonita 2019 que se realizó del 5 al 15 de septiembre. Estos

productos visuales se enviaron a listas de difusión de los grupos de periodistas por correo

electrónico y Whatsapp y se publicaron en las redes sociales oficiales de la Feria Bonita, que en

facebook cuenta con más de 22.000 seguidores y en instagram con 6.580. Así, se logró mejorar

la interacción con los usuarios digitales e informar la agenda de la Fiesta de la Cultura.

Así mismo la participación en la encuesta realizada fue favorable con respuestas como

“El peso visual es adecuado, maneja buen blanco, los elementos están diagramados de manera

que es fácil la comprensión”.

Como tal se evidencian resultados favorables, ya que la reacción e interacción de las personas del

público objetivo fue la esperada, se logró obtener de ellos interés frente a la información

expuesta sobre los eventos o información cultural y efectuaron la opción de compartir el

contenido verificando de esta manera el valor cultural, informativo y gráfico.

55


11 Actividades de práctica

En el transcurso de las practicas tuve la oportunidad de diseñar plegables y gráficos para

entidades culturales y publicas como El Teatro Santander, Metrolínea y el programa radial

infantil el Búcaro.

Figura 17. Diseño de personajes el Búcaro

Fuente. Programa radial el Búcaro

56


Figura 18. Diseño de pieza para el programa radial el Búcaro


57


Figura 19. Diseño de pieza para el programa radial el Búcaro


58


Figura 20. Diseño para stands de bibliotecas móviles

Fuente. Metrolinea. Campaña Del Mismo Lado

59


Figura 21. Diseño de plegable para bibliotecas móviles

Fuente. Metrolinea. Campaña Del Mismo Lado

60


12 Conclusiones

• El realizar esta propuesta durante la instancia de prácticas profesionales fue una gran

experiencia tanto personal como profesional, se tuvo una buena oportunidad para

poner en experimentación todos los conocimientos y enriquecimiento de los

conocimientos adquiridos durante la carrera participando en el diseño de las piezas

para la Feria Bonita 2019 que es un evento de gran magnitud.

• Se llevo a cabo eficientemente la recopilación, análisis y diseño en cuanto a la

diagramación y utilización de los recursos gráficos ligados a una identidad visual.

• Se puede apreciar que el diseño es efectivo evidenciando la importancia de poner la

información al mismo nivel de los elementos gráficos complementándose entre sí

siendo dirigidas a un público especifico entre 19 y 25 años de edad.

• Con esto se logra concluir que el tomar en cuenta lo anterior fomenta el interés e

interacción por la información, trayendo a escena el sentido cultural de una manera

divertida, entendible y agradable estéticamente.

61


13 Referencias Bibliográficas

Instituto Municipal de Cultura.

Alcaldía de Bucaramanga. Recuperado de:

http://www.imct.gov.co/IMCT2/wp-content/uploads/2017/07/DECRETO-0108-COMITE-

TECNICO-FERIA-BONITA-1.pdf

Decreto No. 0108. (2018). Comité Técnico. Feria Bonita.

Universidad politécnica Salesiana de Ecuador. Recuperado de:

https://dspace.ups.edu.ec/bitstream/123456789/9040/1/UPS-GT000797.pdf

Diseño de una campaña publicitaria para posicionar e incrementar las ventas de los productos

“El Samán” en el Cantón Naranjal, provincia del Guayas.

Instituto Tecnológico “CORDILLERA”. Recuperado de:

http://www.dspace.cordillera.edu.ec/bitstream/123456789/1919/1/5-DIS-15-16-

1725659328.pdf

Diseño y elaboración de una campaña publicitaria para comunicar e informar el problema de la

drogadicción que afecta a la juventud en la actualidad dirigido a los estudiantes del colegio juan

Suarez chacón ubicada en el sector norte de quito en la parroquia de calderón.

http://www.imct.gov.co/IMCT2/wp-content/uploads/2017/07/DECRETO-0108-COMITE-TECNICO-FERIA-BONITA-1.pdf

http://www.imct.gov.co/IMCT2/wp-content/uploads/2017/07/DECRETO-0108-COMITE-TECNICO-FERIA-BONITA-1.pdf

https://dspace.ups.edu.ec/bitstream/123456789/9040/1/UPS-GT000797.pdf

http://www.dspace.cordillera.edu.ec/bitstream/123456789/1919/1/5-DIS-15-16-1725659328.pdf

http://www.dspace.cordillera.edu.ec/bitstream/123456789/1919/1/5-DIS-15-16-1725659328.pdf

62


Universidad de Palermo. Recuperado de:

http://fido.palermo.edu/servicios_dyc/blog/alumnos/trabajos/18772_18345.pdf

Creación de campaña publicitaria Caso Hamann.

Efectimedios empresa de publicidad. Recuperado de:

https://www.efectimedios.com/contenido.php/categoria/Innovaci%C3%B3n/bid/587

Publicidad en Aeropuertos - Campaña Instituto Distrital de Turismo IDT

Efectimedios empresa de publicidad. Recuperado de:


Campaña CARNAVAL DE BARRANQUILLA 2015.

http://fido.palermo.edu/servicios_dyc/blog/alumnos/trabajos/18772_18345.pdf



63


14 Anexos

Cronograma

Tabla 1: Cronograma

MES

SEMANAS 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

ACTIVIDADES

ACTIVIDAD 1

Practicas

profesionales

ACTIVIDAD 2

Desarrollo del

anteproyecto

ACTIVIDAD 3

Trabajo de campo

ACTIVIDAD 4

Documento final

ACTIVIDAD 5

Ajustes

correciones y

entrega final

ACTIVIDAD 6

Sustentación del

proyecto de grado

AGOSTO SEPTIEMBRE OCTUBRE NOVIEMBRE

CRONOGRAMA DE ACTIVIDADES A DESARROLLAR

Diseño y diagramación de piezas gráficas para difusión en ... · intactas. Una escala grande...

Documents

Transcript of Diseño y diagramación de piezas gráficas para difusión en ... · intactas. Una escala grande...