1. La señalética en un establecimiento comercial juega un papel importante en la información e imagen que transmite a los clientes.
2. Los elementos exteriores como el rótulo y el escaparate, así como la señalética interna, deben ser coherentes con la identidad corporativa de la empresa y facilitar la experiencia del cliente.
3. Es importante planificar la señalética teniendo en cuenta aspectos como los diseños, materiales, calendario de promociones y su renovación constante.
1. La señalética en un establecimiento comercial
Autora: Igone Castillo, impulsando el pequeño comercio
Tema 1: conceptos generales
La señalética en nuestro establecimiento juega un papel muy importante en la información e
imagen que transmitimos a nuestros clientes del producto o servicio que comercializamos. Los
nombres, los colores, la tipografía atraen al cliente o le hacen pasar de largo al ver nuestro
comercio. Por ello debemos transmitir nuestro concepto de empresa y diferenciarnos de
nuestra competencia a través de estas señales tanto desde el exterior de la tienda como en el
interior.
Como punto de partida tomaremos nuestra "identidad corporativa", con sus colores, símbolos
y tipografías ya definidos. En nuestro Manual de Identidad Corporativa encontraremos tanto el
logotipo como la tipografía, colores, posibles variaciones y tamaños y las diferentes
aplicaciones al material de papelería u otros
Cómo crear mi material gráfico de señalética para comercio Página 1
Diseño de Positive Zero
2. Es importante ser coherentes en nuestra imagen. Por un lado que realmente esta imagen
transmita nuestro concepto de empresa y por otro que sea la misma en medios online y
offline.
Los primeros elementos que percibirá el cliente son los del exterior: el rótulo y el escaparate.
Además de nuestra propia identidad deberemos valorar la importancia de comunicar al cliente
si pertenecemos a un grupo, asociación, si poseemos un Certificado de Calidad o si ofrecemos
algún tipo de garantía excepcional
A la hora de utilizar este tipo de símbolos tendremos en cuenta la importancia que nuestro
cliente les otorga y sobre todo no atiborrarle con demasiados mensajes, ya que esto hará que
se pierda.
El rótulo será claro y acorde a nuestra identidad corporativa
Diseño de Concep y aplicación de Ander Ayala
En la señalética que utilicemos en el escaparate utilizaremos colores y tipografías que sean
coherentes con nuestra imagen, teniendo en cuenta también que puedan ser fácilmente
comprensibles para los clientes potenciales.
En el interior debemos comunicarnos con el consumidor de forma que perciba facilidad para
encontrar lo que busca, que descubra nuevos productos y que las promociones le resulten
atractivas.
Algunos recomendaciones para el uso de la señalética en el interior de nuestro comercio son:
1 Utiliza un tablero de novedades/boletín: debe encontrarse cerca de la entrada y a ser
posible visible desde el exterior; en circunstancias favorables podría incluso colocarse en
Cómo crear mi material gráfico de señalética para comercio Página 2
3. el exterior. Contendrá información sobre las promociones en curso, recomendaciones de
artículos, novedades de la semana o del día, interacciones con el medio online,
información sobre próximos eventos o cualquier otra información que resulte atractiva y
haga que los clientes recorran la tienda.
2 Haz recomendaciones a tu cliente: haz notar esos productos en los que obtienes más
margen, los que trabajas de forma habitual y/o que te diferencian de tu competencia.
Puedes utilizar "producto recomendado", "producto estrella", etc. Cuéntale al cliente sus
ventajas.
3 Mantén un tono positivo y personal en los mensajes: en lugar de "Devoluciones en un
plazo máximo de 10 días" poner "Tienes hasta 10 días para devolver lo que compres"
4 Utiliza señales que se repitan en la tienda: señaliza tus promociones siempre de la misma
manera, identificándolas con un color (coherente con el logo o colores de la tienda),
tamaño o tipo de letra. En ellas habla del producto, de sus ventajas, de las interacciones
con otros o incluye un código QR que lleve a tu sitio web en el que se describe el
producto. Que la información sea concisa, clara y legible.
5 Sé profesional: no utilices cartelería hecha a mano a no ser que tengas una letra muy
buena. Hay programas que te pueden ayudar, algunos de ellos gratuitos. (GOOGLE Drive-
Draw)
6 Evita la sobrecarga de mensajes, el cliente se sentirá abrumado y no les prestará atención
7 Evita utilizar material PLV que te proporcionan los distribuidores o fabricantes. Construye
tu propia marca, a no ser que la alianza con tu distribuidor sea puntualmente más
importante.
8 Sé constante: renueva frecuentemente la cartelería igual que renuevas tu escaparate.
9 Y lo más importante: PLANIFICA
● a) las tareas que necesitas realizar para realizar los diseños,
● b) el tiempo que debes dedicar a ello: diseño, impresión, colocación y a la publicación
en medios online
● c) controla los costes, tanto del tiempo como de los materiales
● c) y sobre todo realiza un calendario de promociones y animaciones, de acuerdo a tu
plan de marketing
Cómo crear mi material gráfico de señalética para comercio Página 3
4. Debido a la constante renovación de material de señalética que debemos realizar, es
conveniente que sepamos diseñar o producir nuestros propios carteles y otros elementos.
Para una comunicación más efectiva y coherente, utilizaremos los mismos diseños para
nuestra web y redes sociales
1.1.HERRAMIENTAS PARA LA CREACIÓN DE MATERIAL GRÁFICO PUBLICITARIO
Si solo podemos utilizar herramientas gratuitas podemos recurrir a alguna de estas dos
● Si soy experto en el uso de programas de dibujo vectorial Open Office Draw es una
genial opción, pero su uso requerirá entrenamiento. Nos permite un control similar
sobre el diseño que programas de pago como Corel Draw o Adobe Illustrator.
● Si quiero una herramienta más sencilla de utilizar Google Docs me permite con su
Drawing realizar muchas tareas del diseño y composición de material gráfico.
Otras herramientas interesantes que pueden servir de complemento:
Tipografías (fuentes):
● All font tester: http://castingyour.net/all-font-tester Prueba las fuentes de tu
ordenador con el texto, en el color y tamaño que queramos.
● Google Fonts: dispone de unas cuantas fuentes web que podemos coleccionar y
descargar en nuestro ordenador
● What font is: http://www.whatfontis.com/ reconoce una fuente y la identifica desde
una URL o desde una imagen que cargamos en la web
● Tipografía para principiantes: http://www.blogoff.es/2007/05/11/tipografia-para-
principiantes-apuntes-consejos-y-enlaces/ Tutorial y enlaces interesantes sobre el uso
de las tipografías.
● 1001Fonts: http://www.1001fonts.com/ Fuentes gratuitas para descargar
Inspiración de diseño:
● Build a sign http://www.buildasign.com/RetailDisplays
● Buy sale signs http://www.buysalesigns.com.au/WnewIndex.cfm
● Branding en retail: http://retaildesignblog.net/category/branding/
Tutoriales:
● Google Drive (DOCS): https://www.google.com/intl/es/drive/start/index.html
● Google Drawing: http://www.youtube.com/watch?v=gQng2kJ-N9k (inglés)
● Google dibujos: http://integrar.bue.edu.ar/wp-
content/uploads/2011/09/Tutorial_Google_docs_dibujos.pdf (tutorial en PDF)
● Open Office Draw: http://es.tldp.org/Manuales-LuCAS/doc-manual-OODraw/Draw.pdf
● Publisher: http://www.aulaclic.es/publisher Tutorial de Microsoft Publisher
Cómo crear mi material gráfico de señalética para comercio Página 4
5. Es importante que a la hora de descargar y usar imágenes de internet tengamos en cuenta si
tenemos permiso del autor para su uso y de qué tipo de permiso se trata. Plataformas como
Flickr nos permiten conocer el tipo de licencia que el autor ha determinado y por lo tanto si
podemos usarlas para nuestros diseños. (Licencias Creative Commons:
http://es.creativecommons.org/licencia/)
En este caso, ya que solemos estar bastante familiarizados con el entorno de Microsoft, vamos
a utilizar Publisher para trabajar nuestros diseños. Nos permite un mejor control de los
elementos insertados en la página que otros programas de la suite como Word.
1.2.ALGUNOS CONCEPTOS PREVIOS SOBRE EL COLOR:
A. El círculo cromático: (http://sobrecolores.blogspot.com.es/2010/12/que-es-el-circulo-
cromatico.html) El círculo cromático es una clasificación de los colores. Se denomina círculo
cromático al resultante de distribuir alrededor de un círculo los colores que conforman el
segmento de la luz. Los colores más comunes de encontrar en un círculo cromático son seis:
amarillo, anaranjado, rojo, violeta, azul y verde, aunque para las artes gráficas en el formato
digital los colores sean amarillo, rojo, magenta, azul, cian y verde. La mezcla de estos colores
puede ser representada en un círculo de 12 colores, haciendo una mezcla de un color con el
siguiente y así sucesivamente se puede crear un círculo cromático con millones de colores.
El hexagrama es una estrella de seis picos que se coloca en el centro del círculo cromático.
Aunque depende del número de colores usados en el círculo es la cantidad de picos que tenga
dicha estrella. Esta estrella muestra los colores complementarios.
B. El color en la impresión y el color web. El color en la web y en el material impreso: Para el
color físico se utilizan en imprenta 4 colores, que son probablemente los que tiene vuestra
impresora doméstica: CIAN (C), MAGENTA (M), AMARILLO (Y) y NEGRO (K). En función de la
cantidad de cada color que se utilice se conseguirá uno u otro color.
Cómo crear mi material gráfico de señalética para comercio Página 5
6. También existen guías o catálogos de color como PANTONE.
Para el color de la luz, o sea, el color que usaremos en internet, se "mezclan" 3 colores: R,
(rojo) G (verde) y B (azul). Con ellos también podemos conseguir los todos los colores que el
usuario ve a través de su monitor. La ausencia de estos colores nos dará el negro.
Una vez que estamos trabajando el internet, o sea usando lenguaje HTML, el color se clasifica
con códigos hexadecimales, compuestos por 6 números o letras. (Si quieres saber más consulta
el siguiente enlace) http://html-color-codes.info/codigos-de-colores-hexadecimales/)
Cuando diseñamos para imprimir podemos convertir nuestros colores CMYK a color HEX
(hexadecimal) con herramientas como: http://www.easycalculation.com/colorconverter/rgb-
color-converter.php
Cómo crear mi material gráfico de señalética para comercio Página 6
7. TEMA 2: Publisher
Este texto no pretende ser una guía de Publisher sino una orientación sobre cómo utilizar un
programa bastante sencillo y que nos resulte familiar para poder crear nuestra propia
señalización en la tienda. Si queremos aprender más o nos surgen dudas en el proceso
podemos utilizar la web con tutoriales de AULACLIC.
2.1.ELEMENTOS
Los principales elementos con los que nos permite trabajar Publisher son:
● Textos: podemos cambiar color de relleno, tamaño, tipografía....
● WordArt:
● Tablas: igual que en Word, en nuestro caso pueden servir para organizar la
información
● Autoformas e Imágenes: hay infinidad de formas, en una y dos dimensiones, imágenes
prediseñadas y podemos colocar imágenes en casi todos los formatos.
2.2.INICIO
En la ventana de introducción podremos elegir entre un gran número de plantillas:
Si deseamos comenzar en blanco utilizaremos "Tamaño de páginas en blanco" y elegiremos el
tamaño de papel que necesitamos. Las plantillas más interesantes para nuestro comercio son
los folletos, los vales de regalo, etc. En cuanto estemos más familiarizados con el programa
conviene crear nuestras propias publicaciones desde un tamaño de papel en blanco, para que
sean lo más personalizadas posibles.
Cómo crear mi material gráfico de señalética para comercio Página 7
Nuestra pantalla de trabajo está formada por:
8. El panel de tareas, área de trabajo, barra de menús, herramientas rápidas
Alrededor de nuestro espacio de trabajo tenemos las "reglas", que nos permitirán controlar el
tamaño de los objetos y letras que vamos insertando. Las guías azules nos indican los
márgenes de impresión y las líneas de pliegue en el caso de que existan.
Elegimos una plantilla de folleto y vamos a explorar las opciones de personalización, a medida
que nos familiarizamos con las diferentes herramientas del programa.
Cambiar las combinaciones de colores, cambiar las combinaciones de fuentes, cambiar la
plantilla o el tamaño de la página
En los diferentes cuadros de texto editar el contenido, editar los tamaños de las autoformas,
cambiar las imágenes, borrar o añadir nuevas...
Como podemos observar si estamos familiarizados con Word o Power Point el sistema de
trabajo es muy similar.
2.3.TRABAJANDO CON PUBLISHER
Vamos a ser creativos e intentar trabajar con páginas en blanco, así no nos veremos
condicionados por los colores o disposiciones que nos ofrece Microsoft y nuestros archivos
tendrán más frescura y resultarán más novedosos para el cliente. Esto no quiere decir que no
podamos buscar INSPIRACIÓN: es más es importante ver cómo hacen el trabajo los
verdaderos profesionales y podemos encontrar esta inspiración tanto en trabajos impresos
como en internet. Recuerda también que inspirarse en algo no es copiar.
Exploramos la barra de menús, herramientas rápidas y el panel de tareas.... (15-20 minutos).
Con ayuda del menú Ver elegimos las barras de herramientas que más vamos a utilizar, para
que estén visibles siempre.
Cómo crear mi material gráfico de señalética para comercio Página 8
9. EJERCICIO 1: Familiarizarnos con las herramientas
1. Abrir Publisher
2. Crear una publicación en blanco en tamaño A4 horizontal
3. Insertar un rectángulo con relleno verde y contorno gris oscuro
4. Insertar un cuadro de texto, con el texto de color blanco, altura 20 y tipografía
Verdana
5. Insertar Word Art
6. Insertamos 2 imágenes desde archivo
7. Insertamos una autoforma
8. Ya tenemos creados 6 o 7 objetos y vamos a trabajar con ellos
9. Cambiar el tamaño
10. Ordenar (Menú contextual botón derecho), cual va delante o detrás
11. Alinear (menú organizar, alinear)
12. Girar (botón verde)
13. Simetría, en el menú Organizar- Girar o voltear-Voltear
ORGANIZAR
Como hemos comprobado el menú organizar nos permite varias operaciones que sirven para
que nuestras publicaciones tengan un aspecto más ordenado.
Cómo crear mi material gráfico de señalética para comercio Página 9
10. Además de los márgenes de impresión podemos crear guías para nuestros diseños, ordenar
(delante-detrás), alinear, distribuir.... los diferentes componentes que hemos creado.
2.4.LOS TEXTOS en Publisher
Publisher entiende los textos de dos formas diferentes:
Cuando creamos un cuadro de texto podemos modificar el color de las letras, pero no
podemos añadir línea de contorno a las mismas. Al elegir una línea de contorno Publisher la
aplicará al cuadro. Tendremos disponibles opciones similares a Word para trabajar con el texto
en el menú Formato
Cuando creamos Word Art Publisher entiende los textos como dibujos y podemos modificar
tanto los rellenos como los contornos.
Las tablas funcionan de manera similar a Word, podemos elegir diferentes formatos, cambiar
tipografías, número de columnas y filas... etc.
2.5.LAS IMAGENES en Publisher
Publisher admite casi todos los formatos de imagen. Los que más utilizaremos son los JPG, PNG
y GIF. La ventaja de los PNG es que podemos trabajar las imágenes sin fondo (fondo
transparente) Esto será posible siempre y cuando la imagen en origen tenga fondo
transparente.
Para editar imágenes tenemos el menú contextual que se abre con el botón derecho del ratón.
Desde allí podemos ir a Formato de imagen, donde podemos editar el tamaño, dónde está
colocada y la relación de aspecto.
Cómo crear mi material gráfico de señalética para comercio Página 10
11. Por otra parte podemos abrir la barra de herramientas IMAGEN. Sirve para regular el brillo,
contraste, color o recortar. Si hemos insertado una imagen en JPG nos deja que hagamos una
parte de ella trasparente eligiendo el color.
Cuando nos basamos en un logo o identidad ya creados y queremos que la publicación se base
en esos colores, con la herramienta "bote de pintura" podemos elegir el color de nuestro logo
en "color de relleno de muestra" (Cuentagotas). Podemos hacer lo mismo con el color de linea
o de texto
Es una herramienta muy útil para que nuestras presentaciones queden coherentes de color,
sobre todo cuando utilizamos logos o fotos.
SOMBRAS
Otro elemento que podemos utilizar tanto para las autoformas como para las imágenes son las
sombras. En el menú Ver, mostrar la barra de herramientas "Configuración de sombra"
EJERCICIO 2: Trabajar con textos, imágenes y autoformas
1. Inserta un logo
2. Inserta una foto
3. Inserta un cuadro de texto
Cómo crear mi material gráfico de señalética para comercio Página 11
12. 4. Inserta una autoforma en 2 dimensiones
5. Inserta una autoforma de una dimensión
6. Aplica a las formas los colores del logo
7. Trabaja con la transparencia, tamaño, color y contraste de la imagen para que sea
acorde a la publicación
2.6.OTROS METODOS DE EDITAR IMAGENES
GOOGLE PICASA
Guía de ayuda de Picasa de Google: http://support.google.com/picasa/answer/1753765?hl=es
Picasa de Google nos permite almacenar, editar, compartir y explorar fotos (en la nube)sin
necesidad de descargar ningún programa. También existe la opción de descargar e instalar el
programa en nuestro ordenador.
Como editor de imágenes es más completo que el que está integrado en Publisher así que
podemos usar Picasa cuando el programa de Microsoft se nos quede corto.
Antes de editar una imagen debemos subirla a la "nube" de Picasa. Una vez allí colocamos el
cursor sobre la imagen y elegimos "editar" (forma de lápiz). Se abrirá el "Kit creativo" de
Picasa. También puedo pinchar sobre la foto y en el menú opciones "Editar con el Kit creativo"
Cómo crear mi material gráfico de señalética para comercio Página 12
13. Tenemos un menú principal que nos permite: Edición básica, Efectos, Decorar y Texto
EJERCICIO 3: explorando Picasa
Exploramos las posibilidades de Picasa con nuestra foto. Una vez editada la guardamos bien
reescribiendo la existente o creando una nueva. Para descargarla vuelvo al menú "Acciones" -
"Descargar foto" y elijo la ubicación en el ordenador.
2.7.CREAR COMBINACIONES DE COLORES Y FUENTES Y ESTILOS EN PUBLISHER
Con todo lo aprendido podemos crear nuestra propia combinación de colores y fuentes para
guardarla como plantilla y poder utilizarla siempre en nuestras publicaciones.
Para crear la paleta de colores vamos a "Combinaciones de colores" - "Crear nueva
combinación de colores" y hacemos click sobre los colores para cambiarlos.
En la pestaña "Personalizado" introducimos los valores CMYK de nuestro logo, si es para una
publicación impresa y RGB si es para web.
Cómo crear mi material gráfico de señalética para comercio Página 13
14. Lo mismo con las fuentes: elegimos "Crear nueva combinación de fuentes" y nos deja elegir
una fuente de Encabezado y otra de Cuerpo.
En "Estilos" podemos cambiar el color, tamaño, separación entre caracteres, tipos de
párrafo....
Es importante dar un nombre que podamos identificar posteriormente cuando guardemos
nuestras combinaciones de colores, de tipografías y estilos de fuentes. Esto nos servirá tanto
para un folleto, como para un cartel en DIN-A2, como para señalizar los precios o
promociones.
EJERCICIO 3: creando combinaciones de fuentes, estilos, colores y plantillas en Publisher
1. Abre un nuevo archivo
2. Inserta un logo (recoger en internet)
3. Inserta una foto que creas que identifique la empresa (colores y temas)
4. Crea dos autoformas
5. Crea dos cuadros de texto y escribe en ellos el lema o el texto de una promoción
6. Elige hasta cuatro colores del logo y/o la foto para las autoformas
7. Elige dos tipos de fuentes
8. Guarda la combinación de colores y de fuentes
9. Edita los estilos de fuentes
Cómo crear mi material gráfico de señalética para comercio Página 14
15. 2.8.CAMBIAR LA CONFIGURACIÓN DE LA PÁGINA Y GUARDAR COMO PLANTILLA
E n el menú Archivo seleccionamos "Configurar página" y nos aparecen tanto los tamaños de la
página como los márgenes de impresión
En las opciones avanzadas podemos personalizar medidas, guías de márgenes, cambiar a
folleto u otro tipo de publicación o pasar a publicación web, en la que el tamaño se establecerá
en píxeles en lugar de cm.
Cuando hayamos hecho todos los cambios necesarios, vamos al menú Archivo, Guardar como
y en el menú desplegable de "tipo" seleccionamos "Plantilla de Publisher". Da un nombre a tu
plantilla para que puedas encontrarla posteriormente.
Cómo crear mi material gráfico de señalética para comercio Página 15
16. Tema 3: Generar codigos QR (BIDI)
Existen varios sitios web que nos permiten generar un código QR para que nuestras
publicaciones impresas permitan que los clientes puedan visitar nuestras redes sociales, blog,
página web...
Uno de ellos es "Códigos QR" http://www.codigos-qr.com/generador-de-codigos-qr/ que nos
permite derivar a una URL u otros como SMS, tarjeta de datos, etc
Otra herramienta muy utili, en este caso coleccionar y compartir enlaces, es BITLY, que
también genera códigos QR a partir de una URL. -
Una vez guardada la URL que nos interesa, pulsamos sobre "View stats" y nos muestra la
siguiente pantalla, en la cual aparece el código. Pulsando sobre el código lo abre en una nueva
pestaña en la que podemos descargarlo.
Cómo crear mi material gráfico de señalética para comercio Página 16
17. Además de esto Bitly nos da estadísticas sobre la actividad (clicks) del enlace que hemos
guardado: cuántos clicks, de dónde proceden, etc.
EJERCICIO FINAL CREAMOS NUESTRO MATERIAL DE PROMOCIONES
Vamos a crear diferentes publicaciones para 3 comercios. Los comercios son:
• HORSELAND: tienda de artículos para la equitación, tanto para el caballo como para el
jinete
• MUNDU IZOZTUA: heladería de helados y batidos artesanos. También derivados como
galletas, barquillos y otros. Se pueden consumir en el local o comprar para llevar a casa.
• PAPELERIA ARTABE: artículos de papelería, material de oficina y escolar
Los elementos que tenemos que crear son los siguientes:
• Hoja en A4 con etiquetas para los precios
• Hoja en A4 con etiquetas de precios de rebajas o promociones (Antes y ahora, por
ejemplo)
Cómo crear mi material gráfico de señalética para comercio Página 17
18. • Folleto para hacerse la tarjeta de fidelización, para recoger datos de los clientes e
informarles sobre la LOPD (trabajar las 2 caras). Tamaño libre.
• Cartel en A3 de una promoción, indicando fechas de validez (elegís una de la que habéis
preparado en los días anteriores)
• Cartel novedades, promociones y actos de animación esta semana, en tamaño A2 vertical
• Vale descuento o vale para próxima compra
• Publicación para anunciar los próximos actos de animación en Facebook (como si fuera un
cartel pero para publicación web)
Nos dividimos en tres grupos y repartimos el trabajo. Si nos da tiempo cada miembro del grupo
hace todos los tipos de publicaciones. Subimos al grupo de Facebook los archivos que hemos
creado, convirtiéndolos a formato JPG, para compartir con todos los compañeros.
Cómo crear mi material gráfico de señalética para comercio Página 18
19. PARA TRABAJAR EN PUBLISHER VAMOS A NECESITAR LOS SIGUIENTES DATOS
Horseland:
Combinación de fuentes: EastMarket y BEBAS
Colores CMYK:
ROJO VERDE
C 50 37
M 93 15
Y 42 47
K 35 0
Mundu izoztua:
Combinación de fuentes: GochiHand y Kartika
Colores CMYK:
MARRON BEIGE Fresa Chocolate Plátano Menta
C 50 37 28 52 16 60
M 93 15 100 62 10 1
Y 42 47 100 67 85 71
K 35 0 34 33 0 0
Papelería Artabe:
Combinación de fuentes: Whattimeisit? y Pacifico
Colores CMYK
GRIS TURQUESA
C 71 83
M 66 37
Y 61 57
K 63 16
Cómo crear mi material gráfico de señalética para comercio Página 19