Curso crea señaletica atractiva para tu comercio

Cómo crear mi material gráfico de señalética para comercio Página 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

Diseño de Positive Zero


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


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


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


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.

http://sobrecolores.blogspot.com/2008/01/colores-complementarios.html


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


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.

Nuestra pantalla de trabajo está formada por:


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.


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.


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.


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


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"


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.


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


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.


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.


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)


• 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.


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

Curso crea señaletica atractiva para tu comercio

Education

Transcript of Curso crea señaletica atractiva para tu comercio