Manual de Personajes
Identidad grรกfica
Concepto rector
Fresco
atardecer Concepto principal
vacaciones bienestar
higiene
calma
fluidez limpieza
orden
salud
seguridad
Valores de comunicaciรณn
Con el concepto fresco atardecer buscamos que la grรกfica que describe a la marca BIOTEC clean mantenga una identidad que principalmente comunique limpieza, salubridad e higiene. Con las ilustraciones de mascotas retomaremos elementos como la textura del agua, burbujas, espuma de mar y con el complemento atardecer lograremos una paleta de color divertida, contrastante y que pueda recordarnos a una tarde en la playa, al orden de tu espacio de trabajo o a la calidez del hogar a las cinco de la tarde.
Tipografía Pacífico: Esta tipografía script nos ayudará a resaltar textos como el nombre de producto,sus ingredientes que lo distinguen o promocionales. Al ser una tipografía cursiva complementa el concepto de fluidez de las mascotas de la marca y le da dinamismo a la etiqueta. Raleway: Es una fuente completa de palo seco por lo tanto es fácil de leer siendo útil para párrafos largos como el contenido químico del producto, instrucciones de uso y leyendas que son requeridos por la norma en esta categoría de productos. *Las familias tipograficas se encuentran en la carpeta “Tipografías” del kit.
Agua
(prosa poética de naturaleza)
En el agua de un río asomaban los dedos transparentes del tiempo. Se deslizó por ella mi mano y la corriente entonces me agarró; me arrastró entera hacia su hondo recuerdo de cimas. Y fui hoja flotante… Me asombraba al reflejar la paz del cielo mientras cabalgaba en un lomo claro y alegre. También fui gota única y esencial: espejo de frescura para las liebres sedientas. Y luego cuerpo pasional de cascada. Fluí… Hasta que mi alma gimió el secreto de la vida. *** Texto “Ser río” de “Buenos días, Pirineos”
Ejemplo de complemento tipográfico
Paleta de color primaria
RGB R:139 G:213 B:232 8BD5E8
CMYK C:42 M:0 Y:7 K:0
RGB R:46 G:145 B:167 2E91A7
CMYK C:78 M:28 Y:28 K:1
RGB R:126 G:195 B:223 7EC3DF
CMYK C:48 M:7 Y:7 K:0
RGB R:232 G:237 B:236 E8EDEC
CMYK C:8 M:3 Y:5 K:0
RGB R:38 G:74 B:91 264A5B
CMYK C:88 M:63 Y:46 K:31
RGB R:86 G:120 B:178 5678B2
CMYK C:72 M:51 Y:6 K:0
RGB R:22 G:55 B:63 16373F
CMYK C:88.75 M:63.02 Y:56.38 K:51.24
Paleta de color secundaria
RGB R:239 G:62 B:64 EF3E40
RGB R:204 G:154 B:198 CC9AC6
CMYK C:0 M:91 Y:78 K:0
CMYK C:18 M:44 Y:0 K:0
RGB R:247 G:161 B:163 F7A1A3
RGB R:141 G:83 B:161 8D53A1
CMYK C:0 M:45 Y:24 K:0
CMYK C:51 M:80 Y:0 K:0
RGB R:244 G:165 B:46 F4A52E
RGB R:115 G:75 B:117 734B75
CMYK C:2 M:40 Y:93 K:0
CMYK C:60.49 M:79.37 Y:29.47 K:11.04
RGB R:254 G:221 B:113 FEDD71
RGB R:183 G:212 B:54 B7D436
CMYK C:1 M:11 Y:67 K:0
CMYK C:33 M:0 Y:98 K:0
RGB R:147 G:165 B:58 93A53A
CMYK C:47.28 M:21.07 Y:100 K:2.12
Texturas
Elementos de apoyo Los elementos de apoyo, colores y texturas pueden ser usados libremente para la creaciรณn de fondos o publicaciones multimedia. Se recomienda usarlos de acuerdo a las secciones que complementan al personaje. En este caso se puede cambiar el color en aquellos elementos simples como estrellas, gotas, objetos del hogar, etc. si el cambio no interfiere con la comunicaciรณn visual del objeto.
Personajes principales
BIOTEC clean
Teens 1
Mascotas
Autos
Teens 2
Bebes
NiĂąos
Posiciones
Notas generales de uso
Modo de uso: Texturas Para usar cualquiera de los colores basta con usar el gotero en los recuadros del archivo “Color y Texturas_BIOTECpersonajes” o tener las imágenes de referencia a la mano. En el caso de las texturas debes abrir el archivo “Color y Texturas_ BIOTECpersonajes” en el kit de personajes, tomar el recuadro de la textura que se desea ocupar , copiarlo y pegarlo en el archivo donde estamos trabajando. Una vez que lo pegas en un nuevo archivo debe aparecer como un color en la ventana de muestras o swatches como se muestra en la imagen 1. Para usarlo solo debes crear una forma y tomar esta muestra de la ventana o con el gotero teniendo seleccionado el contenido de la forma como se muestra en la imagen 2. *No se pueden escalar las formas de los gráficos sin distorsionar el rapport completo *Se puede cambiar el color de las formas dando doble click en el cuadro de muestras (sólo si se duplica la muestra o se perdería el archivo original)
i1: Ventana de muestras con texturas
i2: Contenido del gráfico
Modo de uso: Interacciones Algunos personajes pueden interactuar como la sirena y el buzo o el perro y gato. Para que se vea de manera natural se pueden separar sus extremidades y agruparlas de manera que tenga sentido la profundidad cuidando no cambiar sus proporciones o colores ya que el ser alterados podrían dañar su propósito conceptual o de comunicación. En cualquier otro caso no se recomienda alterar de ninguna manera.
Separación de brazos para cumplir con una acción de “chocalas”
Modo de uso: Outline Cuando el personaje interactúa con un fondo complejo se debe usar un delineador blanco para separarlo de este. La manera de crear el delineado es: 1. Seleccionar el personaje. 2. Copiarlo y pegarlo en el mismo lugar. 3. En la ventana buscatrazos o pathfinder, seleccionar añadir o Add para unir todas las formas.(imagen 1) 4. Colocar el color blanco en relleno y línea de la nueva forma. 5. Colocar los valores que se muestran en la imagen 2 respetando las opciones de línea. 6. Expandir el trazo. 7. Enviar la forma detrás del personaje. 8. Agrupar fondo con el personaje.
i1: Ventana pathfinder
i2: Valores para outline
El personaje debe verse como la imágen 3
i3: Resultado final
Modo de uso: Sombras Si se cambian de posición las extremidades de un personaje o en el caso de los personajes enseñando las manos sus sombras hacen que esta forma se separe del personaje mejorando la percepción de profundidad. Si se desea agregar una sombra que no estaba considerada originalmente los valores son: • •
Azul contrastante al 30% para sombras tenues Azul oscuro al 50% para diferenciar trazos
sombra oscura
sombra tenue
Modo de uso: Composiciones Las composiciones complejas que son el caso de las ilustraciones del hogar no deben modificarse. Cada elemento en la imagen es un trazo complejo, al moverse podría perder alguna de las formas que lo crean y alterar la imagen general o en el peor de los casos dejar un trazo donde no debe ir que podría interpretarse como una mancha a la hora de imprimir Solo se moverán en caso de tener un ancho de etiqueta que no concuerde con las medidas de la ilustración general, se recomienda pedir a la diseñadora hacer dichos cambios.
uso incorrecto
uso correcto
DiseĂąado por: Vera Granados Orendain vera.go.design@gmail.com cel. 55-1239-7717