Diseño y Comunicación MODULO UNO La marca Diseño de logotipo 1
La importancia de la marca Del mismo modo que las personas tenemos un nombre, los emprendimientos necesitan tener nombre para ser identificados entre los demás, y ese nombre es la marca. Se entiende por marca a toda palabra, signo o juego de palabras que identifique a un producto, servicio u organización. La marca estará compuesta por la palabra propiamente dicha y por el logotipo (su identificación visual). La palabra que nombra a nuestra marca existe por si sola (por ejemplo Programa MiPC), a esta palabra se la puede escribir a mano alzada, en máquina de escribir, en una computadora o sobre un pizarrón con tiza, y seguirá siendo una palabra. En cambio al logotipo se lo identifica visualmente, es único, es la representación visual de nuestra marca. Palabra: Programa MiPC PROGRAMA MI PC programa mi pc Marca: 2
Qué es una marca registrada? Es la marca de fábrica o de comercio que, inscrita en el registro competente, goza de protección legal. Una marca es un signo, distintivo, que permite diferenciar los productos o servicios de una empresa de los de los demás. Por qué tengo que registrar mi marca? Para que, una vez instalada en el mercado, nadie pueda usarla ni hacerme algún tipo de reclamo. La Ley 22.362, art. 1, describe concretamente lo que se entiende por Marca: "Las marcas comerciales para distinguir productos y servicios pueden incluir, entre otros: una o dos palabras con o sin ningún contenido conceptual, dibujos, emblemas, monogramas, grabados, estampados, imágenes, combinaciones de colores aplicados a un área determinada de un producto o su envase, la envoltura o envase, combinaciones de letras y números con diseño especial, slogans publicitarios, relieves distintivos y todo signos con tal capacidad. De este texto legal se desprende que: nuestra marca puede contener la frase propiamente dicha ( Programa mipc, que identifica al emprendimiento), el logotipo (representación visual) y una frase que funcione a modo de eslogan ( Para la inclusión digital, el acceso informático y la capacitación ). 3
El registro de marcas (en Argentina) se efectúa en el Instituto Nacional de la Propiedad Industrial INPI http://www.inpi.gov.ar Av. Paseo Colón 717 Ciudad de Buenos Aires. El trámite es personal, no hacen falta gestores. El costo del registro es de $400.- por categoría (hay 34 clases de productos y 11 de servicios, dependiendo del rubro en el cual trabajaremos). Las consultas previas son gratuitas, y se pueden realizar personalmente o por medio de un formulario online: http://www.inpi.gov.ar/conweb/parametrosmarca.asp También existen búsquedas fonéticas pagas ($45.- por categoría). Las búsquedas fonéticas se realizan para saber si hay alguna marca registrada que suene parecido a la que deseamos registrar. El trámite total demora poco más de un año. El título de marca registrada vale por 10 años. El registro es válido en el país en que se hizo, en este caso Argentina. Toda la información está disponible en la web del INPI, en su sección marcas: http://www.inpi.gov.ar/templates/marcas_registradas.asp 4
Antes de definir la marca Para que toda la comunicación, e identidad, de nuestro emprendimiento sea coherente, cuando definimos nuestra marca deberemos seguir una serie de pasos para asegurarnos que tanto la marca, como el correo electrónico y la página web (o blog) digan lo mismo. Veámoslo con un ejemplo. Tomaremos la marca hd / HERRAMIENTAS DIGITALES (ya definimos que esta marca comunica lo que deseamos al mercado, y sabemos que la podemos registrar). Empecemos por generar un correo electrónico, en este caso lo haremos en http://gmail.com, que es la plataforma gratuita de Google. En la pantalla que aparece seleccionamos el recuadro [CREAR UNA CUENTA]. 5
Nos queda completar los datos solicitados. Nombre: Puede ser nuestro nombre real o uno de fantasía, en este caso usamos Herramientas Digitales. Nombre de usuario: Lo que pongamos en este campo será lo que utilizaremos cada vez que comuniquemos nuestro correo electrónico. En este caso probamos con herramientasdigitales y ya estaba usado (el sistema nos avisa), por ese motivo elegimos herram.digit. Por lo tanto nuestro correo-e será herram.digit@gmail.com Contraseña: Debemos elegir una que tenga más de seis caracteres, debe ser fácil de recordar pero no previsible, así será más difícil que alguien pueda adivinarla. No conviene utilizar fechas de cumpleaños, secuencias de números -123456 por ejemplo-, ni palabras relacionadas con el correo-e. Fecha de nacimiento y sexo: cuándo nacimos y si somos H o M. Teléfono móvil: no es indispensable, lo ponemos si queremos. Demuéstranos que no eres un robot: tenemos que escribir las palabras que vemos en pantalla. Ubicación: en qué país estamos (Argentina). Y luego aceptar las condiciones del servicio. Hacemos click sobre el botón [SIGUIENTE PASO]... 6
Y listo, ya tenemos nuestro nuevo correo electrónico si hacemos click sobre el botón [IR A GMAIL] podremos acceder a él. Cada vez que deseemos trabajar con nuestro correo-e nos dirigiremos a http://gmail.com y accederemos con nuestro usuario (herram.digit) y nuestra contraseña. 7
Ahora veamos el registro de nuestra página web. Para que nuestro emprendimiento cuente con presencia en internet debemos desarrollar una página web o un blog. La principal diferencia entre estas dos posibilidades radica en el hecho de la simplicidad de uso (para quien debe diseñarla, desarrollarla y mantenerla) y de lo que podremos incluir. Por ejemplo, si necesitamos contar con un carrito de compras (para tener comercio electrónico propio) necesitaremos desarrollar una página web, con un blog no nos alcanzará. El desarrollo de una página web requiere de la participación de un diseñador y de un programador, servicios estos que deberíamos contratar si escapan a nuestros conocimientos; en cambio el desarrollo de un blog se realiza a partir de un sistema que está preparado para que nuestro trabajo se simplifique y lo podamos hacer nosotros mismos. Claro está que cuando elegimos desarrollar una página web (con un diseñador y un programador) casi no tenemos límites, ya que el resultado dependerá de lo que estemos dispuestos a desarrollar y no del sistema en sí mismo; en cambio los blogs están más limitados, ya que trabajan sobre pautas preestablecidas. En el caso de pequeñas organizaciones sociales o microemprendimientos un blog suele ser suficiente para comunicar nuestros servicios, productos o beneficios y tener presencia en internet. Tanto las páginas web, como los blogs, cuentan con un dominio. El dominio es lo que escribimos en el navegador de internet a continuación de www. (por ejemplo www.programamipc.gov.ar). Estos dominios se registran. En el caso de los blogs dentro del propio sistema de blogs y en el caso de las webs -en Argentina- el trámite se hace desde la web http://nic.ar 8
Por más que decidamos desarrollar un blog, sería conveninete que registremos el dominio web para nuestro emprendimiento, así si en el futuro lo deseamos usar estará disponible a nuestro nombre. En nuestro país esto se realiza de manera gratuita y está gestinado por la Cancillería Argentina. Los dominios comerciales argentinos terminan con.com.ar y los de organizaciones sin fines de lucro en.org.ar. El dominio http://www.programamipc.gov.ar/ termina en.gov.ar porque es un dominio gestionado por una entidad gubernamental. Veamos como se hace. Accedemos a la web http://nic.ar En la página de inicio aparece el formulario para la Consulta de dominios. Tan solo debemos escribir el que deseemos registrar (extensión máxima de 19 caracteres), en nuestro caso herramdigit.com.ar (sin espacios ni puntos, ni caracteres especiales) y darle click sobre el botón [BUSCAR]... 9
herramdigit.com.ar se encuentra disponible, paso siguiente registrarlo, para ello hacemos click en donde nos indica la web. A continuación el sistema nos irá guiando por una serie de pasos hasta llegar al registro final, o a la reserva del dominio. En este caso haremos una reserva, ya que para efectuar el registro final deberíamos tener los números DNS que salen del proveedor del hosting de nuestra web, estos números y la etapa final del trámite de registro se realiza una vez que contratamos a un programador y a una empresa en donde alojaremos la web, en esta etapa de reserva no nos hace falta. 10
Los pasos 2 y 3 son los que registrarán los datos de la entidad y la persona registrante. En el caso de ser un emprendedor unipersonal serán los mismos datos, en el caso de ser una empresa o una organización estos datos variarán. Hasta que arribaremos al final del camino (en esta etapa de reserva del dominio) con esta pantalla, en la cual seleccionaremos la opción [RESERVAR]. El dominio ya es nuestro. Una vez al año nos llegará un correo electrónico, desde nic.ar, que os indicará el paso a seguir para volver a reservarlo o registrarlo. 11
Llegó el turno del blog Ya tenemos reservado el dominio web, al cual podremos usar en el futuro, ahora trabajaremos sobre el registro de nuestro blog. En el próximo módulo (hd Módulo dos) diseñaremos dicho blog. En la actualidad existen diversas plataforma de blogs gratuitos, las más difundidas son Blogger (http://www.blogger.com) y WordPress (http://www.wordpress.com). Vamos a registrar nuestro blog en ambas, luego elegiremos cuál usar para el diseño y desarrollo. Blogger Este sistema de blogs gratuitos es de Google, trabaja con la misma cuenta (usuario) que GMail (en donde registramos nuestro correo electrónico herram.digit@gmail.com). Para acceder a él nos dirigiremos a la web http://www.blogger.com y como ya tenemos usuario y contraseña de GMail, los usaremos para ingresar: en correo electrónico ponemos el que abrimos en GMail y en contraseña la elegida en ese momento. 12
Una vez que ingresamos seleccionaremos la opción [CREAR UN PERFIL DE BLOGGER LIMITADO]. A continuación podemos definir el nombre que mostrará nuestro blog (puede ser el nombre completo de nuestro emprendimiento) en este caso herramientas digitales, luego click en [CONTINUAR EN BLOGGER]. 13
Llegamos al punto en donde crearemos nuestro blog, para lo cual elegimos la opción [NUEVO BLOG] En el recuadro Título aparece lo que definimos anteriormente en Nombre mostrado, en el de Dirección elegiremos el dominio propiamente dicho. Este dominio se compone por nombre.blogspot.com En este caso herram-digit.blogspot.com Esto quiere decir que cuando en un navegador web escribamos http://herram-digit.blogspot.com visitaremos nuestro blog. En Plantilla, por ahora, elegiremos Simple y click en [CREAR BLOG] 14
Nuestro blog está activo, así se ve (por ahora), el título del blog herramientas digitales, y la dirección web (dominio) http://www.herramdigit.blogspot.com En esta instancia tenemos: correo electrónico: herram.digt@gmail.com dominio web www.herramdigit.com.ar blog en Blogger http://www.herram-digit.blogspot.com ahora definiremos otro blog en WordPres. La idea de estas opciones es que ustedes puedan elegir la plataforma en que desean realizarlo. 15
WordPress Esta plataforma de blogs se puede utilizar tanto en su versión gratuita (desarrollada mediante software libre), como en su opción paga, la cual agrega diversas posibilidades extra. Para la instancia en que estamos la opción gratuita es más que suficiente. Para empezar accedemos a la página http://es.wordpress.com Una vez en ella hacemos click en el botón [EMPIEZA AQUI] 16
Este nos llevará a la página en donde configuraremos las diferentes posibilidades (usuario, dominio, correo electrónico, etc). En Dirección del Blog es donde elegiremos el dominio del mismo, en este caso herramdigit.wordpress.com También elegiremos el nombre de Usuario, la Contraseña de acceso y agregaremos el correo electrónico relacionado con el blog, además del lenguaje a utilizar (en nuestro caso Español). En la parte inferior nos da la posibilidad de elegir entre las versiones gratuita (FREE) y la paga, en este caso elegiremos la gratuita haciendo click en el botón [CREATE BLOG] 17
Y listo, ya está en línea nuestro blog de WordPress, en la url http://herramdigit. wordpress.com/ Como ya dijimos, en el próximo módulo (hd Módulo dos) diseñaremos dicho blog. Ya tenemos correo electrónico, dominio web y dominio de dos blogs, ahora sí a diseñar nuestro logotipo. 18
Diseño de logotipo Anteriormente dijimos que la marca estará compuesta por la palabra propiamente dicha y por el logotipo (su identificación visual). Ahora trabajaremos en el diseño de ese logotipo, utilizando un programa de dibujo vectorial llamado InkScape, que se puede descargar, libre y gratis de: http://www.inkscape.org/?lang=es, (versiones GNU/Linux, Windows y OSX (Macintosh). Los programas de dibujo vectorial trabajan mediante la utilización de puntos, líneas, curvas y polígonos. Lo producido con este tipo de aplicación nos permite una amplia flexibilidad al momento de modificar el gráfico resultante. Son los indicados para producir logotipos, gráficos y diagramas que vayan a ser utilizados de diversas formas (por ejemplo para web, impresión color, fotocopias, envío por correo-e y gigantografías). Además de InkScape -libre y gratuito- podemos utilizar AdobeIllustrator o CorelDraw, ambas aplicaciones al ser comerciales requieren que compremos una licencia de uso. 19
El logotipo paso a paso Las palabras que definen a nuestra marca son hd / herramientas digitales y el eslogan Recursos para el emprendedor. Diseñaremos primero el logo hd y luego le aplicaremos las palabras completas herramientas digitales y el eslogan. Para empezar abriremos InkScape y definiremos una página tamaño A4 apaisado (297x210mm). Trabajaremos en este tamaño ya que es el utilizan casi todas las impresoras de escritorio. Además nos aseguraremos que las unidades estén en mm. 20
Una costumbre sana, siempre que trabajemos en una computadora es GUARDAR lo que estamos haciendo, apenas empezamos a hacerlo, y continuar guardándolo de manera periódica. De esta manera evitaremos dolores de cabeza si el equipo se apaga o si el programa falla. Para guardar este trabajo previamente definimos una carpeta nueva, dentro de DOCUMENTOS, llamada hd-marca-tutorial. En este caso iremos al menú ARCHIVO, elegiremos la opción GUARDA COMO y en la ventana que se abre le podremos el nombre al trabajo -hd-logo.svg- y lo guardaremos en la carpeta hd-marca tutorial, observen que automáticamente se agregó la extensión.svg que define el tipo de archivo que es, en este caso un archivo de gráficos vectoriales. Gracias a esta extensión, el sistema sabrá de qué tipo de archivo se trata y lo podrá volver a abrir las veces que sea necesario. 21
Una vez definida la página, con la herramienta de escritura (1) escribimos las letras hd (2), elegimos la tipografía -DejaVu Serif- (3) y le asignamos el cuerpo -400- y el espesor -negrita- (4), como color usaremos negro pleno -K 100- tomándolo de la paleta CMYK -colores para impresión- (5). 22
Ya tenemos la tipografía del logo elegida, pintada con color negro y en el tamaño que deseamos (como estamos utilizando un programa de dibujo vectorial, una vez finalizado el logo podremos aplicarlo al tamaño que necesitemos, el hecho de haberlo hecho en una hoja A4 es solo a los hechos de imprimirlo en una impresora de escritorio para ver como queda). Lo que haremos ahora es transformar la tipografía en un objeto, para que el archivo no dependa de esta tipografía (esto se hace para que se pueda visualizar correctamente en cualquier computadora aunque no tenga esa tipografia en el sistema). Con la herramienta de seleccionar objetos (7) haremos click sobre el logo (6) y seleccionaremos en el menú TRAYECTO la opción OBJETO A TRAYECTO (8). El logo ya es un dibujo y no dependerá de contar con la tipografía utilizada. 23
Con la herramienta de dibujo vectorial (9) trazaremos las dos formas que harán las veces de relleno de los ojos de las letras (10), el pintado de las mismas será en colores CMYK C:100 / M:0 / Y:0 / K:30 (12). La última opción (letra A) al estar selecionada en valor 100 indicará que es el color pleno, sin transparencia; si este número fuese menor, por ejemplo 50, el color sería semi transparente sobre el fondo. Una vez elegido el color podríamos seleccionar la paleta RGB, por ejemplo, y los colores se convertirían automáticamente a los aptos para internet. (ver hd Módulo 0). 24
Con la misma herramienta de seleccionar objetos (7), hacemos click sobre ambas figuras celestes (13) y desde el menú OBJETO elegimos BAJAR AL FONDO (14) para que estas formas queden por detrás de la tipografía hd. El resultado final, nuestro logotipo hd. 25
Si necesitamos el logo en algún otro formato distinto al.svg, por ejemplo para ser usado en un programa distinto a InkScape, lo que hacemos es elegir el menú ARCHIVO GUARDAR COMO y buscar el formato más adecuado a nuestras necesidades. El formato universal, que sirve en casi cualquier aplicación gráfica es el Portable Document Format (.pdf). El archivo resultante se llamará igual que el original (hd-logo) pero en este caso con la extensión elegida (.pdf por ejemplo). Esta explicación está también disponible en video: http://youtu.be/xf8byqrjdec 26
Producido por Mario Spina para el ProgramaMiPC Ministerio de Industria, Presidencia de la Nación, República Argentina 2012 Se permite su reproducción sin fines comerciales, siempre y cuando se mencione la fuente: http://www.programamipc.gov.ar 27