TFG.DG.2009.2 ©®

Proyecto Final de Graduación para optar por el grado de Licenciatura en Artes Plásticas con énfasis en Diseño Gráfico

Diseño de línea gráfica y sitio web para la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte.

Autora: Karen Salas Rodríguez

Año 2009

Agradecimiento: A la Asociaci贸n para el Desarrollo de la Cultura y el Ambiente de la Regi贸n Huetar Norte por la confianza y facilidades brindadas para la realizaci贸n de este proyecto.

II

ÍNDICE

Capítulo 1. Introducción 1.1 Justificación y motivación...................................................................................................

1

1.2 Objetivos...................................................................................................................................

3

1.3 Descripción del proyecto.....................................................................................................

4

1.4 Antecedentes teórico – prácticos.....................................................................................

5

1.5 Marco teórico...........................................................................................................................

9

1.6 Metodología............................................................................................................................

16

Capítulo 2. La Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte 2.1 Reseña histórica......................................................................................................................

19

2.2 Objetivos, principios y valores...........................................................................................

20

2.3 Contexto geográfico.............................................................................................................

20

2.4 Organización...........................................................................................................................

21

2.5 Complejo Cultural..................................................................................................................

23

2.6 Parque Recreativo Agua Caliente.......................................................................................

24

2.7 Público meta............................................................................................................................

24

Capítulo 3. Resultados 3.1 Diseño de imagen gráfica.....................................................................................................

25

3.1.1 Importancia de una imagen gráfica unificada...................................................

25

3.1.2 El identificador gráfico principal.............................................................................

26

3.1.3 Interpretación gráfica: tipografía, forma y color.................................................

31

III

3.1.4 Etapa de bocetos................................................................................................................ 38 3.1.5 Propuesta de identificador gráfico y justificación................................................. 41 3.1.6 Identificadores secundarios........................................................................................... 44 3.2. Diseño del Sitio Web 3.2.1 Aspectos básicos de sitios web y su importancia en la actualidad................. 46 3.2.2 Descripción de bocetos para las páginas del sitio web.................................. 48 3.2.3 La ventana principal................................................................................................... 48 3.2.4 Los enlaces...................................................................................................................... 50

Capítulo 4. Conclusiones 4.1 Investigación................................................................................................................................... 55 4.2 Producción gráfica........................................................................................................................ 57 Anexos..................................................................................................................................................... 60 Bibliografía............................................................................................................................................. 95 Referencias electrónicas ................................................................................................................... 96 Glosario ................................................................................................................................................... 98

IV

ÍNDICE DE FIGURAS

•

Identificador gráfico de la Asociación Cultural Laudes.............................................. 1

•

Identificador gráfico de la Asociación de Voluntarios para el Servicio en las Áreas Protegidas....................................................................................................................... 2

• •

Identificador gráfico de la Asociación Nueva Acrópolis............................................ 3 Identificador gráfico de la Asociación de Voluntariado, Investigación y Desarrollo Ambiental............................................................................................................. 4

•

Primer identificador gráfico de la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte..................................................................... 5

•

Isotipo la cadena de restaurantes Kentucky Fried Chicken..................................... 6

•

Logotipo de la marca dela marca Compaq.................................................................... 7

•

Isologotipo de WWF............................................................................................................... 8

• •

Localización de la Región Huetar Norte.......................................................................... 9 Organigrama de la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte................................................................................................... 10

•

Ilustración detallada de mapache..................................................................................... 11

•

Isologotipo de la Asociación Preservacionista de la Flora y Fauna APREFLOFAS............................................................................................................................. 12

•

Identificador gráfico de Allegro Resorts ........................................................................ 13

•

Identificador gráfico de la marca Zippo.......................................................................... 14

•

Letra con serifas........................................................................................................................ 15

•

Letra sin serifas......................................................................................................................... 16

•

Paleta de color de ADECA..................................................................................................... 17

•

Variantes de forma.................................................................................................................. 18

•

Prueba de color 1.................................................................................................................... 19

•

Prueba de color 2.................................................................................................................... 20

V

•

Identificador gráfico elegido............................................................................................... 21

•

Ventana principal del sitio web.......................................................................................... 22

•

Enlace Historia.......................................................................................................................... 23

•

Enlace Complejo Cultural..................................................................................................... 24

•

Enlace Parque Agua Caliente.............................................................................................. 25

•

Enlace Galería............................................................................................................................ 26

•

Enlace Contáctenos................................................................................................................ 27

VI

Capítulo 1. Introducción 1.1 Justificación y Motivación.

Las asociaciones sin fines de lucro son agrupaciones de personas constituidas para realizar una actividad colectiva de una forma organizada, libre, voluntaria e independiente del Estado. En nuestro país existen asociaciones de diversa índole, por ejemplo de desarrollo comunal, ambientalistas, solidaristas, culturales, entre otras; organizadas para seguir objetivos marcados por sus integrantes como respuesta a los intereses comunes de un grupo específico de personas. Mediante el trabajo en equipo, se desarrollan proyectos que benefician a diversas comunidades.

En la Región Huetar Norte de Costa Rica, existe la Asociación para el Desarrollo de la Cultura y el Ambiente, la cual realiza una importante labor en esa zona. Esta agrupación trabaja activamente para ofrecer a las personas de diferentes pueblos, oportunidades para aprender y fomentar actividades culturales que enriquezcan el desarrollo de la región y ayuden a preservar su identidad. Esta asociación además, vela por la protección del ambiente, apoyando y promoviendo movimientos, actividades o proyectos de conservación de la naturaleza, en una zona rica en biodiversidad.

Esta Asociación busca consolidar y fortalecer la labor que inició un grupo de personas en el año 1982, quienes voluntariamente decidieron trabajar por el patrimonio cultural y ambiental de la Región Huetar Norte, para preservarlo y mantenerlo vigente entre las generaciones presentes y venideras.

La Región Huetar Norte de Costa Rica es una zona con un auge turístico creciente por sus atractivos naturales, además de poseer numerosos legados culturales y étnicos. Trabajar por

1

el rescate y preservación de estas riquezas es una labor que no debe detenerse, por el contrario debe fortalecerse, incentivando a las comunidades a involucrarse en proyectos que enriquezcan su patrimonio.

Es necesario renovar la proyección de esta entidad desde su elemento identificador esencial, para que llegue a la comunidad con un aspecto más actual y estético. Por lo tanto, este trabajo pretende fortalecer la presencia de esta asociación en la Región Huetar Norte, dándole una imagen renovada, mediante el diseño de signos gráficos atractivos y funcionales.

Este proyecto está dirigido a la renovación y proyección de la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte, mediante un sistema de identificación gráfica. En respuesta a una necesidad de cambio que ofrezca una nueva cara a las generaciones presentes y futuras de nuestra sociedad.

2

1.2 Objetivos.

Objetivo General:

- Conceptualizar la línea gráfica y el sitio web de la Asociación para el Desarrollo de la Cultura y Ambiente de la Región Huetar Norte de Costa Rica.

Objetivos específicos:

- Identificar los principales antecedentes de la conformación de la Asociación para el Desarrollo de la Cultura y Ambiente de la Región Huetar Norte de Costa Rica.

- Investigar los aspectos teórico-prácticos para diseñar la línea gráfica de la Asociación para el Desarrollo de la Cultura y Ambiente de la Región Huetar Norte de Costa Rica.

- Diseñar los componentes fundamentales para el sitio web de la Asociación para el Desarrollo de la Cultura y Ambiente de la Región Huetar Norte de Costa Rica.

3

1.3 Descripción del proyecto

Para iniciar con la descripción del proyecto, se aclara que de aquí en adelante se hará referencia a este grupo con el término Asociación o con las siglas ADECA (nombre abreviado propuesto en este proyecto) para evitar repetir el nombre completo.

Se presenta en este trabajo una propuesta de un nuevo identificador gráfico o logo para la Asociación, siguiendo las pautas necesarias para lograr un resultado idóneo y acorde con la entidad. A partir de este diseño inicial, se plantean las variantes gráficas utilizables en las aplicaciones posteriores, como papelería, afiches, rótulos, entre otros; para lograr el desarrollo de un hilo conductor adecuado o leitmotiv, es decir, un elemento repetitivo que unifique la imagen total de una entidad.

Estos signos se conocen como gráficas complementarias o signos de identidad secundarios (Chaves, 31), los cuales pueden reforzar la identidad de una organización, pero se derivan o dependen del signo principal. Son elementos de enlace que se pueden incluir en materiales gráficos impresos o electrónicos como texturas, formas, fondos, personajes o mascotas. Su función además de unificar, es dar mayor fuerza visual y comunicativa.

Una vez definida y planteada la etapa de creación de la imagen gráfica, se presenta una propuesta de diseño de un sitio web para la Asociación, en el cual se aplican los conceptos gráficos con información e imágenes seleccionadas cuidadosamente. Para tal fin, este diseño contempla aspectos de usabilidad y funcionalidad para el usuario de medios electrónicos, que se expondrán más adelante.

4

1.4 Antecedentes teórico – prácticos

Con el fin de investigar los antecedentes de trabajos realizados para asociaciones afines a la ADECA activas en Costa Rica en materia de imagen gráfica, se presentan a continuación algunos identificadores, como ejemplos de aciertos y desaciertos en cuanto a diseño.

Figura 1. Identificador gráfico de la Asociación Cultural Laudes

La Asociación Cultural Laudes de Costa Rica es una asociación sin fines de lucro, creada en el año 2005 con el fin de promover y desarrollar proyectos de índole cultural y social.

Como se puede observar, la Asociación Laudes utiliza en su logotipo una tipografía que ha sido alterada estratégicamente para distinguirlos con variantes en los tamaños de las letras, especialmente en la letra u. El color rojo le da un realce importante al diseño, principalmente al estar sobre fondo blanco. Por su parte el elemento gráfico colocado arriba refuerza la composición, es un símbolo abstracto dinámico, que evoca el concepto de elevación.

Figura 2. Identificador gráfico de la Asociación ASVO

La Asociación de Voluntarios para el servicio en las Áreas Protegidas, tiene como objetivo el mejorar las condiciones y aprovechamiento del impulso voluntario tanto nacional como extranjero.

5

Su identificador, además de contener las siglas de la organización, presenta una imagen ilustrativa de una persona en el bosque. Sin duda éste es un diseño recargado, ya que se pueden observar árboles, un personaje, dos pájaros, un terreno inclinado y una flor amarilla en primer plano; todo esto recortado de forma cuadrada a la derecha del texto. El color verde, que sin duda evoca la naturaleza es redundante.

Figura 3. Identificador gráfico de la Asociación Nueva Acrópolis

La experiencia de muchas marcas y entidades, demuestran que los diseños cargados en los identificadores gráficos, no resultan efectivos por el hecho de confundir en vez de comunicar ideas concisas. Las marcas posicionadas generalmente tienen diseños estilizados y evitan los elementos innecesarios para presentar una imagen clara.

Nueva Acrópolis es un movimiento cultural que nace en Argentina hace 50 años. Actualmente está presente en más de cincuenta países. A través de las actividades culturales y el autoconocimiento busca promover una mayor comprensión y tolerancia de la comunidad, que faciliten el desarrollo individual y la convivencia.

Su identificador contiene elementos propios de la cultura griega que hacen referencia a su importante aporte cultural. Tanto los elementos tipográficos como formales reflejan el ideal de esta agrupación, que profundiza en la filosofía para lograr un cambio en la vida del ser humano. Como se puede observar, además del logotipo (el nombre), se agregan las iniciales N y A, junto a una columna con ornamentos arquitectónicos característicos de la cultura griega.

6

Estas dos letras toman un papel más simbólico que tipográfico al haber sido alteradas, ya que pasan a ser símbolos.

Figura 4. Identificador gráfico de la Asociación VIDA

La Asociación de Voluntariado, Investigación y Desarrollo Ambiental (VIDA) es una organización no gubernamental que fue fundada por colegiales, universitarios, profesionales y ciudadanos en general, conscientes del problema ambiental y con deseos de brindar soluciones a través de diferentes proyectos y actividades.

Éste identificador presenta elementos variados como las hojas de palma y la forma de medio círculo que seguramente evoca el sol naciente.

Una vez más se repite la tendencia a plasmar en el identificador gráfico una alusión simbólica directa y explícita a la actividad o al nombre de la organización. Sin embargo, en este caso puede llegar a confundir y tomar otras connotaciones; podría incluso parecer un motivo religioso, por la forma de las figuras que se asemejan a un cáliz.

Esta situación confusa no debería ocurrir en los símbolos que aluden a algo real. El concepto vida, ofrece posibilidades mucho más interesantes que la propuesta identificadora de esta asociación.

Este trabajo pretende innovar en el diseño de identificadores gráficos para organizaciones de éste tipo. Partiendo de la investigación y siguiendo con la síntesis, para lograr extraer el perfil adecuado a la entidad representada.

7

Una vez que se logre definir un identificador gráfico que cumpla con la diversidad de una entidad como la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte, éste podrá absorber todos los significados persuasivos durante la implantación del signo gráfico, por medio de diversos medios comunicativos y tendrá la capacidad de adaptarse a cualquier discurso que requiera la entidad. Podrá ser apropiado tanto para actividades festivas, como para eventos que requieran sobriedad. Este potencial múltiple del signo gráfico es muy conveniente para una organización que se enfoque en diversas áreas y es un acierto importante para evitar que el signo se desactualice o parezca incompatible en ciertas ocasiones.

En Costa Rica, se han realizado trabajos similares a este, entre los que se pueden mencionar el trabajo final de graduación de María Gabriela Bogarín, quien diseñó un sitio web para el INBio, dirigido a niños y niñas en el año 2006.

También se menciona como referencia, el proyecto de Imagen Gráfica coordinada para la Estación Experimental Agrícola Fabio Baudrit Moreno; trabajo final en la modalidad de Seminario de Graduación, realizado por los estudiantes de la Universidad de Costa Rica: Johan Quirós, Danny Barrantes, Carolina Parra, Steven Guzmán, Denis Cambronero, en el año 2004.

8

1.5 Marco Teórico

Los cambios se vuelven necesarios cuando se experimentan avances acelerados y propuestas novedosas en todos los ámbitos de la sociedad. Para la Asociación, este es el momento idóneo para un cambio positivo, como lo menciona Fishel:

…en un momento u otro, toda empresa se encuentra en la necesidad de una imagen más actual… un aspecto más nuevo, un diseño más práctico, una estética que llegue a los clientes: todo esto es el resultado de un diseño modernizado. (2000:9)

Figura 5. Primer Identificador de la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte

Como se puede observar en la imagen anterior, el identificador gráfico mostrado pretende reunir elementos de la cultura y el ambiente de la región, como lo son objetos indígenas, el volcán Arenal, la vegetación, el agua y el trabajo agrícola. Haciendo alusión directa a actividades y riquezas de la zona norte de Costa Rica.

La representación explícita de la actividad o las motivaciones de una entidad no son opciones prohibidas a la hora de diseñar un identificador gráfico. Sin embargo, la experiencia recopilada por entidades de gran trayectoria internacional, demuestra que no es lo más aconsejable, más aún cuando la organización es diversa en su trabajo.

9

“... los signos identificadores de una organización tienen variadas y difíciles tareas que cumplir, y entre sus obligaciones casi nunca está la de comunicar sus actividades o los productos y servicios que ofrece. Cuando se trata de una organización diversificada o con posibilidades de diversificarse, el símbolo ingenuamente anclado en la representación de la actividad está totalmente desaconsejado”. (Chaves-Belluccia, 2003:20)

En este caso, los elementos visuales del paisaje pretenden ubicar al receptor en una región determinada de Costa Rica, por lo que la figura del volcán de forma cónica, juega un papel determinante, ya que representa al volcán Arenal, ubicado en la Fortuna de San Carlos. Esto ofrece al público la referencia geográfica de la zona norte de Costa Rica y es un punto focal importante al ocupar un espacio central en el último plano de la composición.

Se observa también la representación de una montaña en tono verde, para expresar uno de los motivos por los que trabaja la Asociación: la conservación de los recursos naturales de la Región Huetar Norte.

En un primer plano se ubica un paisaje intervenido en el cual sobresale un terreno preparado en eras para la siembra, recorrido en el centro por un río, que es una clara referencia a la agricultura y a la abundancia del agua. La Región Huetar Norte se destaca por tener numerosos afluentes hídricos como el Parque Nacional del Agua Juan Castro Blanco, ubicado en las montañas de San Carlos, que también es llamado Parque del Agua.

Por último tenemos al lado izquierdo de la composición, un metate, objeto de piedra tallada utilizado para moler granos por las culturas indígenas. Evoca las culturas que dejaron su rastro en la región y que aún se mantienen como la comunidad Maleku en la comunidad de Guatuso.

10

Si bien todos estos componentes visuales representan la cultura y el ambiente de la Región Huetar Norte de Costa Rica, resultan excesivos dentro de un identificador gráfico. Se deben tener en consideración algunos aspectos de diseño como la estilización, la adaptabilidad, la estética, la simplicidad, el color adecuado, la facilidad de percepción y la adecuada representación semántica de la entidad que representa, entre otros parámetros que se desarrollarán con mayor detalle más adelante.

Cuando se habla de línea gráfica, se hace referencia al conjunto de elementos visuales que identifican a una entidad de manera unificada y siguiendo un orden establecido estratégicamente, también conocida como diseño corporativo. Cada uno de los elementos que compone la imagen gráfica corporativa tiene una interpretación teórica o intuitiva cuyo fin es representar a una organización, empresa o marca. La imagen gráfica es la síntesis de los aspectos intangibles, interpretados y llevados al campo visual de una manera estética y racional para representar a una entidad, para servir como firma e imagen de la misma.

Los componentes de la línea gráfica corporativa pueden abarcar diversos signos partiendo del logotipo como elemento principal e implicar una serie de manifestaciones visuales internas y externas en la entidad. En el libro “Manual de imagen corporativa” se hace referencia al tema, tal y como lo define Henrion:

“El diseño Corporativo (DC) consiste tan sólo en la comunicación visual de una organización, desde el logotipo y el estilo tipográfico a los sistemas de señales y el diseño del entorno.

La Identidad Corporativa (ID) o Imagen Corporativa, por otra parte, incluye tanto manifestaciones visuales como expresiones no visuales: formas de comportamiento en relación con los asuntos sociales, empresariales y políticos, que se pueden hacer patentes, por ejemplo en el comportamiento de la plantilla, en el estilo de escribir en las publicaciones o en la forma en que se trata a los proveedores”. (1990: 41)

11

El elemento esencial de la imagen gráfica de una organización es el identificador tipográfico o logotipo. Toda entidad debe tener un nombre, que generalmente está contenido en el identificador gráfico. De esta concepción auditiva del nombre de la entidad, se derivará la versión visual o como lo menciona Henrion (1990) el signo visual, que precede al nombre de la marca o empresa: “…la marca necesita estabilizarse, fijarse en el espacio visible – y no solo audible –y mostrarse constante sobre soportes diversos. La memoria visual es más fuerte que la memoria auditiva. Por eso el nombre necesita ser visto” (19).

El logotipo puede diseñarse con el nombre de la empresa, organización, marca o entidad escrito con una tipografía existente y de uso libre, o puede ser una familia tipográfica exclusiva de la marca. También se puede optar por variar una tipografía existente, cambiando sus características originales y adaptarlas a un diseño, e incluso se le pueden agregar símbolos o elementos accesorios y alterar las formas de las letras para formar figuras.

Un complemento común del logotipo es el símbolo o isotipo. Éstos pueden ser icónicos, haciendo referencia reconocible de algo real o imaginario; o abstractos, que no representan nada material, sino que connotan sensaciones variadas. Luis Fernando Quirós en su libro Diseño, teoría, acción, sentido, define estos signos identificadores de la siguiente manera: “La marca puede ser un isotipo, (símbolo o imagen gráfica de la institución, empresa o actividad profesional a la que se dedica una persona). Puede ser un logotipo o marca palabra (trademark, composición tipográfica con caracteres disponibles o diseñados específicamente para la marca, que proyecten la imagen de la empresa por sus caracteres estilísticos, formales y su composición). También, si las características del proyecto lo permiten, puede reunirse en la marca, tipografía e imagen en un isologotipo”. (1998: 153)

Para representar de manera más clara estos importantes conceptos, se presentan a continuación ejemplos gráficos de identificadores de los tres tipos mencionados por Quirós.

12

Isotipo

Figura 6. Isotipo de la cadena de restaurantes KFC

La inconfundible imagen del coronel de los restaurantes Kentucky Fried Chicken (KFC), es un isotipo de su imagen gráfica, es una imagen que carece de texto, pero que resulta muy efectiva en el proceso de posicionamiento en la memoria del receptor.

Logotipo

Figura 7. Logotipo de la marca Compaq

La marca de computadoras Compaq, es un ejemplo de logotipo en el que se han adecuado los caracteres estudiando tamaños y formas de la tipografía, sin la necesidad de utilizar símbolos.

Isologotipo

Figura 8. Isologotipo de Asociación WWF

La unión de texto e imagen, el identificador de World Wide Fund for Nature (WWF) es un buen ejemplo de isologotipo.

13

El signo visual, tendrá la función de significar sin palabras, su función es representar a una entidad y ser reconocido por el público para ser comprendido, aceptado y memorizado. La parte psicológica juega aquí un papel importante, pues será más fácil filtrarse en la memoria del receptor con las formas, colores y tipografías adecuadas; agregándole a estos componentes lo que Quirós denomina como conductos perceptivos conceptuales:

“Los identificadores gráficos son los signos visuales, físicos, que actúan como estímulos psicológicos y fisiológicos y pueden ser apoyados por otros conductos perceptivos conceptuales”. (1998: 151)

Por ejemplo, el identificador gráfico puede reforzarse con los espacios físicos, la iluminación, la rotulación, los uniformes de personal, la señalización exclusiva, entre otros. Todos estos elementos pasarán a formar parte de la identidad corporativa de cualquier tipo de entidad.

Sea cual sea el tipo de identificador gráfico de una organización, éste será el punto focal de su diseño corporativo, su imagen principal, es decir, el rostro de la organización.

La marca de fábrica es un símbolo, el medio más esencial por el que la empresa se manifiesta visualmente. Es una señal: «usted está tratando con nosotros, con nuestros productos o con nuestros servicios», como la tan conocida estrella de Mercedes o el logotipo de Coca Cola.

(Bos et al.,1991: 168).

La importancia de este elemento como imagen representativa de una institución o empresa es indispensable, pues será la vía de presentación al público y tener una mejor presencia en el ámbito competitivo.

Para la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte, una nueva imagen gráfica, significa la renovación y consolidación de su labor en la zona

14

norte de Costa Rica, ya que le permitirá llegar al público de forma amplia y eficiente. Para cumplir este propósito de manera óptima, resulta sumamente importante estar presente en Internet, la autopista de la información más importante del mundo (Joyanes, 1997), para poder llegar a una mayor cantidad de usuarios y ser localizados desde casi cualquier lugar del mundo. Un diseño amigable, estético y funcional de un sitio web, será el mejor aliado para crecer y fortalecer la imagen de la Asociación en la Región Huetar Norte, tanto a nivel nacional como internacional.

15

1.6 Metodología

El proceso de diseño ha sido analizado y esquematizado por diversos autores, en una guía de pasos a seguir para lograr un resultado óptimo. Este proyecto se ha apoyado en la investigación de Rodolfo Fuentes (2005) y se detalla a continuación:

Recopilación de datos

Esta primera etapa consiste en la indagación de datos históricos de la Asociación y su contexto en la Región Huetar Norte mediante entrevistas, revisión de actas y documentos archivados; con el fin de conocer las motivaciones de los fundadores y los propósitos de la Asociación como grupo.

Es necesario además, realizar una reseña sobre la construcción del Complejo Cultural de San Carlos, también llamado Casa de la Cultura, las actividades que se realizan en este edificio y la importancia del mismo para la Asociación y la comunidad. De igual forma se dedica un apartado al Parque Recreativo Agua Caliente y su importancia en el trabajo de la Asociación y en la conservación ambiental de la zona.

Actividades y proyectos

Seguidamente se realiza la descripción de las actividades de la Asociación, con base en las visitas realizadas, al contacto directo con el trabajo que se realiza y con el público que asiste a las mismas.

16

Interpretación conceptual

Esta fase consiste en la organización de la información, el estudio y selección de los conceptos y principios de la Asociación.

Después de la recopilación de datos, se organiza la información según los diferentes apartados del material teórico. Se estudió y se seleccionaron los conceptos, principios y valores que caracterizan y conforman esta organización para pasar a la siguiente etapa.

Bocetos iniciales

El primer paso de la etapa de diseño se lleva a cabo mediante el estudio de los datos recopilados y la producción de bocetos sobre papel, aplicando técnicas de dibujo tradicionales para definir las formas de la propuesta del identificador gráfico.

Traslado a programas de cómputo

En esta etapa se realiza una preselección de los mejores bocetos a lápiz para trasladarlos al programa Adobe Ilustrador. Una vez digitalizados se realiza la selección de las tres mejores propuestas.

Además se elige la tipografía más adecuada de acuerdo a diversas pruebas de legibilidad y forma. También se realizan pruebas de color en las tres propuestas de bocetos.

Selección de bocetos

En esta etapa se lleva a cabo la verificación del trabajo de diseño por parte de los miembros del Comité Asesor del proyecto, hasta concretar la mejor opción para el identificador gráfico.

17

Y a partir de este diseño, se desarrollaran los componentes de la imagen gráfica general de la Asociación.

Diseño del manual de identidad

Para facilitar la manipulación de los signos gráficos y promover el uso adecuado como medio de consolidación del identificador gráfico, así como para definir los lineamientos a seguir con respecto al uso adecuado de dicho signo visual en sus diferentes aplicaciones, se diseña el manual de identidad visual.

Bocetos de plantillas para sitio web

Una vez concluido el diseño del identificador gráfico de la Asociación, se procedió a seleccionar la información y las imágenes para el sitio web. Se desarrolló la propuesta gráfica estructural y los diseños correspondientes, que se podrán implementar a futuro.

Verificación del proyecto escrito

Una vez concluido el trabajo práctico y el informe escrito, se realiza una verificación general, para afinar detalles de estilo y presentación del material teórico.

Montaje de sitio web

El montaje del sitio web no está contemplado en los objetivos de este proyecto, sin embargo, se realiza el montaje final en los programas de diseño web Dreamweaver, Fireworks y Flash, para facilitar a la Asociación la implementación del sitio.

18

Capítulo 2. La Asociación para el desarrollo de la cultura y el ambiente de la Región Huetar Norte.

2.1 Reseña Histórica

La Asociación para el desarrollo de la cultura y el ambiente de la Región Huetar Norte fue creada el 29 noviembre de 1982 por ciudadanos vecinos de Ciudad Quesada, San Carlos. Estas personas decidieron asociarse con el fin trabajar libre y voluntariamente por el desarrollo de la Región, en el ámbito de la cultura y el ambiente. Tal como se lee en el acta de la primera asamblea:

“…movidos por la inquietud de rescatar las tradiciones de nuestros abuelos y especialmente movidos por la falta de sitios culturales y turísticos en donde se puedan conservar esas tradiciones…”. (libro oficial de actas Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte, 1982)

Durante la primera administración de Oscar Arias Sánchez (1986-1990), se logró contar con la ayuda económica del gobierno y se obtuvieron los fondos necesarios para construir el Centro Cultural en Ciudad Quesada y comprar los terrenos donde hoy se ubica el Parque Recreativo Agua Caliente. Desde entonces, la Asociación se ha financiado con los ingresos producidos por dicho centro recreativo. En la actualidad, la Asociación realiza actividades diversas como ferias, festivales, cursos de artes plásticas, entre otros, siguiendo los ideales que le dieron origen en 1982.

19

2.2 Objetivos, principios y valores

Los principales objetivos de ésta entidad consisten en promover todas las actividades sociales, culturales, artísticas y recreativas que fortalezcan y contribuyan a conservar herencia cultural y el medio ambiente de la Región Huetar Norte.

Esta organización ha trabajado activamente con un compromiso social definido por los valores de unión de las familias en sus tradiciones y la solidaridad de los pueblos por conservarlas y promoverlas.

2.3 Contexto Geográfico

El territorio que abarca la Asociación corresponde a la Región Huetar Norte de Costa Rica, que comprende los cantones de San Carlos, Guatuso, Los Chiles y Upala , los distritos de San Isidro de Peñas Blancas y Río Cuarto de Grecia de la Provincia de Alajuela, y el cantón de Sarapiquí de la provincia de Heredia.

Tiene una extensión de 9,603.4 km² lo que equivale a un 18.4% del territorio nacional.

Región Huetar Norte

Figura 9. Localización de la Región Huetar Norte

20

La Región Huetar Norte posee una extensa gama de actividades que rigen su desarrollo, se destacan la agroindustria, la agropecuaria y el ecoturismo. Sus atractivos naturales y sus sitios recreativos se han ido incrementando para pasar a ser hoy en día una de las zonas más visitadas por turistas nacionales y extranjeros, lo que el turismo se ha convertido en una importante fuente de divisas.

El Volcán Arenal, las aguas termales, los hoteles, las Reservas Naturales y Refugios de Vida Silvestre resultan muy atractivos al visitante.

Por el extenso territorio de la Región, las actividades de la Asociación se concentran en el cantón de San Carlos, específicamente en Ciudad Quesada, lugar donde se encuentran las instalaciones del Complejo Cultural.

2.4 Organización

La Asociación dirige, coordina y apoya varios grupos culturales. En sus instalaciones se imparten clases de música, inglés, artes marciales, artes plásticas y se reúnen clubes de aficionados al animé (animación de origen japonesa) y manga (historieta o cómic de estilo japonés).

Ocasionalmente se ofrecen talleres de teatro y danza ofrecidos por el Ministerio de Cultura Juventud y Deportes.

A continuación se describe la forma de organización de ADECA en orden categórico.

En primer lugar, se ubica la Asamblea General que corresponde a la totalidad de miembros asociados, seguido por la Junta Directiva, el fiscal y la administración. Seguidamente se presentan tres importantes componentes:

21

•

Los talleres del Ministerio de Cultura, que ofrece a la comunidad ocasionalmente una oportunidad de aprendizaje artístico en áreas como el teatro y la danza.

•

Otro componente importante es el Parque Agua Caliente, un centro de recreación familiar y de conservación de la naturaleza. Del que se generan los fondos necesarios para llevar a cabo los proyectos culturales.

•

Finalmente, está el Complejo Cultural, lugar construido para ofrecer un espacio para actividades culturales de la región. En sus instalaciones se imparten las clases y se reúnen los grupos organizados de música, artes marciales, artes plásticas, También se reúnen los miembros del grupo Hokusai, quienes comparten sus aficiones al animé, manga y cultura japonesa en general. El Complejo Cultural está disponible también para ferias y otras actividades organizadas por los grupos activos; en el Complejo Cultural también están las oficinas administrativas de la Asociación.

Figura 10. Organigrama de la Asociación para el Desarrollo de la Cultura y Ambiente de la Región Huetar Norte

22

La labor de la Asociación en la región Huetar Norte es sumamente variada, por el carácter diverso de las manifestaciones culturales de la sociedad misma y porque además cumple con una función ambiental.

Anualmente se organizan dos festivales en Ciudad Quesada, San Carlos, uno de ellos es el Recrearte, que lleva diez años de llevarse a cabo en la primera semana de octubre. El Festival Recrearte 2008, reunió bandas, músicos, grupos de teatro, mimos, bailes típicos, danza moderna y clásica, de la Región Norte e invitados especiales de distintas zonas del país. Se realizaron actividades tradicionales con niños y artesanos invitados a exponer y vender sus productos.

En diciembre se realiza el Festival Navideño que celebra el espíritu de estas fechas en la Zona Norte. Las bandas de la Región y algunas invitadas de otros cantones, participan junto a grupos musicales expresando lo mejor de sus talentos al pueblo norteño.

En el año 2007 se usaron las instalaciones del Complejo Cultural para el Festival de las Artes, que organiza el Ministerio de Cultura y Juventud.

2.5 Complejo Cultural de la Región Huetar Norte Como se mencionó anteriormente, el Complejo Cultural es un edificio construido para impulsar el arte y la cultura. Inició su construcción, en 1989, con el apoyo de fondos del gobierno, durante la administración de Oscar Arias Sánchez.

La infraestructura cuenta con un anfiteatro externo, aulas, área de comedor, espaciosos salones y oficina administrativa. En este lugar se imparten las clases, se reúnen los diferentes grupos artísticos semanalmente para ensayar, se realizan presentaciones a la comunidad,

23

se organizan ferias de diversa índole, entre otras actividades. Las instalaciones del Complejo Cultural son un espacio abierto a iniciativas de grupos organizados en pro de la cultura y el arte en la Región Huetar Norte. La Asociación vela por mantener ese espacio disponible para la comunidad.

2.6 Parque Recreativo Agua Caliente El Parque Recreativo Agua Caliente es un centro de esparcimiento y conservación de la naturaleza, para toda la familia ubicado en San Rafael de Ciudad Quesada. Cuenta con amplias zonas verdes, restaurante, piscina, bosque con senderos, cancha de fútbol, aguas termales naturales y una gran belleza ecológica. Con una extensión de 117 hectáreas, ofrece a sus visitantes múltiples opciones de entretenimiento.

Las ganancias generadas por este parque se designan para solventar su mantenimiento y las actividades que se llevan a cabo en el Complejo Cultural.

2.7 Público meta

El público meta de la Asociación es muy amplio, las actividades tienen en su mayoría un enfoque familiar. El Complejo Cultural focaliza su atención en los niños, jóvenes y adultos que participan activamente en las actividades educativas y artísticas que se realizan en el lugar.

Sin embargo, las actividades son abiertas a un público amplio que contempla todos los rangos de edad.

Por su parte, el Parque Recreativo Agua Caliente recibe a toda la familia en sus instalaciones con diversas opciones de esparcimiento.

24

Capítulo 3. Resultados

3.1 El diseño de la imagen gráfica.

3.1.1 La importancia de una imagen gráfica unificada

“La función de un diseñador consiste en resolver problemas de comunicación relativos a productos, conceptos, imágenes y organizaciones, y hacerlo de forma original y precisa”.

(Swann,1990: 6)

Como lo afirma Alan Swann, el diseñador gráfico debe ofrecer soluciones en comunicación visual partiendo de una necesidad real, estudiarla y delimitarla, recopilar la información necesaria, analizar los datos, plantear una propuesta creativa y verificar la propuesta cuantas veces sea necesario, hasta llegar a la mejor solución.

Todo este proceso es indispensable para que el trabajo tenga un respaldo válido y sólido, más aún cuando se trata del diseño de un identificador gráfico y la línea gráfica corporativa en general. Es importante mantener la coherencia y la unidad de la imagen total de la entidad, es decir, que en cada material gráfico, impreso o digital, se mantenga un hilo conductor que manifieste siempre una constante en la imagen de la empresa, ya sea por medio de un color específico o una forma en particular, presentando siempre el identificador gráfico como la imagen principal de la entidad. A este punto hacen referencia Chaves y Belluccia:

“La simple función denominativa obliga a la estabilidad... De allí los cuidados minuciosos que han de tomarse para garantizar la fiel reproducción del identificador y sus criterios canónicos de uso. Tales cuidados no provienen de una mera voluntad formal u obsesión por el

25

orden, sino de una necesaria solidez de este signo que impida toda forma de degradación: el identificador ha de poseer una realidad objetiva tan sólida y fija como la entidad a la cual denomina.” (2003: 27)

Es por eso que la unidad es una característica esencial en la imagen gráfica, cada elemento que la compone debe ser definido puntualmente, nada debe ser colocado al azar sin tener algún respaldo. Los componentes pueden ser colores, formas, texturas o incluso imágenes; lo que anteriormente se mencionaba como signos de identificación secundarios. Este conjunto de elementos podrá estar presente en todas las manifestaciones gráficas propias de la entidad, por ejemplo papelería, banners, mupies, brochures, rótulos, sitio web, vehículos, uniformes, entre otros. De esta forma se consigue mantener un hilo conductor coherente y uniforme, facilitando la percepción e identificación en el público.

En ocasiones se puede identificar una entidad por medio de los colores característicos que usa o mediante formas que sugieren un elemento de una marca o producto, esto ocurre cuando el identificador ya está totalmente posicionado.

3.1.2 El identificador gráfico principal

Como se mencionaba anteriormente, el adecuado diseño de un identificador gráfico trae muchos beneficios al grupo que representa. Este elemento visual sin duda, es algo indispensable para toda entidad que requiera presencia, reconocimiento, proyección y ventas óptimas. Un identificador gráfico representa a la empresa ante su público, es el punto de referencia que le da la identidad que necesita para estar presente, para ser realmente competitivo.

Un buen identificador gráfico, puede contribuir al éxito de una entidad, pues presentará al público la solidez, eficiencia y calidad necesaria para infundir confianza.

26

Las estrategias de posicionamiento son factores externos al diseño del identificador, pero deberán cumplir la función elemental de implantar el signo para que entre en contacto con el público meta. El uso constante del identificador y la fiel reproducción del mismo tanto interna como externamente, serán los encargados de posicionar el signo visual y hacerlo poco a poco reconocible y aceptado. Este proceso se apresurará según sea la intensidad promocional del identificador, la aceleración de su posicionamiento.

Una entidad sin identificadores gráficos, pasa desapercibida, simplemente porque no puede ser vista, el público no la percibe y por lo tanto no la reconoce. Es necesario el paso del reconocimiento verbal al visual.

Por sí solo, el signo gráfico puede otorgar a la entidad que representa un rango alto de prestigio e infundirá confianza a quien lo observe. Si el signo es atractivo será fácilmente reconocible, un identificador de calidad, hablará de la calidad que ofrece una compañía.

“La calidad cultural de la gráfica institucional opera como uno de los indicadores más alusivos de la calidad de la organización que la posee”. (Chaves-Belluccia. 2003: 43)

A la hora de diseñar los identificadores gráficos, se toman en cuenta ciertos parámetros mencionados anteriormente. Una vez que se ha realizado la investigación teórica, se pasa a la etapa de interpretación y de ahí a la fase creativa; etapa donde se tienen que tomar en cuenta algunos importantes lineamientos para lograr un identificador gráfico efectivo y un diseño bien planteado. En la fase creativa se define el tipo de signo a diseñar, ya sea un logotipo unicamente, o si requiere la inserción de un símbolo como complemento.

En este proyecto se propone un identificador de tipo isologotipo, es decir la unión de tipografía y símbolo en la composición. Esto por considerar que la naturaleza cultural y

27

ambiental de la Asociación admite la posibilidad de la figura y requiere de una imagen que se convierta en el sinónimo de la firma, para darle más dinamismo al diseño y para facilitar su reconocimiento.

Una vez definido el tipo de identificador, se decide si es pertinente que el símbolo sea realista o de carácter abstracto. Si se quiere hacer alusión a algo reconocible de la realidad o la imaginación, se debe tener en cuenta que lo más recomendable es realizar una estilización, esto es, interpretar una imagen o forma dándole rasgos simplificados, pasando de lo complejo a lo simple sin perder las características esenciales.

Figura 11. Ilustración detallada

Figura 12. Estilización

Un buen ejemplo de estilización utilizada en un identificador gráfico es el famoso mapache de la Asociación Preservacionista de Flora y Fauna Silvestre, APREFLOFAS. Como se puede observar, con unas pocas líneas se ha logrado ilustrar a la perfección la figura del mapache, resaltando solo sus rasgos más importantes. Esta síntesis es el producto de un proceso de estudio visual, la simplicidad no se logra al azar, sino que se fabrica.

Probablemente para realizar la estilización del mapache, se partió de una fotografía de un mapache real, se hicieron varias ilustraciones, se definió el mejor ángulo, se estudiaron sus rasgos, se fueron descartando líneas y colores, hasta llegar a una bien lograda estilización.

Si se opta por la abstracción, de igual forma se debe considerar la importancia de un diseño sin excesos. Un identificador gráfico debe estar conformado por los elementos que realmente

28

sean necesarios, no se debe abarrotar el diseño con componentes que en lugar de ayudar en la representación, generen “ruido” innecesario, es decir, un mensaje tendrá una mejor recepción si es claro. Esto puede ser ejemplificado con los conocidos pictogramas o íconos utilizados en señales de tránsito, donde se maneja un lenguaje visual simplificado.

“Los signos son suficientes, no sólo cuando alcanzan para cubrir las necesidades sino cuando, además, no sobran.” (Chaves-Belluccia. 2003: 47)

El discurso que transmita el identificador, tendrá que ver con el estilo que se le impregne al diseño. Existe una gran diversidad de lenguajes gráficos con los que se puede abordar el diseño de un identificador, esto le atribuirá una carga semántica al diseño que irá absorbiendo diversos significados cuando se implemente en diferentes ocasiones y circunstancias.

Ya sea que se utilice un signo real o abstracto, se debe decidir si el discurso del identificador hará referencia a actividades o características propias de la organización que representa. Pero se debe tener claro que una referencia directa no es un requisito, como a veces se piensa, si no que se cuenta con la libertad de otorgar signos arbitrarios sin correr el riesgo de caer en la incoherencia, pues ya han sido puestos a prueba por marcas de larga trayectoria y de reconocida identificación gráfica. La empresa Apple por ejemplo, se dedica al área tecnológica, y ni su logotipo ni su isotipo de “manzana mordida” hacen referencia alguna a esta actividad.

Los signos de identificación gráfica tienen una enorme gama de posibilidades para manifestarse, siempre y cuando logren la compatibilidad con el ente que representan. El diseño puede ser arbitrario mientras encaje en el discurso de identidad de la organización o no la contradiga.

29

Nuestro cerebro, por medio de la vista, percibe los mensajes visuales, los procesa y almacena en nuestro sistema cognitivo. Pero no toda la información que nos rodea se recuerda con la misma facilidad, nuestra visión percibe puntos focales que atraen la atención de forma más eficaz que otros. A esto se le conoce como pregnancia, o sea la capacidad que tenga la figura de ser recordada.

Es por esto que presentar un mensaje claro, legible, llamativo y sencillo será imprescindible para que tenga una rápida y adecuada percepción. Para esto se debe tener en cuenta que cuando se implemente el identificador gráfico será reproducido sobre múltiples superficies y materiales, por lo que se debe estudiar la capacidad del mismo para aparecer sobre tela, plástico, papel, lona, monitores, entre otros. Estas previsiones deben tenerse en cuenta desde que se inicia el proceso creativo.

La fácil percepción de un identificador gráfico, ayudará además, a un posicionamiento más acelerado en el mercado o público meta y esto va de la mano con un adecuado diseño que contemple todos los aspectos comentados anteriormente.

Si se da un rápido vistazo a los siguientes logos, se podrá diferenciar fácilmente cuál de estos dos ejemplos presenta un diseño acertado.

Figura 13

Figura 14

Sin entrar en connotaciones semánticas, notoriamente se puede observar que el diseño de la derecha es mucho más claro, legible y fácilmente perceptible. Basta un instante para verlo y

30

comprenderlo, tanto por su nombre corto como por la acertada estilización de la imagen. El de la izquierda en cambio, requiere un mayor esfuerzo para ser comprendido, incluso resultaría de difícil lectura en reducciones, los elementos que lo componen y la gama de colores es excesiva, esto se traduce en una pobre consolidación del identificador gráfico. He aquí la importancia de facilitar al receptor la percepción del identificador a un nivel de elemental reconocimiento de los rasgos del signo .

Es importante consolidar la imagen gráfica en todos los aspectos, esto se logra siendo constante y coherente al utilizar los recursos gráficos del identificador aplicados. Por ejemplo, al reproducir el identificador, se deben tratar de mantener los colores lo más fieles posibles al original, nunca se debe deformar un identificador, se debe mantener la proporción, ya que al manipularlo libremente se pierde su diseño y por ende se dificulta la consolidación de la marca.

Utilizar una paleta de color previamente definida y mantenerla en todo el material gráfico o publicitario, identificar las tendencias formales, usar las tipografías recomendadas, entre otros recursos; ayudará a que el receptor identifique y relacione con mayor facilidad el mensaje con la entidad que representa.

3.1.3 La Interpretación gráfica: tipografía, forma y color.

La tipografía

Existen muchas familias tipográficas con innumerables variables. Hoy en día son accesibles para utilizarlas e incluso modificarlas, si así se requiere. La fuente elegida debere contar con características afines a la entidad.

31

Se ha considerado pertinente y necesario, realizar una modificación positiva con respecto al nombre de la Asociación.

“Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte”.

Este es el nombre completo y registrado de la Asociación. Se propone en este proyecto de imagen gráfica, una abreviación del mismo, a fin de facilitar su pronunciación y por ende su rápida percepción en el público. Se plantea la siguiente abreviación basada en siglas: A (asociación) DE (desarrollo) C (cultura) A (ambiente)

Haciendo referencia a las palabras principales y eliminando los artículos se obtiene la palabra ADECA, que resulta mucho más manejable tanto en diseño como en pronunciación. Para ubicar en el contexto geográfico a la Asociación, se le agregan las palabras Huetar Norte a las siglas. Para obtener como nombre completo: ADECA Huetar Norte.

De esta forma se conserva el origen del nombre inicial y se hace más accesible como palabra corta. Esto es importante para que el público pueda captar más rápidamente el mensaje que se le envía, así podrá ser reconocido con solo un vistazo, en un instante quedará registrado en la memoria de quien lo observe, mientras que si se coloca el nombre completo, probablemente ni siquiera sea leído por algunos, precisamente por ser un texto tan extenso.

Este sistema de siglas lo vemos comúnmente en diversas entidades, Por ejemplo, usualmente no se dice la Asociación Nacional de Educadores, si no que se utiliza la abreviación ANDE, y así con muchas otras como ICE (Instituto Costarricense de Electricidad), MINAE (Ministerio de Ambiente y Energía), IMAS (Instituto Mixto de Ayuda Social), entre otros.

32

La elección de la tipografía adecuada, ha tomado en cuenta la alta legibilidad, la forma acorde con el símbolo y la limpieza que ofrecen las letras palo seco, éstas carecen de serifas (pequeñas terminaciones conocidas también como gracias).

La tipografía oficial principal del identificador gráfico será la ASENINE, con variaciones en su espaciado como arreglo particular.

Figura 15. Letra con serifas

Figura 16. Letra palo seco

Esta fuente, podrá utilizarse en titulares y materiales publicitarios. Por su alta legibilidad, también puede usarse en párrafos. Sin embargo, para bloques de texto extenso, se recomienda utilizar una tipografía tradicional como la Times New Roman, que tiene las características adecuadas para facilitar la lectura extensa corrida.

La forma

Teniendo definida la tipografía del logotipo, se pasa a la interpretación de la forma, es decir, a precisar el estilo que regirá el diseño. Esta interpretación parte de la descripción de la entidad, después de la recopilación de datos e investigación, se puede sintetizar o describir a la Asociación con las siguientes palabras descriptivas: tradición - cultura - unión - trabajo - arte - recreación – naturaleza.

Como puede observarse, los significados son diversos y difícilmente representables de forma explícita. Mucho más difícil aún, integrar todos estos conceptos en un símbolo. En estos casos lo aconsejable es optar por metáforas visuales, que abren las posibilidades interpretativas. Estas mantienen la posibilidad de evocar sensaciones sin ser específicas o redundantes.

33

Para el identificador gráfico de la Asociación se ha optado por un diseño con características inclinadas a lo abstracto. En estos casos, el orden de los elementos y la armonía visual de la composición, resulta mucho más importante que la connotación semántica. Esto no quiere decir que el símbolo quede “sin significado”, por el contrario, tendrá la capacidad de abordar diversos discursos cuando así lo requiera.

A continuación se describen algunas tendencias estilísticas que predominan dentro de la imagen gráfica de la Asociación:

La forma circular: es la figura predominante en el diseño del identificador, es una forma que ofrece dinamismo y la posibilidad de interactuar con otras formas similares o distintas a ella. El círculo posee la fluidez de la línea curva. Si se hace un recorrido visual a través de una circunferencia, se notará la facilidad que ofrece el recorrido a diferencia de un perímetro con ángulos, como el cuadrado o triángulo, por ejemplo.

El círculo también tiene la cualidad de focalizar la atención hacia sí mismo. Se relaciona con el punto, una de las formas más esenciales y principio de la línea.

La línea: es la forma que da unión a la composición. La línea es un principio elemental de las figuras y en este caso se encarga de sostener los elementos principales.

Es importante hacer énfasis en este punto, pues la figura de la línea enlaza los tres elementos principales. Al diseñar la imagen gráfica de la Asociación, se representa también al Complejo Cultural y al Parque Recreativo Agua Caliente, por ser estos componentes importantes de la organización. Por eso el identificador tiene tres figuras pricipales unidas, éste es la principal lectural del signo gráfico en términos semánticos.

34

La forma orgánica: como su nombre lo dice, se consideran orgánicas aquellas formas inspiradas en la naturaleza, formas vivas, con movimiento, no angulares y agradables si son tratadas correctamente. Estas formas son muy apropiadas para este trabajo de diseño, pues si tomamos de referencia las palabras naturaleza y recreación coincidirán con la descripción de una forma orgánica. Independientemente de esto, la forma orgánica alude a procesos fluidos, no estáticos, cambiantes y con movimiento.

El color

La definición del color o los colores adecuados para el identificador conlleva a un estudio teórico e intuitivo. El color, en un proyecto de imagen corporativa, posee especial importancia por su expresividad, lenguaje y posibilidad de constituirse en identificador.

Hoy contamos con muchos textos que han marcado las pautas en teoría del color y que facilitan este trabajo. Se ha demostrado que el uso del color repercute psicológicamente en el ser humano, influye en los estados de ánimo y que tienen significados diversos, por lo que escoger el color es un paso sumamente importante en este trabajo. Pawlik, en el libro Teoría del color, expone un interesante y minucioso estudio del color en sus diferentes manifestaciones:

“Una imagen se puede componer de colores predominantes cálidos, predominantes fríos o con tendencias cálido-frio. Los colores, según sea su posición en el lado frío o cálido, actúan... directamente sobre el sentimiento, y no por convención. Los colores fríos expresan arrobamiento, distanciamiento, transfiguración, incluso distinción contenida; los cálidos aproximación, recogimiento, intimidad, estrechez terrenal”. (1996: 63)

35

Para este trabajo se han elegido colores cálidos porque transmiten sensaciones más acordes con lo que la Asociación representa. A continuación se puede observar la paleta de color que se usará en el identificador gráfico y, por ende en todas las variantes y diseños de material gráfico de la entidad.

Figura 17. Paleta de color de ADECA

El primero es un rojo con tendencia hacia el naranja, es el color más sobresaliente de la paleta, esto porque presenta una mayor concentración de rojo “el más llamativo a la vista entre todos los colores del espectro visual” (Wong.1999: p.159). Este color conserva las características de la familia del rojo, color destacado por las sensaciones estimulantes que produce al ser relacionado con el ardor, la sangre, el calor intenso, la pasión, se caracteriza también por ser agresivo y provocativo.

La familia del naranja por su parte conserva la vivacidad del rojo con menos agresividad, pero con más calidez y energía natural.

“…son los colores de la gustosa naranja, del resplandor del atardecer y del fuego del hogar.

Los colores naranja completamente saturados representan la calidez, la amistad y la alegría.

Tienen una elevada visibilidad y, al igual que el rojo, se usan también como señal de aviso para recordar el posible peligro a la gente”. (Wong.1999: 163)

Este llamativo color está presente en la vegetación de la Zona, en especies de flores de gran belleza como lo son las Heliconias y las Ave del paraíso. El identificador gráfico de la Asociación debe reflejar la energía, la calidez y la visibilidad del color rojo-naranja, para que sea el punto de atención en la composición.

36

En segundo lugar en la paleta de color mostrada anteriormente, se observa un color cian color predominante en la familia del azul. Relacionado con el agua y el cielo, es un color con tendencia fría pero que por su tonalidad clara en este caso se torna vivaz y alegre. También se relaciona este color con las montañas lejanas y con sensaciones de paz y tranquilidad.

La presencia de un tono de verde en la composición del identificador es muy acertado debido a su vínculo con lo natural, elemento importante en el trabajo de la Asociación, además de dar un agradable balance a la paleta de color, el verde amarillento ha sido elegido para representar la parte ambiental de la asociación, evoca la frescura natural, las hojas nuevas, la vida en constante crecimiento. Estas son algunas descripciones del verde:

“El verde es el color principal de la vida vegetativa. El ser humano encuentra en el verde calma positiva y descanso. Su efecto psíquico es relajante... nuestra vista encuentra en el verde una satisfacción real”. (Pawlik.1996:73).

El color gris oscuro será utilizado en la tipografía del identificador, para resaltar lo suficiente el nombre de la Asociación, garantizar su legibilidad y que no compita con los colores del isotipo.

37

3.1.4 Etapa de bocetos.

El proceso de diseño de la propuesta de identificador gráfico, inicia sobre papel. Los bocetos iniciales toman su forma mediante la lluvia de ideas. A lápiz, se dibujan las propuestas y se seleccionan las que cumplieron con los parámetros determinados en la gestión de los signos gráficos. En los anexos se incluyen otros bocetos que fueron parte del proceso de selección.

Al pasar al plano digital, se redibuja y retoca la forma para perfeccionarla. Este trabajo se realiza en el programa Adobe Ilustrador. Una vez digitalizados los bocetos, se hace una reselección. Se elige la siguiente propuesta, a la que se le realizaron diversas variantes de forma.

Figura 18. Variantes de forma

38

Después de elegir la propuesta formal definitiva, se realizaron algunas pruebas de color.

Se decide seguir la línea de colores cálidos de rojo-naranja, cian y verde. Se sugiere mantener el color rojo en el elemento circular central y la tipografía en gris oscuro para facilitar su legibilidad. A continuación se presenta la última selección de color.

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

Figura 19. Prueba de color 1

39

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E

ADECA H U E TA R N O R T E Figura 20. Prueba de color 2

40

Se elige la propuesta de identificador que se presenta a continuación:

Figura 21. Identificador gráfico elegido

3.1.5 Propuesta de Identificador y justificación.

Ya se ha presentado el proceso principal del identificador gráfico elegido para la Asociación y se han expuesto los lineamientos fundamentales a seguir en el diseño de éstos. Ahora es momento de sustentar este proceso en una síntesis.

El diseño del identificador se ha elegido con la ayuda del comité asesor, como la mejor propuesta por las siguientes razones:

41

• Nivel de síntesis: La propuesta posee el nivel de síntesis necesario, los elementos del isologotipo se reducen a tres líneas y seis círculos, figuras básicas del diseño, siendo sobresalientes los tres círculos compuestos. Se puede afirmar que ningún elemento sobra, al contrario, cada uno tiene su función y protagonismo.

• Manejo tipográfico: El logotipo como signo identificador principal, se sitúa a manera de base en la compocisión. Éste además de poseer una tipografía de alta legibilidad, cuenta con un espaciado entre letras que le otorga singularidad. Además del juego de los tamaños de letras que resaltan el nombre abreviado que se requiere posicionar. Se debe mencionar también la anatomía de la letra, que este caso presenta formas redondeadas acordes con el isotipo.

• Distribución y balance: El identificador de ADECA posee un adecuado balance de objetos: en diseño se utiliza el término ”peso“ para señalar el tamaño real o aparente de un elemento en una compocisión con respecto a los otros; está ligado al balance, la tonalidad de los colores, el tamaño y el grosor. En este caso, el elemento más pesado en la composición sería el círculo central, tanto por su tamaño, como por su color. Este objeto además, es el centro de atención del isologotipo y precisamente por eso ha sido ubicado en la parte central, para que atraiga la atención hacia el centro, y es complementado con los círculos cian y verde ubicados a los lados. Ambos tienen un mismo tamaño pero están ubicados estratégicamente con una inclinación diferente, el verde ligeramente arriba del cian, que por ser un poco más pesado se ubica más abajo para equilibrar la compoción total.

42

• Facilidad de percepción Gracias a la simplicidad de los elementos, este identificador gráfico puede ser comprendido rápidamente tanto en texto como en forma.

• Uso del color Los colores del identificador gráfico de ADECA transmiten la calidez y vitalidad necesarias para representar a una entidad que trabaja en el ámbito cultural y ambiental, además de lograr interactuar armoniosamente en la compocisión.

Los usos del color cumplen además la función de ayudar en la percepción del signo grafico. La paleta de color elegida tiene la ventaja de poseer una llamativa combinación que atrae la atención por sus colores fuertes y cálidos.

• Discurso semántico Se considera una fortaleza del identificador gráfico de ADECA, el evitar forzar su significado con rasgos poco evidentes de la Asociación, o querer representar en un signo gráfico inclinado a la abstracción, argumentos poco sólidos y ambiguos, como querer ilustrar en una figura las actividades que realiza un ente. La función de este signo es reprensentar por sí solo, sin tener que referenciar a nada en particular.

Sugiere sin embargo, en una interpretación gráfica, la unión de tres elementos (Asociación, Complejo Cultural y Parque Aguacaliente) y la diversidad, además de las referencias en la escogencia del color, que ya tienen una gran carga temática. Estas características tomadas en cuenta anteriormente y durante el proceso de bocetos (cultura-unión-trabajo-tradición-arte-recreación–naturaleza) dieron origen al diseño gráfico del identificador, mas no se considera fundamental que se realice esta lectura del signo, si no que se busca lograr que el identificador tenga a la capacidad de adaptarse a diversos discursos y distintos públicos en los medios de comunicación en los que se presente.

43

• Signos de identificación secundarios Las formas utilizadas en el isotipo dan pie a una amplia gama de posibilidades en diseños complemetarios para usar en la línea gráfica de la ADECA.

• Capacidad de adaptación Es importante considerar la capacidad de un signo de este tipo para adaptarse a diferentes situaciones, contextos y soportes. Se han contemplado todas las posibles situaciones en las que el signo gráfico pueda presentarse al público. El identificador de ADECA tiene la capacidad de adecuarse tanto en una asamblea formal, como en una feria o festival de arte. Puede ser parte de diferentes materiales de comunicación visual, sean impresos o digitales y adaptar su temática si se dirige a un público infantil o adulto mayor por ejemplo.

3.1.6 Identificadores secundarios La utilización de complementos gráficos, se vuelve necesaria en el momento de aplicar el identificador, o sea en el proceso de implementación. Estos signos cumplen la función de identificar, pero dependen de un signo principal. Su función es reforzar la identidad.

“Pueden llegar a identificar a la entidad con gran eficacia, pero no cumplen taxativamente la función de firma: no comprometen” . (Chaves-Belluccia. 2003: 31)

Como anteriormente se mencionó, pueden clasificarse como signos identificadores secundarios, las texturas, tramas, colores, mascotas, fondos, entre otros. Además de los signos visuales, también son identificadores los signos acústicos, por ejemplo el jingle de un producto en un comercial de televisión, o la cortina musical de un noticiero.

44

Como parte de la imagen gráfica de la ADECA, se han diseñado algunos identificadores secundarios para que sean utilizados en diferentes aplicaciones.

Se aclara que estos signos pueden presentar múltiples variantes, si así se requiere, pero deben ofrecer la concordancia necesaria para no contradecir la identidad de la Asociación, lo más recomendable es conservar la paleta de color original y tomar en cuenta la línea de diseño que marcan las formas planteadas en el identificador gráfico que se desea implementar con este proyecto.

Todos estos parámetros se exponen y ejemplifican detalladamente en el Manual de Identidad Visual de la Asociación, diseñado como parte de este proyecto, el cual se adjunta en los anexos de este trabajo.

45

3.2. Diseño del Sitio Web 3.2.1 Aspectos básicos de sitios web y su importancia en la actualidad.

El acelerado crecimiento tecnológico que vivimos actualmente, ha dado la posibilidad de acortar distancias y de acceder a la información fácil y rápidamente. Lo que se inició en 1969 como un proyecto para poner en red las supercomputadoras de la época, poco a poco fue evolucionando hasta convertirse en una gran telaraña mundial.

Internet no solo es la autopista de información más grande del mundo, si no que se ha convertido en un espacio virtual con el que se convive a diario. A venido a falicitar la vida de las personas con múltiples servicios, acortando distacias en todo el mundo, poniendo al alcance de todos la posibilidad de acceder a información de todo tipo en cuestión de segundos.

“El impacto social que están produciendo Internet y las restantes autopistas de la información, se deben esencialmente a los servicios que proporciona. En esencia, Internet es un simple canal de información o mejor un medio físico que sirve de base a ciertos servicios. El interés de estos servicios indicará el verdadero valor de la red”.

(Joyanes. 1997:108)

Al tener acceso a todos estos servicios que ofrece internet, la sociedad ha ido creando dependencia de la misma. Ya no es tan necesario tener que recurrir a espacios físicos en busca de información, ni hacer filas para pagar servicios públicos, ni viajar a otros países para comprar artículos. Las distancias se han acortado considerablemente.

Para una empresa, institución o entidad de cualquier naturaleza, resulta muy beneficioso tener un sitio web. Ya sea para promocionarse, para informar o vender sus productos. Evaluando

46

el desarrollo acelerado de la tecnología, podría afirmarse que se vuelve indispensable la creación de un sitio web.

La presencia de una entidad en Internet, se vuelve cada día más necesaria. En nuestra sociedad actual, se recurre a este medio cada vez que se requiere información precisa y de manera rápida. Esta es una excelente ventana al mundo, pues no solo pone a disposición la información a usuarios nacionales, si no también internacionales.

Para la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte, contar con un sitio web, le permitirá dar un gran paso en la búsqueda de la actualización y el crecimiento. Además de ofrecer e informar sobre sus actividades, será un instrumento para difundir la cultura y un punto de referencia importante para que los usuarios se informen sobre aspectos culturales de la Región Huetar Norte de Costa Rica.

Es una forma de dar a conocer la labor que se realiza y ofrecer un acceso a información que actualmente es escasa en este medio.

Este proyecto ha contemplado el diseño de un sitio web para la Asociación, como un complemento en la implantación de la nueva imagen gráfica, así como para promover y brindar un servicio de información al público.

Para esto se han tomado en cuenta aspectos básicos en el diseño de páginas web, como la usabilidad, esto es facilitar al usuario la navegación en el sitio. Este aspecto es de vital importancia en internet, el diseño debe presentar estética pero no debe enfocarse solo en eso, resulta aún más importante la usabilidad del sitio.

Por esto es indispensable que el sitio tenga una distribución clara de los elementos para que el usuario fácilmente pueda ubicar la información que busca. Además de no recargar

47

con gráficos o animaciones innecesarias que dificulten la fluidez de la navegación ya que el ususario generalmente desea encontrar la información que busca de forma rápida y sencilla.

La labor principal de un diseño responsable es que los artefactos sean “usables”, siendo el usuario siempre el centro de de las preocupaciones del diseño. Un diseño que no es funcional y no facilita la utilización del objeto, no es, ni ha sido nunca, un buen diseño. (Royo. 2004:117)

Como se mencionaba anteriormente, es importante mantener un balance adecuado entre estética y usabilidad cuando se diseñan sitios web. Se deben tomar estos aspectos técnicos sobre información para complementarlos con un buen diseño que ofrezca un sitio más atractivo al usuario.

3.2.2 Descripción de bocetos para las páginas del Sitio Web

En este apartado se exponen esquemátimente los componentes del sitio web de la Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte (ADECA).

La ventana principal Vista desde el navegador, la ventana de inicio del sitio web de ADECA presenta en su espacio superior una animción de imágenes representativas de la Región Huetar Norte y de actividades culturales organizadas por la Asociación, acompañadas de figuras circulares que se cambian de tamaño dándole mucha frescura al baner animado. El identificador gráfico se presenta primero en movimiento y luego fijo. El titular de la página muestra el nombre completo de la Asociación La parte superior es el área de presentación. Luego se ubica el menú principal que muestra los enlaces principales, estos botones son: Inicio - Historia - Complejo Cultural - Parque Agua Caliente - Galería - Contáctenos.

48

ÁREA DE PRESENTACIÓN

MENÚ PRINCIPAL

CONTENIDO

NOTICIAS

ÁREA DE NOTICIAS

RECIENTES MENÚ SECUNDARIO

Figura 22. Ventana principal del sitio web

El contenido son los párrafos que contienen una breve presentación e invitación al usuario a seguir navegando en el sitio.

A la derecha se ubica una franja gris que contiene noticias breves con un enlace al final que permite al usuario verlas completas.

Por último se agrega un menú inferior con información cultural que puede ser de mucha utilidad al usuario. Los enlaces son: grupos culturales - Historia del cantón de San Carlos Tradiciones - Agenda cultural - Grupo Hokusai - Historias y leyendas de la Región.

49

Los enlaces

Historia En esta ventana se presenta una breve reseña histórica de la fundación de la Asociación citando las motivaciones del grupo inicial según el libro de actas.

Figura 23. Enlace Historia

50

Complejo Cultural

La ventana del Complejo Cultural describe el edificio estructuralmente e informa de las actividades que ahĂ­ se realizan, con fotografĂ­as ilustrativas en la franja derecha.

Figura 24. Enlace Complejo Cultural

51

Parque Agua Caliente De igual forma la ventana del Parque Agua Caliente resalta los atractivos naturales del lugar e invita al usuario a visitarlo mientras ilustra con fotografĂ­as el lugar.

Figura 25. Enlace Parque Aguacaliente

52

Galería

La galería del sitio web de la Asociación muestra diferentes imágenes de actividades de la Asociación, instalaciones y del Parque Aguacaliente. Se presenta con dianamismo y bes muy fácil de entender para el usuario, que sin problemas podrá buscar las fotos que quiera ver a un tamaño mayor con un título explicativo de la imagen.

Figura 26. Enlace Galería

53

Contáctenos La última ventana del menú principal muestra información de contacto para las personas que la requieran, aquí podrá encontrarse la dirección física, electrónica y el teléfono de la Asociación.

Figura 27. Enlace Contáctenos

54

Capítulo 4. Conclusiones Este proyecto ha logrado conceptualizar la línea gráfica para la Asociación para el Desarrollo de la Cultura y Ambiente de la Región Huetar Norte (ADECA) de manera adecuada, siguiendo las pautas necesarias que exige el diseño gráfico de calidad. Todos los objetivos se han desarrollado de manera satisfactoria y a continuación se resumen brevemente .

4.1 Investigación

Con el apoyo de autores como Rodolfo Fuentes, Norberto Chávez y Raúl Belluccia, se planteó la metodología del proyecto iniciando con la etapa de recopilación de datos. Se realizaron siete visitas al Complejo Cultural, en Ciudad Quesada, San Carlos; donde se reunió la información sobre la Asociación en tres entrevistas a miembros de la misma. También se consutaron textos y actas de asambleas efectuadas y se convivió con algunos de los grupos activos que se reúnen en el Complejo Cultural, como los estudiantes de música, artes marciales y el grupo de aficionados al animé y manga Hokusai.

Se participó en el Festival Recrearte 2008, donde se observaron las variadas manifestaciones artísticas y culturales de la Región Huetar Norte. Se destacaron las ventas de artesanía local, presentaciones de grupos de bailes folkclóricos, danza moderna, ballet infantil, grupo infantil de mimos, teatro, y algunas agrupaciones musicales de la zona. Se asistió también a un desfile con la participación de bandas de la Región Huetar Norte del país y un colorido pascalle con Cimarrona, acompañada de grupos de baile y niños con trajes típicos. En esta actividad se tomaron 118 fotografías para seleccionar posteriormente e incluir en el sitio web de la Asociación.

55

Así mismo se visitaron las instalaciones del Parque Agua Caliente en la comunidad de San Rafael de Ciudad Quesada, lugar administrado por la Asociación que ofrece a las familias locales y al turismo en general, una opción para convivir con la naturaleza y relajarse en las aguas termales naturales del río San Rafael . Durante esta visita se tomaron alrededor de 96 fotografías, de las cuales se seleccionaron las más representativas para formar parte de la galería de imágenes del sitio web de la Asociación.

Algunas de las imágenes recopiladas en las visitas, se han incluído en los anexos de este trabajo.

De estas experiencias directas con las actividades y la labor de la Asociación, se obtuvo la información necesaria sobre su conformación, sus inicios y su trabajo actual, para poder interpretar gráficamente las características de la misma e incluir la síntesis de esta información en el sitio web diseñado.

Se realizó un trabajo de investigación tanto bibliográfico, como de proyectos prácticos similares, entre los que destaca el Proyecto Final de Graduación titulado “Imagen gráfica coordinada para la Estación Experimental Agrícola Fabio Baudrit Moreno” de los autores Johan Quirós, Danny Barrantes, Carolina Parra, Steven Guzmán, Denis Cambronero (2004), el cual aportó a este trabajo las pautas a considerarse en relación al proceso de diseño y producción gráfica.

En cuanto a teoría del color, resultó enriquecedora la consulta a los autores W. Wong y J. Pawlik, profesionales de gran trayectoria en el área del diseño y estudiosos del color, sus usos, manifestaciones y semantismos. También se consultaron también otros autores como Allan Swann y Catherine Fishel, especializados en imagen corporativa y diseño en general, para reforzar el planteamiento metodológico y conceptual de este proyecto.

56

En cuanto a diseño web, se consultó el Proyecto Final de Graduación de María Gabriela Bogarín (2006) titulado “Sitio web del INBio para niños y niñas” como referencia a los aspectos de funcionalidad y usabilidad que se deben contemplar en el proceso de diseño digital.

Asímismo el autor Javier Royo, respalda estos conceptos y señala la importacia de la comunicación clara para el usuario de medios electrónicos como internet.

Todo lo que se plantea en este proyecto tiene el respaldo teórico de autores que han desarrollado minuciosos estudios sobre teoría del color, tipografía, diseño e imagen corporativa, estudio de marcas, diseño digital y diseño gráfico en general, todos han sido citados a lo largo de este escrito, sin olvidar mencionar la información obtenida en medios electrónicos para ejemplificar y sustentar algunos apartados del proyecto, por medio de imágenes, identificadores de empresas y asociaciones.

4.2 Producción gráfica

Desde la etapa de bocetos hasta el montaje de las artes finales en los programas de cómputo, la producción de los elementos que conforman la línea gráfica de la Asociación, fue un proceso en el que se cuidaron hasta los más mínimos detalles en todos los aspectos. La elección de formas, colores y tipografía para el identificador se realizó de forma simultánea, experimentando diversas posibilidades.

El isotipo presenta formas circulares principalmente, se eligieron por la fluidez que poseen, por su capacidad para interactuar con otros elementos y por aportar mayor dinamismo.

La elección tipográfica para el logotipo se escogió procurando mantener la coherencia con las formas redondeadas, así como la alta legibilidad. Se descartó el uso de serifas desde el principio por considerarse que estas terminaciones en las letras no favorecían al identificador al combinarse con las formas del isotipo.

57

Así se seleccionó la tipografía Asenine, fuente de uso libre, de grosor ligero y contornos suaves, poco angulares. A esta letra se le aplicaron espaciados para facilitar aún más la percepción visual en reducciones.

Después de elegir tipografía y forma, se hicieron las pruebas de color, en las que se optó por colores cálidos predominantes. En total la paleta quedó conformada por tres colores principales (rojo-naranja, verde amarillento y cian), además del gris en las líneas y el logotipo. Se integra a esta paleta también el blanco como relleno de los círculos del isotipo.

Esta elección de color está respaldada por las teorías de Pawlik y Wong, según las sensaciones de energía, calidez, naturaleza y dinamismo que se deseaban transmitir en el identificador gráfico.

Se fueron seleccionando las mejores propuestas hasta elegir la que cumplía con las características óptimas para la Asociación.

Una vez definido el identificador gráfico principal de ADECA, se procedió a desarrollar una serie de lineamientos para el uso del signo, expuestos puntualmente en el manual de identidad visual de la Asociación. Este material recoge la información necesaria para conocer, comprender y utilizar correctamente los signos que identifican a la entidad.

Se especifican los usos del color, las formas, los textos, usos sobre fondos, áreas de respeto, tamaños mínimos del identificador, usos incorrectos, entre otros. Además se aportan signos de identificación secundarios como tramas, cintillos y portadillas.

Así mismo, el manual de identidad visual, aporta una serie de aplicaciones del identificador gráfico de ADECA, como lo son los usos en la papelería, portadas para disco compacto, cami-

58

setas y artículos varios como gorras, broches, bolígrafo, bolsa de cartón y taza, lo que ofrece una amplia gama de posibilidades de diseño.

Esta guía de consulta es indispensable para lograr mantener la coherencia en los diseños gráficos posteriores y sin duda es un gran aporte que permite ver el identificador gráfico inmerso en productos y artículos promocionales.

En lo que respecta al área de diseño web, ésta se realizó como un complemento promocional e informativo para ADECA. En un principio se planteó sólo el diseño de las ventanas del sitio, sin embargo se logró concluir con el montaje en los programas de diseño web Adobe Dreamweaver, Firewors y Flash, para facilitar la implementación del sitio.

Para el desarrollo del sitio web se investigaron los aspectos básicos, pero fundamentales para esta modalidad de diseño digital, cuyos autores se mencionaron anteriormente.

El sitio web de ADECA recoge información variada. En sus enlaces principales se podrá conocer sobre las actividades que se organizan en el Complejo Cultural, sobre el Parque Agua Caliente, la agenda cultural de la regón, galería de fotos y reseña histórica. Este sitio, es un proyecto que podrá ir evolucionando según las necesidades de la Asociación y se pretende que pueda brindar un servicio educativo e informativo a los usuarios.

Se concluye que se ha logrado cumplir a cabalidad con los objetivos planteados para este proyecto, haciendo un aporte a una organización que ha trabajado árdua y desinteresadamente por mantener vivas las tradiciones de un pueblo y por conservar el medio ambiente.

59

Anexos

60

Anexos Bocetos preliminares

61

Anexos Bocetos preliminares

62

Anexos Bocetos seleccionados

63

Anexos Bocetos seleccionados

64

Anexos Prueba tipogrรกfica

65

Anexos Manual de Identidad Visual

66

Asociaci贸n para el Desarrollo de la Cultura y el Ambiente de la Regi贸n Huetar Norte.

MANUAL DE IDENTIDAD VISUAL

Propósito de este manu a l / In s t ru c c i o n e s d e u s o

Este manual de identidad es una guía

Instrucciones de uso:

de consulta para el uso adecuado de

La fidelidad con que se reproduzcan

los elementos visuales de la Asocia-

los elementos gráficos de la Asociación

ción para el Desarrollo de la Cultura y

para el Desarrollo de la Cultura y el

el Ambiente de la Región Huetar Norte

Ambiente de la Región Huetar Norte,

(ADECA).

es responsabilidad de cualquier profe-

Se presenta con el propósito de definir

sional encargado de la divulgación, in-

los lineamientos a seguir con respecto

formación o promoción de la entidad.

al material gráfico que se genere, para

Es muy importante comprender los li-

dar consistencia y uniformidad a la

neamientos antes de producir cualquier

imagen gráfica en general.

material gráfico, por lo que se debe

El buen manejo de la imagen de la Aso-

consultar esta guía para lograr un ma-

ciación le otorgará prestigio a la entidad

nejo adecuado de los símbolos, colores,

y transmitirá al público un mensaje cla-

formas y tipografías a utilizarse y para

ro y diferenciado, con el cual se podrán

aclarar los usos incorrectos tanto del

identificar fácilmente, siguiendo el hilo

identificador como de la imagen gráfica

conductor de los elementos de identidad

total.

que componen la imagen gráfica total.

Adjunto a este manual de identidad, se

Comprender y respetar estos paráme-

proporcionan los paquetes de archivos

tros es indispensable para contribuir en

digitales en diferentes formatos, listos

el fortalecimiento de la imagen de la

para ser utilizados, con previa autoriza-

Asociación en la Región Huetar Norte

ción de la ADECA.

de Costa Rica.

69

MANUAL DE IDENTIDAD VISUAL

R eseña Histórica

La Asociación para el Desarrollo de la Cultura y el Ambiente de la Región Huetar Norte fue creada el 29 noviembre de 1982 por ciudadanos vecinos de Ciudad Quesada, San Carlos. Estas personas decidieron asociarse con el fin trabajar libre y voluntariamente por el desarrollo de la Región, en el ámbito de la cultura y el ambiente.

Durante la administración de Oscar Arias Sánchez de 1986-1990, se logró contar con la ayuda económica del gobierno y se obtuvieron los fondos necesarios para construir el edificio del Complejo Cultural en Ciudad Quesada y comprar los terrenos donde hoy se ubica el Parque Recreativo Agua Caliente. Desde entonces, la Asociación ha financiado sus proyectos con los ingresos generados en dicho centro recreativo.

En la actualidad, la Asociación realiza actividades diversas como ferias, festivales, cursos artísticos, entre otros, siguiendo los ideales que le dieron origen en 1982.

Como se mencionó anteriormente, el Complejo Cultural es un edificio construido para impulsar el arte y la cultura. La infraestructura cuenta con un anfiteatro externo, aulas, salas y oficina administrativa. En este lugar se imparten las clases, se reúnen los diferentes grupos artísticos a ensayar, se realizan presentaciones a la comunidad, se organizan ferias de diversa índole.

El Parque Recreativo Agua Caliente es un centro de esparcimiento y conservación de la naturaleza, para toda la familia ubicado en San Rafael de San Carlos. Cuenta con amplias zonas verdes, restaurante, piscina, bosque con senderos, cancha de fútbol, aguas termales naturales y una gran belleza ecológica.

Las divisas generadas por este parque, como se mencionó anteriormente, se designan a su mantenimiento y a solventar las actividades que se llevan a cabo en el Complejo Cultural.

70

71

MANUAL DE IDENTIDAD VISUAL

E l e mentos Visuales

El identificador gráfico de la Asociación

Identificador gráfico

está compuesto por elementos formales, tipográficos y de color. Estos componentes han sido elegidos estratégicamente para conformar el identificador gráfico; la base de la imagen gráfica de cualquier entidad.

Tipografía

Paleta de color

Estos son los elementos principales de la línea gráfica de la Asociación.

72

MANUAL DE IDENTIDAD VISUAL

El color

La definición del color o los colores adecuados para el identificador conlleva un estudio teórico e intuitivo. Los colores tienen la propiedad de transmitir sensaciones y mediante la investigación de la teoría del color, se han elegido los siguientes: El pantone 173 EC es un color llamativo e intenso, podría denominarse como un rojo anaranjado. Se caracteriza por su calidez, vitalidad. Es el centro de atención en la composición del identificador gráfico por su ubicación en central, por su tamaño y fuerte tonalidad. Representa a la Asociación como ente líder.

El pantone 381 EC es un color primaveral, es fresco y juvenil. Representa la naturaleza y la vida que comienza, por su relación con las hojas nuevas. La familia del verde transmite sensaciones positivas de calma y relajamiento. Este verde cálido simboliza la naturaleza abundante de la región Huetar Norte, al tener una mayor concentración de amarillo simboliza la constante renovación de la vida.

El pantone 299 EC es un cian al 86% de saturación, contiene un poco de magenta que lo hace un poco mas frío.

Pertenece a la familia del azul, transmite sensaciones de tranquilidad y sobriedad, se realciona con el cielo y el agua, con el principio y fin. En tonos mas fríos es muy utilizado institucionalmente.

Un gris oscuro para la tipografía y para unir los elementos circulares es el color neutro de la compocisión, básicamente su función es unir y balancear el diseño del identificador, sin intervenir con los tres tonos principales, formará la base tipográfica que sontiene la composición.

Se incluye el blanco en esta paleta como color de relleno de los círculos, pues es necesario conservar el efecto de contraste que ofrece junto a los demás colores, en caso de que el identificador se utilice sobre algún fondo de color o sobre imágenes.

73

MANUAL DE IDENTIDAD VISUAL

El color

La paleta de color elegida para la imagen gr谩fica de la Asociaci贸n se describe a continuaci贸n en los siguientes porcentajes:

74

MANUAL DE IDENTIDAD VISUAL

La Tipografía

Asenine es el nombre de la tipografía seleccionada para el identificador gráfico de la Asociación, se recomienda utilizar esta tipografía en afiches, rótulos o similares. Al tener buena legibilidad, puede utilizarse para textos, sin embargo se recomienda que para párrafos extensos, se utilice la tipografía Times New Roman, que facilita más la lectura y posee una anatomía más apropiada a la vista para esta función.

En el identificador gráfico, la tipografía Asenine, tiene un espaciado de 250 en la palabra ADECA y de 280 en la palabra Huetar Norte. Este espaciado se aplicado para mejorar la legibilidad y encajar la palabra proporcionalmente a la figura.

75

MANUAL DE IDENTIDAD VISUAL

Variantes

Según la ocasión o el tipo de impresión, el identificador gráfico puede variar, siguiendo los lineamientos descritos a continuación:

76

MANUAL DE IDENTIDAD VISUAL

Estructura

El identificador gráfico encaja en un rectángulo. Al dividirlo en cuatro fracciones, vemos que tres cuartos de la composición, están ocupados por las tres formas circulares y las tres líneas unidas. Una cuarta parte la ocupa el texto, este forma un bloque horizontal que le da estabilidad al diseño y funciona como base.

El punto focal se ubica en en círculo central, los tres círculos juntos forman una figura geométrica imaginaria suspendida que unifica el conjunto.

Los pesos de la composición se nivelan con los círculos vacíos internos, cada uno está orientado en diferente dirección: central, izquierda y derecha respectivamente. El equilibrio también es proporcionado por los colores, el rojo anaranjado sostiene la composición en la parte central superior y da la sensación de elevación, el verde un poco mas abajo, se dirige hacia la izquierda y el cian, inclinado hacia la base derecha. Los niveles tonales se ubican más cálidos en la parte superior e izquierda y el cian, que resulta mas frío contraresta el peso y aporta un poco de “gravedad” a la composición a la derecha y en el nivel mas bajo.

77

MANUAL DE IDENTIDAD VISUAL

Área de respeto

Siempre que se utilice el identificador gráfico de ADECA, se debe conservar un área de protección en la que no debe interferir ningún elemento que dificulte la óptima legibilidad, como texturas, imágenes o texto.

El área de protección será equivalente al cuadrado en el que se encaja el círculo interno de la izquierda, aplicándo este espacio alrededor del identificador.

78

MANUAL DE IDENTIDAD VISUAL

Tamaño mínimo

El identificador gráfico de la Asociación, debe presentarse siempre con la legibilidad adecuada. En reducciones, el tamaño mínimo sugerido es de 1,5 cm, si se requiere reducir aún más, se puede optar por utilizar solamente el logotipo.

5 cm

1,5 cm

2 cm

3 cm

79

MANUAL DE IDENTIDAD VISUAL

Uso sobre fondos

Sobre fondo claro: Preferiblemente el identificador grรกfico debe ubicarse en fondos blancos, no obstante se puede usar sin problemas sobre fondos claros como estos:

Sobre fondo oscuro: En estos casos se debe utilizar la variante en blanco.

80

MANUAL DE IDENTIDAD VISUAL

Uso sobre fondos

Para impresiones a blanco y negro: La variante en negro del identificador es la más adecuada para trabajos a un solo color, impresiones sobre papel de color o fotocopias.

El identificador puede usarse sobre fotografías o texturas simples, siempre y cuando no se comprometa su legibilidad. Sólo podrá utilizarse sobre fotografías en espacios libres o poco saturados.

81

MANUAL DE IDENTIDAD VISUAL

Usos incorrectos

Por ningĂşn motivo se deben alterar las proporciones del identificador, nunca se debe estrirar, achatar o cambiar sus caracterĂ­sticas originales, tampoco agregar elementos o fondos que dificulten su legibilidad.

82

MANUAL DE IDENTIDAD VISUAL

Las tramas visuales

Las tramas visuales son un recurso decorativo para usar en diversas aplicaciones. Pueden utilizarse siempre y cuando no saturen la composici贸n y dificulten la legibilidad.

83

MANUAL DE IDENTIDAD VISUAL

Pa pelería

Hoja Carta

El diseño de la hoja carta esta basado en las medidas estandar internacionales. Dividida en tres áreas en una hoja de 8,5 x 11 pulgadas o 21,59 x 27,94 centímetros.

85

MANUAL DE IDENTIDAD VISUAL

Papelería

Sobre oficio Dimensiones de sobre estándar #10 24 cm x 10.6 cm

86

MANUAL DE IDENTIDAD VISUAL

Papelería

Sobre manila Dimensiones 23 cm x 32 cm

87

MANUAL DE IDENTIDAD VISUAL

Papeler铆a

Tarjetas de presentaci贸n

88

MANUAL DE IDENTIDAD VISUAL

Papelería

Carpeta

89

MANUAL DE IDENTIDAD VISUAL

R otulaci贸n de edificio

90

MANUAL DE IDENTIDAD VISUAL

Afiche informativo

91

MANUAL DE IDENTIDAD VISUAL

C a rรกtula y caja para Disco Com p a c t o

92

MANUAL DE IDENTIDAD VISUAL

Camisetas

93

MANUAL DE IDENTIDAD VISUAL

Artículos promocionales

Estos son algunos ejemplos de artículos promocionales para el identificador gráfico de la Asociación.

Broches

Taza

Bolígrafo

nte ra y el Am bie lo de la Cu ltu ra el De sarrol Aso cia ció n pa . te Nor tar Hue de l a Re gió n

Gorra

Bolsa

94

Bibliografía - Bogarín, M. (2006). Sitio web del INBio para niños y niñas, Proyecto final de graduación, Artes plásticas con énfasis en Diseño Gráfico, Universidad de Costa Rica, San José.

- Chavez, N. Belluccia, R. (2003) La marca corporativa. Buenos Aires: Paidós Ibérica, S.A - Fishel, Catherine. (2000). Rediseño de la Imagen Corporativa. Ediciones G. Gili, SA de CV, México.

- Fuentes, R. (2005). La práctica del diseño gráfico. Barcelona: PAIDÓS. - Joyanes, L. (1997). Cibersociedad. Madrid: McGraw-Hill.

- Pawlik, J. (1996). Teoría del color. Barcelona: Paidós.

- Quirós, J., Barrantes, D., Parra,C., Guzmán, S., Cambronero, D., (2004). Imagen Gráfica coordinada para la Estación Experimental Agrícola Fabio Baudrit Moreno. Proyecto final de graduación, Artes plásticas con énfasis en Diseño Gráfico, Universidad de Costa Rica, San José.

- Quirós, L. (1999). Diseño: teoría, acción, sentido. Cartago: Tecnológica de Costa Rica.

- Royo, J. (2004). Diseño Digital. Barcelona: Paidós Ibérica, S.A. - Sesma, M. (2004). Tipografismo. Barcelona: Paidós Ibérica, S.A. - Swann, A. (1990). Bases de Diseño Gráfico. Barcelona: Gustavo Gili.

- Wong, W. (1999). Principios del diseño en color. Barcelona: Gustavo Gili.

- Instituto Nacional de Aprendizaje, Unidad Regional Huetar Norte. (S/F). Identidad Histórica y Contemporánea de la cultura Sancarleña. San Carlos.

- Municipalidad de San Carlos. (1996). Revista Municipal, Ciudad Quesada. (1996). Ilusiones y realidades Sancarleñas, 31.

95

Referencias electrónicas

- Oficina de Divulgación e información (2007, marzo). Manual de Idendad Visual. [en línea] San José: Universidad de Costa Rica. Disponible en: http://odi.ucr.ac.cr/linea_grafica.php - Caja Costarricense de Seguro Social, Gerencia Administrativa. (2008, mayo) Mapa de regiones de Costa Rica. [en línea]. Disponible en: www.ccss.sa.cr/html/organizacion/gestion/ gerencias/administrativa/dcss/13_dcss.html - Simchen, G. (2008, abril). Minimalismo: Menos es más. [en línea]. Disponible en: http://www. terra.com/casa/articulo/html/cas123.htm - SIRZEE, Instituto Tecnológico de Costa Rica. (2008, junio). IV Informe del Estado de la Nación. [en línea]. Disponible en: www.sirzee.itcr.ac.cr

Referencias de imágenes utilizadas

- Identificador gráfico de la Asociación Nueva Acrópolis. [en línea]. Disponible en: http:// www.acropolis.or.cr/na/index.php - Identificador gráfico de la Asociación Vida. [en línea]. Disponible en: http://www.discoveringcostarica.com/asociacion_vida_ambientalista.htm - Identificador gráfico de la Asociación Laudes. [en línea]. Disponible en: http://costarica. acambiode.com/empresa_111050091448525170676969564552.html - Identificador gráfico de la Asociación ASVO. [en línea]. Disponible en: http://www.asvocr. org/ - Isotipo la cadena de restaurantes Kentucky Fried Chicken. [en línea]. Disponible en: http:// www.kfc.com/

96

- Logotipo de la marca dela marca Compaq. [en línea]. Disponible en: http://h20426.www2. hp.com/campaign/compaq/hk/en/index.asp - Isologotipo de WWF. [en línea]. Disponible en: http://www.wwf.org/ - Ilustración de mapache. [en línea]. Disponible en: http://www.1-costaricalink.com/costa_ rica_fauna/northern_racoon.htm (aca la imagen del mapache) - Isologotipo de la Asociación Preservacionista de la Flora y Fauna APREFLOFAS. [en línea].

Disponible en: http://www.apreflofas.or.cr/ - Identificador gráfico de Allegro Resorts. [en línea]. Disponible en: http://en.occidentalhotels. com/allegro/ - Identificador gráfico de la marca Zippo. [en línea]. Disponible en: http://www.zippo.com/ index.aspx?bhcp=1

97

Glosario Abstracto: que no pretende representar seres o cosas concretas y atiende solo a elementos de forma, color, estructura proporción, etc. Ícono: signo que mantiene una relación de semejanza con el objeto representado.

Isologotipo: signo identificador compuesto de figura y texto.

Isotipo: figura o imagen distintiva que complementa un logotipo.

Leitmotiv: motivo central o asunto que se repite.

Logotipo: distintivo formado por letras, abreviaturas, etc, peculiar de una empresa, conmemoración, marca o producto.

MUPI: palabra abreviada que significa mueble urbano para la presentación de información.

Papelería: conjunto de material gráfico impreso institucional o empresarial compuesto por hoja membretada, tarjeta de presentación, sobres de diferente tamaño, carpeta entre otros.

Semántica: perteneciente o relativo a la significación de las palabras.

Signo: objeto, fenómeno o acción material que, por naturaleza o convención representa o sustituye a otro.

Símbolo: representación sensorialmente perceptible de una realidad, en virtud de rasgos que se asocian con esta por una convención socialmente aceptada.

Tipografía: viene del griego typos (sello, marchamo) y de graphein (escribir). Término para impresión mediante el uso de piezas de metal independiete, móviles y reutilizables, cada una de las cuales tiene la forma de una letra realzada en la parte superior.

98