Corporacin de Educacin Superior

Taller Cinco Centro de Diseo

Diseo Grfico

Restaurante Colombia
Diseo de la imagen corporativa y pgina web

Fabin Arturo Fernndez Ruiz

Cha, 2016
 Corporacin de Educacin Superior
Taller Cinco Centro de Diseo
Diseo Grfico

Restaurante Colombia
Diseo de la imagen corporativa y pgina web

Trabajo de grado presentado como requisito parcial para optar por el ttulo de
Tcnico profesional en Diseo Grfico

Fabin Arturo Fernndez Ruiz

Cha, 2016
 i

DIRECTIVAS

Alejandro lvarez de Castro

Rector

Patricia Cristancho
Vicerrectora Acadmica

dgar Rivas Ortiz

Secretario General

Vctor Hugo Villamizar

Director del programa Tcnico Profesional en Diseo Grfico

Nathalia Castaeda
Directora del Departamento de Investigacin
 ii

ASESORES

Nombre del asesor del programa

Asesor programa

Nombre asesor de metodologa

Asesor metodolgico
 iii

NOTA DE ACEPTACIN

Calificacin

____________________________

Observaciones
___________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________

Jurados

____________________________

____________________________

____________________________

Fecha

___________________________
 iv|

NOTA ACLARATORIA

Taller Cinco Centro de Diseo no se hace responsable por los conceptos y juicios
emitidos por el autor de este trabajo de grado; solo velar porque lo que se publique
tenga un contenido acorde con el anhelo de buscar nuevos aportes a la disciplina que
se estudia.
 V

AGRADECIMIENTOS
Insertar contenido o eliminar pgina y modificar numeracin
 VI

DEDICATORIA

A mi madre por el esfuerzo econmico y anmico, gracias a sus cantaletas y su afn

por sacarme adelante. Creo que Dios tambin tiene mucho que ver en esto, ya que
muchas veces intent desfallecer y salir corriendo, pero gracias a l volv al sendero y
retom mi proyecto.
Esta dedicatoria tambin es para Astrid, mi compaera y amante, ya que hizo posible
un gran sueo, el de ser pap; y que tambin con sus regaos me regres al camino,
por nombrarlo as. Pero sobre todo, esto es para ti, Samuel, porqu fuiste el mayor
aliciente para retomar mi carrera y de la misma forma terminar mi proyecto de grado.
TE AMO, HIJO MO.
 VIII

TABLA DE CONTENIDO

INTRODUCCIN
CAPTULO I: GENERALIDADES
1.1 Planteamiento del problema
1.1.1Caracterizacin del problema
1.1.2 Formulacin del problema
1.2 Objetivos
1.2.1 Objetivo general
1.2.1 Objetivos especficos
1.3 Justificacin
1.4 Metodologa
1.4.1 Tipo de Investigacin
CAPTULO II: MARCOS DE REFERENCIA
2.1 Marco terico
2.1.1 Qu es el diseo grfico?
2.1.2 Qu es imagen corporativa?
2.1.3 Qu es una pgina Web?
2.2 Marco Conceptual
2.2.1 Diseo grfico
2.2.2 Imagen corporativa
2.2.3 Pgina Web
2.3 Marco institucional
2.3.1 Misin
2.3.2 Visin
2.3.3 Objetivos8
2.3.4 Aplicacin de la imagen corporativa 8
CAPTULO III: PROCESO TCNICO
3.1 Propuesta de diseo
3.1.1 Diseo bsico
 VIII

3.1.2 Smbolo
3.1.3 Logotipo
3.1.4 Propuesta de color
3.1.5 Propuesta tipogrfica
3.1.6 Propuesta de diagramacin
3.2 Produccin
3.2.1 Manual de imagen corporativa
3.2.2. Compact disc (CD) con pgina Web
3.3 Presentacin y sustentacin...24
3.3.1. Monografa4
3.3.2. Produccin4
3.3.3. Exhibicin y montaje4
3.3.4. Sustentacin oral.....4
 IX

LISTA DE TABLAS

Imagen 1: Smbolo y logotipo......................................................................................20

Imagen 2: Colores.......................................................................................................21
 1

INTRODUCCIN

En la actualidad la imagen corporativa y el diseo web resultan ser herramientas de

vital importancia a la hora de difundir la presencia de un empresa en los distintos
mercados. La posibilidad de proyectar una imagen que se pueda reconocer con
facilidad es un imperativo, en la medida que es una forma prctica de consolidar una
clientela y expandir una serie de elementos que representan a la empresa.
El presente trabajo pretende convertirse en una propuesta til a la hora de configurar
la imagen corporativa y la pgina web del Restaurante Colombia, establecimiento
ubicado en la Sabana de Bogot (Cha) y que brinda un men gourmet de platos
tpicos. A travs de estas pginas se intenta dar respuesta a la pregunta: El diseo y
realizacin de la imagen corporativa y pagina web del Restaurante Colombia servir
para posicionar la empresa en el mercado de los restaurantes tpicos de la sabana de
Bogot?
En primer lugar, se presenta el planteamiento del problema a travs de una
aproximacin a la realidad comercial y corporativa del establecimiento. En seguida, se
presenta un marco terico-conceptual de categoras involucradas en la investigacin.
Por ltimo, se dan a conocer los desarrollos de la propuesta de imagen corporativa y
pgina web.
 2

CAPTULO I: GENERALIDADES

1.1 Planteamiento del problema

1.1.1 Caracterizacin del problema
En la actualidad el Restaurante Colombia, ubicado en Cha Cundinamarca, no
cuenta con una imagen corporativa que ayude a su posicionamiento y reconocimiento.
Esta carencia hace que pierda clientes potenciales e impide dar a conocer los
productos que ofrece. Por tal motivo, se hace necesario generar opciones y alternativas
que brinden solucin este problema y que alivien esta gran necesidad propia de la
empresa.

1.1.2 Formulacin del problema

El diseo y realizacin de la imagen corporativa y pagina web del Restaurante
Colombia servir para posicionar la empresa en el mercado de los restaurantes tpicos
de la sabana de Bogot?

1.2 Objetivos
1.2.1 Objetivo general
Disear la imagen corporativa y pgina web del Restaurante Colombia, por medio de
un diagnstico en el que se reflejen propsitos y servicios prestados por esta empresa
con la intencionalidad de darle un nuevo posicionamiento comercial.
1.2.1 Objetivos especficos
1) Realizar un diagnstico que evidencie la situacin actual del Restaurante
Colombia, buscando informacin veraz que ayude para el diseo de la imagen
corporativa y pgina web.

2) Efectuar la bocetacin acorde con los requerimientos de la empresa,

evidenciando la importancia del Restaurante Colombia y su desempeo.

3) Dar a conocer la imagen corporativa y el diseo de la pgina web para

comunicar visualmente las ideas y metas del Restaurante Colombia, logrando
que se exhiba a otros mercados.
 3
1.3 Justificacin
El presente trabajo de grado va dirigido a responder a los vacos y necesidades que
evidencia el Restaurante Colombia, ya que como empresa se hace imprescindible
darse a conocer en un mercado donde el poder ser reconocido fcilmente con los
servicios que presta mediante su identidad grfica posibilita una personalidad
corporativa y provoca inters a un pblico general. Adems, se busca que el
establecimiento sea para el cliente de fcil reconocimiento y estar as a la vanguardia
con el diseo de la pgina web e imagen corporativa.
Por medio de la creacin de la imagen corporativa y a partir de nuevos esquemas
como la composicin visual, se busca cumplir con los objetivos del proyecto, orientados
a la obtencin de un mayor reconocimiento del restaurante, y a su vez, manifestar las
destrezas y conocimientos adquiridos en el transcurso de la carrera de Diseo Grfico,
respondiendo a una necesidad grfica real que presenta la empresa.
Con esto se espera aportar a la empresa INALFO una ayuda para que pueda lograr
el posicionamiento que necesita y as logre surgir en el campo de las empresas de
aditivos biodegradables y logre alcanzar los lmites y metas propuestas.

1.4 Metodologa
1.4.1 Tipo de Investigacin
El tipo de investigacin del presente trabajo es descriptivo, ya que de acuerdo con
Briones (1988) se ubica donde se da el fenmeno y se sealan las principales
caractersticas de este, permitiendo ver el estado, las caractersticas, factores y
procedimientos presentes en los fenmenos y los hechos que ocurren de forma natural.
Se busca a travs de este representar la empresa por medio de su imagen
corporativa incorporndola a la cotidianidad de las personas y empresas agilizando su
adaptacin.

1.4.1.1 Mtodo de trabajo

El mtodo de trabajo a seguir se expone por tems, y es:
Realizar una visita al restaurante que permita analizar qu elementos son
significativos en el desarrollo del diseo.
Generar un diagnstico de necesidades y elementos con que se cuenta para el
desarrollo de los objetivos.
Comenzar a buscar informacin acerca de otros restaurantes de este mismo
rango que denoten los problemas visuales que presenta el Restaurante
Colombia con respecto a sus competidores y evidenciando los factores a
mejorar.
 4
Desarrollar la recopilacin de imgenes y materiales que se puedan manejar
para iniciar una bocetacin de la imagen.
Llevar a cabo el trabajo de diseo como lo son logo, retcula, color, tipografa, y
en s el manual corporativo para el Restaurante Colombia.
Realizar la pgina web el Restaurante Colombia.
Dar a conocer al pblico la imagen corporativa y el diseo de pgina web del
Restaurante Colombia que evidencie un mensaje claro y sin interferencias por
medio de los elementos grficos que se usaron para que todo lo el proceso y la
creacin cumplan su objetivo.
 5

CAPTULO II: MARCOS DE REFERENCIA

2.1 Marco terico

2.1.1 Qu es el diseo grfico?
El diseo grfico es crear, significa hacer algo nuevo a causa de una necesidad
humana ya sea esta de origen personal o social (Wong, 1979), no obstante lo primero
que se piensa cuando se habla de diseo grfico es para que creamos? para dar a
conocer algo, un mensaje, una seal, lo fundamental es crear para que esa creacin
llegue a otros lugares, es all cuando se empieza a pensar desde la comunicacin. Sin
embargo, se presentan varios tipos de comunicacin que actan sobre los sentidos
sonoros, trmicos, dinmicos y entre ellos los visuales, siendo este uno de los ms
importantes ya que a partir de este se desarrolla la conocida comunicacin visual.
La comunicacin visual se produce por medio de mensajes de este mismo tipo, es
decir. todo lo que ven nuestros ojos, todas esas imgenes que vemos que segn su
contexto da diferentes informaciones para todos y no tienen una finalidad especfica se
les llama casuales; en cambio el diseo maneja la comunicacin intencional que es la
que lleva un solo mensaje para todo el mundo. Este no debe variar para as crear una
finalidad especfica que logre una reaccin en el pblico.
La solucin no debe ser tan compleja si no que debe mostrarse rpida para que
llame la atencin. Esto toma tanta importancia que se vuelve un lenguaje visual con el
que comenzamos a comunicar una serie de elementos que se mezclan entre s e
inician a dar respuestas; utilizando elementos racionales mostrados de manera
expresiva el diseador comienza a ordenarlos de manera que cada uno de ellos juegue
en la composicin un papel importante, sin olvidar que siempre hay uno que debe ser
ms prioritario que los otros que llame la atencin para que la composicin cumpla su
oficio.
Entonces, ya no es solo querer hacer algo sino que ello tenga una finalidad
especfica, se hace necesario pensar muy bien en el qu se quiere?, cmo se debe
dar a conocer y cmo se realiza?, para esto se lleva cabo un estudio previo de la
necesidad humana para poder darle la solucin adecuada.
Se define, entonces, el diseo grfico como el proceso de disponer, organizar
elementos que den un mensaje claro, rpido y preciso a un pblico determinado. Sin
embargo, depende de unas ramas que facilitan y diferencian distintos campos en los
que se ven estas soluciones grficas anteriormente mencionadas, a saber, imagen
corporativa, pginas web, animacin, diagramacin, ilustracin manual o digital,
fotografa, empaques, material pop, etc.
 6

2.1.2 Qu es imagen corporativa?

En la dcada de 1950 el trmino imagen corporativa aparece en New York y se crea

con la intencin de aadir valor, diferenciar los proyectos ms complejos en cuanto a
imagen grfica, pero al poco tiempo el trmino imagen corporativa se convirti en la
norma de trabajo que implicaba la reorganizacin de la nueva presentacin de una
compaa nacional o internacional, compaas que intentaban un nuevo cambio y
crear una nueva imagen de si (Acevedo, 1998).
A diferencia de la referencia de Acevedo, la imagen corporativa de hoy da identidad a
las empresas, las nombra y les da un valor, ya no es algo apartado de las compaas
sino que es una necesidad que hace parte de estas, ya no es preciso ser una empresa
importante, ni grande pues las pequeas y medianas empresas necesitan de su uso
para ser difundidas y venderse al pblico para que este la recuerde y con este fin se
busca la identificacin de una empresa para empezar a proyectar lo que se quiere
mostrar y vender.
Para empezar, tenemos como base la imagen corporativa que es la manera por la
cual se trasmite quin es?, qu es?, qu hace? y cmo lo hace? Su diseo
organizado har que esta llegue a ms puntos de comunicacin, tambin que la
imagen sea correctamente transmitida al auditorio deseado, al pblico objetivo y as
esta se pueda mostrar y ser acogida por la empresa, sus funcionarios y clientes.
Lo que se busca con la imagen corporativa es una identificacin de una empresa o
producto para empezar a proyectar lo que se quiere mostrar, siendo necesario un
proceso creativo que se lleve tanto en los envases, la publicidad, los uniformes, el
mobiliario, la papelera, etc., como elementos constitutivos de todos los modos para el
funcionamiento de la empresa. Al transformarlos a su vez en agentes de comunicacin,
se rentabilizan al mximo las inversiones obligadas.
La imagen corporativa debe llegar e impactar para que permanezca en el pblico,
interna y externamente, es decir, debe llamar la atencin de un pblico externo que es
el que se necesitara como interesado de los productos o bondades que ofrece, y
tambin internamente sus trabajadores se sientan reconocidos con esta, a su vez hace
que se logre una imagen mayor ya que fuera de la empresa sus trabajadores actan
como publicidad mvil por medio de sus uniformes, transportes, etc.; configurndose
as la identidad corporativa de una empresa siendo su carta de presentacin, su cara
frente al pblico; de esta identidad depender la imagen que nos formaremos de esta
organizacin.
 7
2.1.3 Qu es una pgina Web?
Para empezar a saber que es una pgina Web debemos conocer un poco de
cmo se cre. A pesar de su juventud, la WWW World Wide Web, gran telaraa
mundial- ha sufrido ya algunas transformaciones. Los primeros constructores fueron
cientficos que queran crear una manera de intercambiar documentos que fuera
independiente del tipo de mquina usada. Se inventaron el lenguaje html (HyperText
Markup Language, lenguaje de marcas de hipertexto), como una manera de "poner
marcas", etiquetas, en la estructura del documento para favorecer el intercambio y la
comparacin. El centro de su investigacin no se encontraba en la lgica visual de
los documentos, sino en su lgica estructural.
Pero la Red se convirti en poco tiempo en un instrumento para la publicacin,
hasta ahora nada haba sido tan barato ni haba llegado tan lejos. Pero como
herramienta de comunicacin, la edicin en html para la Red tiene sus limitaciones.
Al centrar su inters en la estructura de los documentos, los fundadores de la Red
ignoraron los aspectos visuales del reparto de informacin, fundamentales para una
comunicacin efectiva. En la medida en que la Red fue establecindose como un
medio de comunicacin factible, estos inconvenientes se revelaron como obvios e
incmodos. Las pginas generadas a partir del lenguaje html estndar carecan de
atractivo visual, y obviaban el progreso del diseo grfico en los ltimos quinientos
aos. Los diseadores grficos tomaron esta herramienta de autoedicin,
relativamente primitiva, y la empezaron a doblegar y a adaptar a unos propsitos
para los cuales nunca fue creada: diseo grfico de pginas.
En la Red, el pblico empez tambin a refinar sus gustos. Pocos usuarios
quedan de aquellos que se contentaban con el hecho de poder echarle un vistazo.
Hoy, nos dirigimos a la Red en busca de informacin -informacin tratada con
profundidad, valor, e integridad pero tambin para ver cmo est diseada (Lynch y
Horton; 2000).
Las pginas Web estn ahora ms dotadas de conceptos y creatividad que no
solo las hacen interesantes por sus contenidos, sino tambin por la manera como se
muestran al pblico, ya que este es ms exigentes ahora, no solo se conforma con la
informacin sino que esta tiene que estar acompaada de una muy buena
composicin, colores, tipografa, etc.
Para crear una pgina Web tambin se necesita un estudio previo, de cmo
queremos llegar al pblico? y qu va a brindar nuestra pgina?, esto quiere decir
que necesitamos de una organizacin previa, la cual cuenta en primer paso con la
creacin de un boceto que es el que contendr toda esta informacin plasmada para
exponerla agradable e interesante, por medio del boceto se ayuda a la creacin del
sitio Web, adems servir en caso de realizar algn cambio o actualizacin al
mismo.
A partir de esto se estructuran los objetivos a cumplir, estos deben ser claros y
precisos para que lleguen bien al usuario, para que este comience a interesarse en
 8
la pgina y ingrese en la misma como consulta o exploracin, por ello esta debe
llamar la atencin y atraer al pblico que se desea, donde los contenidos se
encuentran clasificados y distribuidos por temas/secciones para que sea facilite su
navegacin. Es relevante recordar que las pginas Web deben tener la informacin
siempre actualizada y debe ser de fcil acceso, permitindole al usuario tener en sus
manos una herramienta gil y til.
La capacidad de un buen diseo superara la prueba del tiempo, as mientras
que las modas transitan precipitadamente hacia la frivolidad. El xito de un buen
diseo Web va ms all de modas y tecnologas. Para construir lugares Web que
perduren, el elemento fundamental es la comunicacin clara y efectiva de las ideas a
los lectores (Lynch y Horton; 2000).
2.2 Marco Conceptual
2.2.1 Diseo grfico
El diseo grfico es un mtodo de comunicacin visual que debe llegar al pblico sin
ninguna alteracin y con un mensaje claro y preciso. Para lograr esto el diseo cuenta
con unas bases que hacen que el mensaje no se altere y facilite su entendimiento.
Con una ruta anteriormente estructurada se comienza a desarrollar el trabajo a partir
del punto, esto es la unidad mnima de informacin visual la cual llama a este tipo de
atraccin sin tener una direccin fija, manteniendo siempre su proporcin ya que si nos
salimos de esta lo que se crea ser un circulo, del mismo modo si se coloca puntos
muy juntos dan la sensacin de tensin o de una lnea recta, y le da importancia al
elemento que lo acompae. El punto puede actuar solo y dar la sensacin de distintas
figuras o formas segn sea la distancia de estos en el plano. Pero si hacemos puntos
muy juntos se conforma lo denominado bajo el nombre de lnea.
La lnea es un elemento bsico siendo muy sencillo, pero muy importante y con ella
se pueden manifestar diversas cosas ya que es muy dinmica y variada, solo con la
lnea se empieza a jugar y a construir un diseo puro e inmensamente sencillo, ya que
gracias a las caractersticas de esta se puede utilizar ms all de la recta, curva o
quebrada. La lnea recta da la posibilidad de direccin ya que si esta horizontal da
equilibrio y estabilidad y la lnea vertical da las prioridades o niveles de composicin,
grandeza, pero si esta inclinada pierde la estabilidad y gana movimiento y energa,
estas tambin sirven para separar elementos y sencillamente le dan disposicin a la
composicin. La lnea curva da la sensacin de libertad ya que es la ms usada,
tambin al hacerla nos da movimiento, pero hay que saberla manejar ya que puede
verse desordenada e incoherente.
Ya con estos se logran las dems figuras como lo son el cuadrado que es la unin
de cuatro lneas de igual proporcin, este muestra estabilidad y solidez, es seguro y
resistente. Si su tamao no es igual este sencillamente se transforma en un rectngulo.
Tambin otra figura seria el tringulo aunque muestra firmeza es un elemento ms de
direccin que puede hacer que algo suba como que algo caiga solo colocndolo en
 9
distinta posicin. Si la lnea curva se cierra se forma un crculo que es un elemento ms
sencillo y expresivo porque nos muestra movimiento, accin y es el ms perfecto
porque no puede variar. Con todas estas figuras o elementos lo que se logra es una
pequea recopilacin de informacin primordial para llevar a cabo composiciones ya
que con estos se puede hacer una textura, que es la unin de muchas formas en su
mnima expresin y para mostrar desde lo ms pequeo a lo ms grande que en este
caso sera nuestro diseo y las partculas fundamentales de este.
A travs del lenguaje visual y cada una de la piezas que lo componen como la
textura, la forma, la estructura, el modulo, y el movimiento utilizado, se comunican una
serie de sucesos y diversas reacciones que generan soluciones a la necesidad de
crear.
Es necesario saber que la naturaleza est hecha de diminutas formas entre s,
cuando se estudian estas formas se refleja que estas crean estructuras que le dan un
orden a la naturaleza, estas estructuras se asimilan como cuadrados, crculos,
tringulos, etc., lo mismo sucede con el diseo primero debemos analizar todas las
formas que nos dan y cmo se comportan para hallar la estructura que se adapte a la
composicin que se quiere; as se tienen elementos como la simetra, esta se encarga
de mostrar las formas y como estas se relacionan, siguiendo las reglas de esta
tenemos estos cinco casos bsicos: Identidad; traslacin; rotacin; reflexin especular;
dilatacin.
La identidad consiste en la superposicin de una forma sobre s misma, o bien en la
rotacin total de 360 grados sobre su propio eje. La traslacin es la repeticin de una
forma a lo largo de una lnea que puede ser recta o curva o de cualquier otra clase. En
la rotacin, la forma gira en torno un eje que puede estar dentro o fuera de la misma
forma. La reflexin especular es la simetra bilateral que se obtiene poniendo algo
delante de un espejo considerando a la vez la cosa y su imagen. La dilatacin es una
ampliacin de la forma que slo la extiende sin modificarla. La utilizacin combinada de
dos o ms de estas operaciones nos lleva a la construccin, o a la explicacin, de
formas muy complejas (Munari, 1985, p.180).
En las formas complejas que se encuentran la estructura que es la base del diseo y
con la que se empieza a bosquejar. La estructura es generada a partir de repeticiones
de formas de las cuales se toma la retcula y as se busca el orden requerido para el
proyecto, ya que de una estructura pueden salir muchas retculas, a partir de estas se
desarrolla una modulacin para saber dnde se colocar cada elemento del trabajo es
decir fotografas, texto, dibujos, pie de pgina, etc.
En el diseo la retcula es muy primordial ya que es la que se encarga de dar el
orden necesario a la composicin, sus ejes, posiciones, elementos de primer orden,
etc., donde se puede jugar ya que todos tendran un disposicin, pero no se deben
versen como un evento repetitivo y aburrido sino que la variacin en su posicin darn
una sensacin de armona y perfeccin al proyecto. Lo ms importante en un diseo es
que sea puro y muy limpio para que el objetivo sea seguro, siendo elemental saber
 10
manejar la retcula para que no se caiga en una aglomeracin de elementos y
saturacin porque esto limita los beneficios y entorpece la composicin.
Otro aspecto central en el diseo grfico es el color, ya que de su acertado uso
depende como se comportara el pblico frente a la composicin ya que este tiene
efectos sobre los seres humanos ya sea por caracteres naturales y/o sociales.
El color es una parte fundamental del hombre ya que es indispensable para poder
visualizar la realidad, influye en el estado de nimo, carcter, se ve relacionado con el
espritu y el cuerpo y as mismo hace que algo se transforme en relevante o que
simplemente se disipe, el color es primordial en la vida, no slo es una cuestin de las
ciencias exactas, sino es un elemento estudiado por fisilogos, psiclogos, artistas y
de igual forma por diseadores grficos. Este elemento es la impresin producida al
incidir en la retina los rayos luminosos difundidos o reflejados por los cuerpos, algunos
colores toman nombre de los objetos o sustancias que los representan naturalmente,
son fundamentales ya que estos interactan en cada partcula que se observa, por ello
se hace necesario profundizar.
Los colores se dividen en dos tipologas los fundamentales/bsicos y
complementarios:
Los colores fundamentales: son los colores de los que se desprende toda la gama
cromtica, pero debemos aclarar que estos tambin se dividen en los colores luz que
son los principales de la composicin de la luz (RGB) es decir rojo, verde y azul estos
son utilizados para tratarlos en pantallas como el computador, video y los colores
pigmento que son el amarillo, azul y rojo, estos son utilizados cuando se maneja papel.
Los colores complementarios: son la mezcla o combinaciones de los colores
fundamentales entre s, en los colores luz son (CMYK) cian, magenta, amarillo o como
se conocen en el computador y estos se utilizan ya para impresin y en colores
pigmento son naranja, violeta y verde. Pero as mismo esta gran gama de colores que
se producen en estos procesos son clasificadas desde la psicolgica como colores
clidos y fros.
Los colores clidos: son generalmente descritos como colores alegres,
estimulantes, fuertes y de gran poder El amarillo es el color que se relaciona con el sol
y significa luz radiante, alegra y estmulo. El rojo est relacionado con el fuego y
sugiere calor y excitacin.
Los colores fros: son mostrados como tranquilos ya que tienen el color del agua,
fresco, natural. No obstante, hay que tener en cuenta tambin la proporcin y los
contrastes ya que un color clido puede muy fcil convertirse en un frio.
El color cuenta con un carcter en especial que es su cualidad tonal, esta es su
grado de claridad y sirve para que la forma armonice con cuanto lo rodea. El color tonal
asla o funde, destaca e iguala a un edificio dentro de un grupo; esta se divide en tres,
valor o claridad, tinte o matiz e intensidad. El valor es una dimensin de colores
acromticos es decir colores intermedios entre los claros y oscuros, tinte es cada una
 11
de la gradaciones que puede tomar el color y la intensidad es el grado de pureza del
tinte.
2.2.2 Imagen corporativa

Como se esboz con anterioridad, la imagen corporativa es la personalidad de la

empresa, lo que es, qu hace, cmo funciona y cmo reacciona el pblico ante esta.
Entonces, el trabajo de un diseador grfico frente a una imagen corporativa es muy
riguroso ya que exige y puede tardar aos, puesto que est vinculado con introducir un
manual grfico, con las normas que la empresa debe cumplir para exponerse al pblico
y a las personas que laboran en esta, no solo en la presentacin de sus tarjetas,
uniformes sino tambin en los medios de transporte. El diseador tiene que lograr una
idea que solucione todos los problemas que la empresa tiene frente a los referentes de
su imagen y como se ve ante el pblico, este tendr que actuar con gran imaginacin y
pericia, proponiendo una nueva imagen que impacte, que tenga energa ya que estar
en todos sus productos y ser su carta de presentacin al pblico. Lo primero que
deber hacer es estudiar la empresa, que elementos servirn para comenzar con la
bocetacin del nombre y del logotipo y poner en marcha toda su imaginacin y poder
de comunicacin para alcanzar su objetivo.
La imagen desde este momento empieza a participar en el mundo de la publicidad
ya que se va a mostrar en las cartas, sobres, tarjetera y la gente comenzara a guiarse
por su imagen para llegar a la compaa.

Para empezar hay diferentes tipos de nombres como son:

Descriptivos: son los que describen la empresa, caso de Banco de la Republica,
por sobre entendimiento sabemos que es un funcin presenta y a que entidad se afilia.
Simblico: por lo que simbolizan, Pelikan, por su variedad de colores.
Patronmico: Llevan el nombre del patrn o dueo de la compaa, Pescadera
Guillermo Bohrquez.
Toponmico: Se le asigna el nombre del lugar topogrfico en el que se encuentra,
Ron Antioqueo.
Contracciones: Son las primeras letras del nombre de la empresa, HP: Hewlett
Packard.
Despus de elegir una de esta formas para comenzar a manejar el nombre se
conseguir trabajar en la marca o como se dice ms claramente el logotipo que es el
que se encarga de dar a conocer el producto entre sus distintos consumidores esta
tiene todas las connotaciones del producto y lo que ofrece, debe ser nica, original y
esta se encargara de publicar y posicionar el producto de una forma rpida y sencilla.
Lo ms importante al crear una nueva imagen es que no se parezca a ninguna ya
creada por que perder su identidad adems podra colaborar para la otra marca.
Las diferentes clases de marca son:
 12
Monogramas: Es tomar las iniciales de una persona o empresa y colocarlas en un
mismo sitio, Telmex.
Emblema: Expresin grfica escudos, banderas.
Anagrama: primeras letras o silabas de una palabra, nombre y se hace una nueva
palabra, CONAVI, corporacin nacional de ahorro y vivienda.
Sigla: Toma la inicial de las letras de su nombre, CNN.
Logotipo: Es cuando se le pone identidad a una letra o palabra.
Smbolo: Expresin visual identificadora, Cruz Roja.
Imagotipo: Imagen con nombre de la empresa, logotipo ms smbolo.
Elegido el logotipo se pasara a la etapa de realizar toda la parte de estructuracin de
este adems de los diferentes manejos que se presentaran como el logotipo en lneas,
grises, positivo, negativo, manej de proporcin y la parte del color la cual va a servir
de un identificador ms en la imagen de la empresa y este puede participar por fuera
del logotipo.
La aplicacin del color debe hacerse con base en lo que este va expresar y depende
mucho de lo que se quiera decir, aqu viene a operar la funcin psicolgica ya que el
color debe ser con una referencia especfica, otro aspecto es que vara dependiendo de
dnde se vaya a aplicar es decir el color en un impreso va ser de una referencia
diferente al de su pgina web ya que el medio donde se proyecta esta ltima permite
apreciar los colores ms brillantes.
Cuando se entrega el manual de imagen corporativa el diseador debe tener en
cuenta todos estos aspectos y colocarlos muy claramente, debe especificar la
referencia y donde aplica esta, para que la persona encargada lo efecte y la imagen
siga siendo la misma sin alteraciones, ya que si no se establecen esas puntualidades y
especificaciones se presentara una gama de colores que no son los establecidos para
la empresa y el trabajo se perdera.
Uno de los componentes ms significativos en el diseo de una imagen corporativa
es la tipografa porque de esta dependen muchos organismos y esta participa
activamente en su construccin. La tipografa tambin tiene reglas que deben cumplirse
para que esta ejerciera de manera correcta y acertada en la imagen corporativa,
siendo:
Ttulos con el mismo tamao y en el mismo lugar en todas las
pginas, con el tipo de letra invariable.
Subttulos con el mismo tamao y, con relacin a la situacin en el
texto, a una distancia invariable del texto anterior y del siguiente.
Retcula de composicin y de imgenes invariable en todas las
pginas.
Leyendas de ilustraciones de tamao invariable y disposicin en
relacin con la ilustracin.
 13
Letras de resalte de tamao invariable y disposicin en relacin con
el texto.
Asimismo las notas marginales.

Ilustraciones: directos, plumas, tablas, etc., en los tamaos de los

campos reticulares.
Mantener los directos en la misma concepcin fotogrfico mantener
los plumas, si es que tienen que resultar objetivos, en el mismo estilo
de representacin.
Mantener las representaciones de tablas y cuadros en la misma
forma de representacin.
Conservar los mismos colores para iguales contenidos.
Conservar el interlineado para todos los textos con tipo de letra del
mismo tamao
Emplear 1,2 o ms lneas blancas para las divisiones de textos
nunca medias lneas blancas, para evitar que no alineen las lneas
de la columna siguiente (Mller, 1982).
Finalmente ya con todos estos elementos, como los son la tipografa, el color, el
logotipo se empezara con la diagramacin de los mismos para llegar al orden y
especificar cada trmino en su debido lugar, esta tiene que ser armoniosa y muy
prctica ya que ser utilizada en muchos ms elementos que componen la imagen
corporativa como son para toda la pgina web, etiquetas, manual corporativo.
El manual del sistema de identificacin visual o manual de identidad corporativa es
el resultado de las exigencias de normalizacin de la imagen grfica. Esos manuales
de uso extendido en la gestin de la imagen institucional cumple varias funciones
adems de la gua para la reproduccin fiel de los signos: capacitacin de los equipos
internos en gestin de imagen capitalizacin en imagen del operativo de diseo de la
grfica institucional (Chvez, 1988, p. 61).
Las partes en las que se divide un manual corporativo son: Presentacin,
introduccin, que se pretende, misin, visin, objetivos de la imagen, proceso creativo,
tipografa, color, smbolo, logotipo, escala de grises, positivo, negativo, tolerancia de
reduccin, identificadores, rotacin, aplicaciones, papelera, papelera administrativa,
indumentaria, fachada, transporte, anexos desprendibles, artes finales, carta de
colores, etc.
2.2.3 Pgina web
Disear una pgina web es mucho ms complejo de lo que se cree ya que hay que
contar con sus herramientas interactivas, ya que es vista por millones de personas en
el mundo, y debe garantizar la exposicin de datos muy especficos hay que saber
 14
manejar la estructura en la red, siendo paralelamente armoniosa y clara para que el
pblico se interese. Para construir la pgina Web se debe tener los conceptos muy
claros, saber que quiero mostrar y vender. Adems de que es una manera de
comunicar al mundo a travs de otro sistema y que conozca otro mercado al cual
puede acudir.
La pgina Web tambin es una herramienta que puede llegar a ms consumidores
puesto que es global y esta se disea tambin como parte de una imagen corporativa,
tiene que mostrar todos sus componentes, como son el logotipo, identificadores,
productos, adems se trabaja la retcula que utilizamos en toda la composicin grafica
de la imagen de la empresa para que esta sirva de visin en Internet.
Con la retcula ya construidas debemos enfocarnos en conseguir el material que
necesitamos para lograr la pgina, es decir las fotografas, el texto que debe estar ya
corregido, las entradas a las bases de datos, etc.
Lo que se hace despus de esto es hacer la arquitectura de la pgina Web, esta es
la gua de composicin que se utiliza para esta, permitiendo ver dnde van sus
imgenes, que es interactivo, que tipografa debemos tener en nuestra base, y todo lo
que se quiere que suceda en la pgina. Lo que se logra con esta que ms adelante
esta ayude no solo en la organizacin sino que sea un parmetro para no perderse
cuando se est montando la pgina, as se evitara posibles contratiempos con esta y si
se quiere cambiar algo de ltimo momento ser mucho ms fcil.
Para comenzar con la descripcin del tema abordaremos lo ms importante que es
la tipografa, caractersticas tipogrficas:
A pesar de que las reglas tipogrficas bsicas son las mismas tanto para los
documentos Web como para los documentos impresos convencionales, la tipografa
tiene caractersticas sustancialmente distintas se muestre en una pantalla o impresa en
un papel.
La pantalla de un ordenador reproduce las fuentes a una resolucin muy inferior a la
que encontramos en cualquier libro, revista o incluso cualquier pgina salida de una
impresora corriente. La mayor parte de las fuentes de libros y revistas se reproducen a
una resolucin de 1.200 puntos por pulgada (dpi) o mayor, mientras que una pantalla
de ordenador raramente supera una resolucin de 85 dpi. As mismo, la zona til de
una pantalla tpica es menor que la mayora de las pginas de libro o revista, limitando
la informacin que se puede mostrar sin forzar a utilizar la barra de desplazamiento.
Pero la caracterstica diferencial de la tipografa Web tal vez sea su variabilidad.
Las pginas Web se construyen al vuelo cada vez que se descargan en el
navegador de un usuario. Cada lnea de texto, cada titular, cada estilo y tipo de fuente
se reconstruye sobre la base de una interaccin compleja entre el navegador, el
servidor y el sistema operativo del ordenador del usuario; el proceso puede estar lleno
de contratiempos: una fuente no disponible en el sistema, un navegador no actualizado,
o unas preferencias de usuarios peculiares. En ocasiones es conveniente apuntar al
 15
usuario algunas sugerencias de cmo debera visualizarse la pgina en la pantalla
(Lynch y Horton; 2000).
Las fotografas o imgenes que se utilizan en la Web deben estar ya arregladas es
decir trabajadas en un programa de computador como photoshop o freehand para
poder montarlas en la retcula ya dispuesta, esta debe tener mdulos en los cuales las
imgenes se ensamblan, donde se empezaran a dar sus distintas caractersticas para
as empezar a dar forma a la pgina Web. Hay que tener cuidado con las imgenes ya
que tienen colores especficos que varan en algunas, por ello se tienen que hacer
arreglos porqu podran llegar a estropear el diseo, no tanto en composicin sino que
por su tamao tan grande que hace que la pgina Web no cargue tan rpido como el
usuario desea y as esta pierde toda su atencin y no ser vista y se perder todo el
trabajo y esfuerzo, para esto el color se debe manejar de una forma especfica a
continuacin vern como varia este dependiendo de su funcin.
El color en una pgina Web vara dependiendo su fusin, observa:
BITMAP: Est compuesto por un solo bit de color por pixel (blanco o negro) y
requiere la mnima cantidad de memoria de todos los modos de imagen. Porque tiene
pocas opciones de edicin, se convierte a imagen GRAY SCALE y luego a BITMAP
otra vez para exportarlo.
GRAY SCALE: Estn constituidas por 8 bit de informacin por pixel y usan de 0 a
255 escalas de grises simulando gradacin de color. Este es un modo de un solo canal
para convertir en alta calidad imgenes blanco y negro.
DUOTONO: El modo de Duotono se utiliza para incrementar el rango de grises en
las imgenes Grayscale. Es usado para montonos - duotonos tritonos o tetrtonos,
pero an no es policroma. Son esencialmente imgenes en escala de grises de un
solo canal (8 bit por pixel).
INDEXED COLOR: Indexed color son imgenes que usan un solo canal (8 bit x
pixel) y tienen una tabla de 256 colores. Estas imgenes son tiles a la hora de editar la
tabla de color o cuando una paleta de colores limitada se va a exportar. Por ejemplo
para aplicaciones multimedia.
RGB COLOR: Las Imgenes RGB usan tres colores para reproducir 16.7 millones de
colores en la pantalla de un computador. Para muchas imgenes y scanner este es el
modo para editar y pintar. Las imgenes RGB usan 3 canales de imagen contienen 24
bit x pixel (8 x 3).
CMYK: Las imgenes CMYK consisten en 4 colores usados para impresin y
separacin de colores. Estos son 4 canales de imagen; contienen 32 bit por pixel (8 x
4).
Este modo permite trabajar directamente con imgenes CMYK que han sido
escaneadas o importadas de sistemas superior, porque este modo usa la mayor
cantidad de memoria de todos los tipos de imagen, es generalmente lenta para edicin
de imagen.
 16
HSL COLOR: HSL usa tres canales; tono, saturacin y luces. No es compatible con
los modos RGB ni CMYK, no existe muestra de composicin para estas imgenes. Las
imgenes HSL son generalmente usadas para aplicaciones cientficas.
HSB COLOR: Las imgenes HSB usan 3 canales: Tono, saturacin y brillo. . No es
compatible con los modos RGB ni CMYK, no existe muestra de composicin para estas
imgenes. Las imgenes HSB al igual que las HSL son generalmente usadas para
aplicaciones cientficas.
MULTICHANNEL: Adicionando un canal a la escala de grises GrayScale o borrando
un canal desde un RGB, CMYK, HSL o HSB se crea una imagen MILTICHANNEL.
Imgenes en modo MULTICHANNEL se pueden convertir a imgenes GrayScale (Daz,
s.f.).

2.3 Marco institucional

El Restaurante Colombia, es un restaurante tpico colombiano que se dedica a
vender alimentos procesados provenientes del cerdo, pollo, res y cordero. Dirigido por
Anglica Ruz de Donoso.

2.3.1 Misin
El Restaurante Colombia, tiene como misin brindar en la Sabana de Bogot, el
mejor servicio gourmet de nuestra regin, con platos tpicos que atraen a personas de
nuestro pas y a extranjeros, adems contamos con una amplia infraestructura tpica
que hace ms acogedora la estada en nuestro restaurante, tenemos un excelente
equipo de trabajo humano, que se encuentra altamente capacitado para satisfacer las
necesidades de nuestros clientes.

2.3.2 Visin
Posicionarnos como el mejor restaurante de comida tpica en la regin, para as ser
reconocidos y lderes en materia de servicio y calidad de alimentos. Proyectndonos al
mercado a nivel nacional y llegando a la poblacin en general y a todas las empresas
que requieran nuestros servicios con una excelente carta de alimentos y bebidas,
mejorando cada da nuestro servicio, con un mayor nmero de empleados para lograr
compensar la calidad que exige cada cliente nuevo.

2.3.3 Objetivos
El objetivo es usar la imagen diseada para mostrar al restaurante y as llegar a
nuevos comensales para que visiten el restaurante.
Esto es lo que queremos reflejar del Restaurante Colombia que es un sitio de
encuentro los das viernes, sbados, domingos, y festivos que adems es un agradable
 17
y que adems de todo su comida es inigualable y su sabor no lo encuentra en otra
parte y que llevamos ms de 50 aos en el mercado de los restaurante de la sabana de
Bogot (Ruz, entrevista, 2013).

2.3.4 Aplicacin de la imagen corporativa

Con esta rama del diseo grfico se busca responder a las necesidades del
Restaurante Colombia como una empresa dedicada a vender alimentos tpicos
procesados, con el fin de dar a conocer el mismo en el mercado, ayudndole a
posicionarse dentro de la sociedad consumidora para generar un mayor impacto en la
sociedad.
Por ello reflejar que el Restaurante Colombia es un restaurante que cuida de usted,
llevando en su men los mejores productos con una buena calidad sin que esta
interfiera en la vida cotidiana, que sea un restaurante tpico que maneja unos
estndares de calidad muy altos pero dentro de esto es muy natural.
Con la imagen corporativa se logra que todos estos objetivos y visiones del
Restaurante Colombia se transmitan a diferentes clases de pblico y que sea muy fcil
de comunicar solo con una imagen o un logotipo.
 18

CAPTULO III: PROCESO TCNICO

3.1 Propuesta de diseo

3.1.1 Diseo bsico

El diseo bsico de la imagen corporativa del Restaurante Colombia se llev a cabo

de investigaciones de restaurantes de la misma actividad y sacando sus fortalezas y
debilidades para as saber dnde ubicar nuestro restaurante y que ventajas tenia
frente a los dems, tambin gracias a la recopilacin de informacin del Restaurante
Colombia como fotografas, envases, etc.
Ya con esto se empieza a trabajar en la imagen que mejor se ajustara para este
proyecto. La base que se utiliza para crear la imagen corporativa son unos cubiertos
dando as un posicionamiento concreto para este diseo.

3.1.2 Smbolo

El smbolo naci de los diferentes estudios que se realizaron al Restaurante

Colombia, de los cuales se dedujo que la mejor representacin de esta, seria unos
cubiertos, esto se forma de la relacin que existe entre los alimentos procesados y la
atencin al cliente, as se muestra en esta, la visin del restaurante que es empezar a
subir hasta llegar a lo ms alto, ya que es muy importante el manejo de altos
estndares de calidad.
Se quiso incorporar en el logotipo para que este sirviera de recordacin de la imagen
y sea ms fcil de llegar al cliente o consumidor.
 19

Imagen 1: Smbolo y logotipo

Imagen 2: Smbolo y logotipo

 20
3.1.3 Logotipo

El logotipo es una clase de, Imagotipo ya la imagen o smbolo va acompaada de la

Tipografa o texto en este caso se eligi la tipografa Kozuka Gothic Pro B, porque es
fuerte y legible, y a estos elementos se les agrego el smbolo creado.
El color es un cian al 100% y magenta al 20% ya que va con el smbolo y da al
logotipo, limpieza, legibilidad, y deja ver lo que se quiere mostrar.

3.1.4 Propuesta de color

Manejando una jerarqua en el color de la imagen del Restaurante Colombia
principal es azul celeste ya que es un color que muestra mucha limpieza, ya que por
ser un color frio se asocia con el agua, este se maneja en algunas partes del manual
con una tonalidad ms clara para expresa frescura, tranquilidad, orden. Tambin se
utiliza el amarillo fuerte y naranja otoal como colores secundarios.
 21

Todos estos colores varan su tonalidad entre 50 % y 70% segn el caso.

3.1.5 Propuesta tipogrfica

Las tipografas utilizadas en esta imagen son KOZUKA GOTHIC PRO B Estas se
deben manejar tanto para piezas internas como externas. Se eligieron estas tipografas
por que se identificaban con lo que se quera mostrar en la imagen, en una fuerza,
poder y en la otra esa confianza y responsabilidad de una manera muy tranquila.
La utilizada para todos los ttulos es arial desde los del manual hasta los de las
etiquetas, ya que tiene fuerza, es muy llamativa e impactante.

KOZUKA GOTHIC PRO B

ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
?&@

La utilizada para texto corrido es BakersignetBT, ya que es muy sencilla, de mejor

legibilidad y da un toque de elegancia al texto.
 22
BakerSignet BT
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Abcdefghijklmnopqrstuvwxyz
1234567890
?&@

3.1.6 Propuesta de diagramacin

El formato elegido para trabajar el presente trabajo es el horizontal
 23

3.2 Produccin
3.2.1 Manual de imagen corporativa
En este manual estn recopiladas todas las normas que el Restaurante Colombia
debe seguir para respetar la imagen corporativa, de forma muy concreta se encuentra
como debe utilizarse su imagen, los pasos a seguir, presentacin, introduccin, que se
pretende, misin, visin, objetivos de la imagen, proceso creativo, tipografa, color,
smbolo, logotipo, escala de grises, positivo, negativo, tolerancia de reduccin,
identificadores, rotacin, aplicaciones, papelera, papelera administrativa,
indumentaria, fachada, transporte, anexos desprendibles, artes finales, carta de
colores, etc.

3.2.2. Compact disc (CD) con pgina Web

Insertar informacin

3.3 Presentacin y sustentacin

3.3.1 Monografa
La monografa contempla y expone todo el proceso de trabajo que se llev a cabo
para lograr el objetivo de crear una imagen corporativa y pgina Web del Restaurante
Colombia.
3.3.2 Produccin
La produccin se logr gracias a los diferentes programas de diseo como son Corel
y Photoshop.
 24
3.3.3 Exhibicin y montaje
La exhibicin y montaje se realizaran en el saln asignado, que ira compuesto de
algunas piezas grficas.
3.3.4 Sustentacin oral
Se realizara en el saln asignado con todos los materiales de apoyo y exposicin.
 CONCLUSIONES

-La aproximacin metodolgica empleada dej en claro la apremiante necesidad de

crear una imagen corporativa y un sitio web que permitiera comunicar a un grupo ms
amplio de personas la existencia y servicio del Restaurante Colombia.
- Los elementos ms notables de la imagen corporativa estn asociados al color azul
celeste, dado que es uno de los colores que representa limpieza, frescura, tranquilidad,
orden. As mismo, est asociado a los cubiertos como seal inequvoca de acceso a los
alimentos tpicos, en este caso.
-La coherencia entre la imagen corporativa y el nombre toponmico del
establecimiento deriva en el reconocimiento de un restaurante que ofrece platos tpicos
de altsima calidad y un ambiente tradicional colombiano.

BIBLIOGRAFA

Libros
Acevedo, Juan (1998). Bondades plsticas. Bogot: Taller cinco centro de diseo.
 Briones, Guillermo (1988). La investigacin social y educativa. Bogot: Convenio
Andrs Bello.
Chvez, Norberto. La imagen corporativa. Barcelona: Editorial Gustavo Gili.
Lynch, Patrick y Horton, Sarah (2000). Principios de diseo bsicos para la creacin
de sitios Web. Mxico: Ediciones Gustavo Gili
Mller, Josef (1982). Sistemas de retculas. Barcelona: Editorial Gustavo Gili.
Munari, Bruno (1985). Diseo y comunicacin visual. Barcelona: Editorial Gustavo
Gili.
Wong, Wucius (1979). Fundamentos del diseo. Barcelona: Editorial Gustavo Gili.

Recursos virtuales
Daz, Bethsy (s.f.). Teora del Color. Recuperado en:
http://http.monografas.com/trabajos3/color/color.shtml
MercadeoyPublicidad (s.f.). Psicologa del color. Color y motivacin. Recuperado de:
http://mercadeoypublicidad.com/Secciones/Biblioteca/DetalleBiblioteca.php?
recordID=6461
Pez, Jos (s.f.). Imagen Corporativa: logotipo, tipografa e identidad. Recuperado
de: http://www.gestiopolis.com/imagen-corporativa-logotipo-tipografia-e-identidad/

Entrevistas
Ruz de Donoso, Anglica. Entrevista semiformal. 2013