Menos es más: información eficaz en diseño gráfico.

Recientemente pasé por delante de un negocio y traté de entender algo en su nuevo letrero luminoso. A decir verdad, incluso reduciendo la marcha no entendí nada y es así como surgió la idea de explicar cómo afronto la información dependiendo del tipo de formato de destino.

Un soporte de gran formato debe ofrecer una lectura sencilla, cómoda y ordenada. ¿A qué tipo de formato me refiero? Principalmente lonas, vayas publicitarias y letreros. Para este tipo de anuncios debemos seleccionar 3 mensajes breves, puesto que la información se puede recibir en un tiempo de atención limitado. Mi sugerencia es:  1) Nombre de la empresa 2) Actividad, evento u oferta 3) Contacto.

Esta vaya publicitaria indica claramente una actividad en un lugar y cómo llegar, sin abusar de texto.

 

¿Qué otros detalles son importantes? Contrastar bien las tipografías con el fondo, a ser posible no poner más de 2 tipos de letra, evitar que el texto supere el 40% del área y decidir si procede utilizar alguna imagen o logotipo. El ejemplo anterior cumple con los requisitos de un anuncio efectivo, legible y atractivo. ¿Qué podía haber fallado? que el tamaño y forma de la letra no fuera suficientemente legible o bien que aparecen mezclados varios tipos de letra (tipografías).

Esta es una composición arriesgada pero efectiva. Aparentemente no se mezclan tipografías, hay tres áreas de mensajes y el texto, el cual parece bien contrastado, y este toma tamaño acorde al orden de lectura deseado.
Este último ejemplo es muy representativo de talleres, recambios y tiendas de motos. Prevalece colocar una serie de marcas y aparece el logotipo, pero faltan los datos de contacto (web y/o teléfono). Vamos a pensar que el faldón metálico hubiera servido de soporte para estos datos. A menudo estos letreros luminosos se llenan de símbolos y actividades ofertadas, por exigencia de las marcas, y el resultado acaba siendo un despropósito.
Como ejemplo final, vemos a la izquierda la típica lona interior, que da un exceso de información y evita la comunicación oral humana, y es de gran uso en grandes superficies. A la derecha un flyer o folleto de calle, bien diseñado pero con la muy probable finalidad de acabar en el suelo en cuestión de segundos o en la papelera.

¿Cómo serán los negocios en el futuro? Probablemente simplificarán su información de fachada y será accesible por internet u otra versión superior. La publicidad de calle se ofrecerá desde puntos de información externos y  aparecerán ofertas en nuestros dispositivos móviles al pasar por delante de los mismos.

Tutorial: El objeto inteligente versus la imagen rasteriazada en Photoshop. Comportamiento, ventajas e inconvenientes.




Una forma para mantener la información original de una imagen de photoshop es convertirla en objeto inteligente. Con los diferentes ejemplos que muestro en el vídeo comprenderás de manera sencilla la diferencia entre una imagen rasterizada y otra que puede ser distorsionada tantas veces como sea necesario sin perder su apariencia. No todo son ventajas, ni tampoco es lógico que llenemos una composición de objetos inteligentes, pero sí sería adecuado el uso de los mismos, por ejemplo cuando realizamos un cartel promocional, para colocar los logotipos de los patrocinadores.

Tutorial: orden visual de capas en PS CS6 y problemas de compatibilidad con PS CS5.




Aquí abordo con sencillez un caso práctico. Una vez grabada la imagen de un «planificador», veo que en la versión CS5 no se cargan adecuadamente algunos  estilos de capa (opciones de fusión:  superposición de colores), pero sugiero una solución práctica. A decir verdad, cuando trabajamos alineando y distribuyendo múltiples objetos, es preferible usar un programa vectorial (Corel Draw o Adobe Illustrator), y luego ya habrá tiempo de aplicar algún efecto extra en photoshop.

Mi experiencia me dice que las versiones superiores a veces presentan fuertes problemas de incompatibilidad con las anteriores. Hasta ahora, al menos, Photoshop ha hecho muy compatibles las versiones CS a CS5. El tiempo dirá si CS6 ha sido una gran evolución. Ya he visto incompatibilidad y fallos entre la mayoría de las versiones de los programas de diseño actuales. Por tanto, nuestra mejor herramienta para prever y solucionar problemas de casos prácticos es la inteligencia.

Rediseño o restyling de una marca. Acierto o error.

Existen numerosos motivos por los cuales podríamos rediseñar una marca (logo y/o anagrama), pero no siempre el resultado es convincente. En ocasiones se rediseña para subsanar errores, otras para expandirse a un nuevo mercado, adaptarse a la estética y medios de una época, procurar que el logotipo se pueda emplear en diferentes medios impresos y visuales, capricho, simplificar la lectura visual, etc. Os propongo estos ejemplos y mi opinión personal:

El logotipo inicial de Apple fue diseñado por Steve Jobs y Ronald Wayne. En realidad era una ilustración que representaba a Isaac Newton sentado bajo el manzano que le llevaría a formular la ley de gravitación universal. Luego, Rob Janoff diseñó el primer logotipo de Apple con un arco iris dentro la manzana y una mordedura fuera de ella, así no sería reconocida con otra fruta. Desde que Apple lanzó los iMac optó por el plateado en degradados y estética tridimensional. Curiosamente, esta compañía siempre ha funcionado con un anagrama extraño pero a su vez justificado. Acierto.

Msn contaba con una mariposa y una tipografía convincentes, pero ha pasado a tener una tipografía neutra-débil y una mariposa algo más abstracta. Error.

Repsol, anque ya contaba con un buen diseño corporativo ha apostado por una estética tridimensional. Acierto.

El nuevo anagrama de Pepsi resulta poco convinciente y su tendencia asimétrica no convence. Se ha perdido la tridimensionalidad y del logotipo pero se ha simplificado su reproducción. Esto se podría interpretar como un modo de llegar a un nuevo público, con un producto consolidado, pero ahorrando en algunos casos en costes de reproducción. ¿Error o acierto?

BP, manteniendo los colores, apostó por una flor (2000) en lugar de un escudo (1989). Mientras que el escudo tiene connotaciones de fuerza, la flor indica una apuesta por el respeto al medio ambiente. Al margen de si se debe interpretar como una manipulación de mentes de consumo o no, la mejora es notoria. Acierto.

Nike partía de un logotipo confuso, colocó sus letras adecuadamente y una vez consolidada la marca a nivel mundial se ha simplificado a un trazo identificativo. ¿Error o acierto?

Shell ha prescindido de su texto, pues ha llegado un momento en el que la marca ya es reconocible y han preferido simplificar su imagen a un anagrama. ¿Error o acierto?

Las imágenes de los logotipos con fechas numeradas están tomadas de estos artículos: artículo1, articulo2. Y si tenéis curiosidad por saber cuanto pagan las grandes compañías por un rediseño, aquí os dejo un enlace. ¡Son cantidades impensables!

Conclusiones: 1) Cuando una compañía es reconocida a nivel internacional, a veces se decide que se puede prescindir del uso del nombre, porque el usuario identifica la estética y la marca tiene preferencia sobre otras marcas de consumo. 2) Los logotipos y anagramas van cambiando para adaptarse a modas y estéticas visuales, con el fin de llegar a un público determinado. 3) No siempre el cambio es un acierto.

El Briefing y la creación de una Imagen Corporativa.

El término «briefing» hace referencia a un informe que es obtenido a partir de un cuestionario. Ese cuesionario debe ser muy completo y con preguntas específicas que ayuden a orientar las pautas de trabajo. Recuerda, sólo se hace un briefing a un cliente solvente y honesto.

He aquí algunos enlaces a ejemplos de briefs orientativos:

http://www.terras.edu.ar/aula/tecnicatura/19/biblio/19GUIA_GENERAL_PARA_CREAR_UN_BRIEF_INFORMATIVO.pdf
http://insomnium.espacioblog.com/post/2008/02/21/como-debe-ser-brief-un-logotipo
http://www.terras.edu.ar/aula/tecnicatura/19/biblio/19GUIA_GENERAL_PARA_CREAR_UN_BRIEF_INFORMATIVO.pdf
http://iecolombia.com/know-how/brief
 

Mi consejo es que te bases en ellos pero realices tu propia plantilla en función de las necesidades del cliente. Verás que hemos hemos recopilado información haciendo una especie de interrogatorio, como si se tratase de un informe pericial.

¿Quién debe estar presente en brief?

Básicamente la empresa o clientes, por otra parte en primer lugar el comercial que hará las presentaciones y finalmente una o más personas con capacidad para gestionar las labores de marketing, publicidad, creatividad y diseño. Habitualmente se da el caso habitual de un trato directo entre el cliente y el diseñador freelance que asume todas las funciones mencionadas.

Una vez obtenido este informe previo, se conocen las necesidades del cliente y es momento de presentar un presupuesto. Posiblemente nuestro cliente pida bocetos sin pagar nada, pero no hay necesidad de trabajar gratis. Hay que evitar la picaresca y rechazar clientes ventajistas.

¿Qué puede contener nuestro presupuesto?

Debe indicar los modos y plazos de pago, las fases de entrega, fechas de entrevistas orientativas y, por supuesto, una lista detallada de los productos que van a ser entregados (ej: página web y alta en redes sociales, diseño de uniformes, papelería, cartelería, rotulación de vehículos, etc).

¿Cómo realizar la entrega y presentación del producto final?

– En soporte material: Manual de imagen corporativa en formato físico (libro encuadernado) que recoja las pautas de comportamiento del logotipo, anagrama o marca, en diferentes medios físicos o digitales.

– En soporte digital: ej. DVD, USB, con instrucciones específicas, manual corporativo en formato PDF, y archivos de diseño para diferentes soportes. Los tamaños y resoluciones deben estar optimizados; los colores deben estar indicados con sus aproximaciones en modos de color CMYK, RGB, hexadecimal y pantone; los formatos vectoriales deben estandarizarse y a ser posible ser varios para el mismo diseño.

Ejemplos de manuales de identidad visual o imagen corporativa visibles en internet que te ayudarán a establecer pautas:

http://euitiz.unizar.es/es/imagencorporativa.php
http://www.imart.es/descargas/manual_IMART100308.pdf
http://www.turismochajari.gov.ar/Manual_de_Identidad_Corporativa.pdf
http://www.donostiakultura.com/images/500_noticias/530_gabinete_de_prensa/manual-identidad-corporativa.pdf
http://www.monasteriodeyuso.org/yuso/imagen_corporativa.html
http://www.gobcan.es/identidadgrafica/manual_identidad_grafica/manual_desglosado/simbolos_de_identidad.pdf
http://nuqleo.files.wordpress.com/2011/11/manual_corporativo_oneo.pdf
http://www.aena.es/csee/ccurl/266/955/Manual%20de%20Imagen%20Corporativa%20de%20Aena.pdf
http://www.unileon.es/universidad/servicios/identidad-visual-corporativa
http://www.tecnun.es/fileadmin/prensa/igrafica/manual_tecnun.pdf
 

¿Ha acabado nuestro trabajo una vez entregada la imagen corporativa? No, es ahora cuando el cliente hace uso de ese manual y comienza a invertir con acierto, pero a ser posible con nuestro asesoramiento y con un trato excelente que nos diferenciará de la competencia. Un buen comercial no se olvida de su cliente, ni trata de exprimirlo, sino que se preocupa por él y le orienta, procurando mantener contacto.

¿Para qué ha servido hacer un briefing? ¿Para qué se ha entregado un manual de identidad corporativa?  Mediante la presentación de este material obtendrá las directrices para presentar su empresa con acierto.

Logotipo, anagrama y marca. Características formales.

Muchas veces veo confusamente en internet que se generaliza el uso de la palabra logotipo para hacer referencia a una marca o a un anagrama. Voy a referirme en esta entrada a cada uno por separado para intentar que queden los conceptos diferenciados.

LOGOTIPO

Se trata de un texto (abreviaturas, cifras, acrónimos, etc), con un tipo de letra o más, que debe incluir en la medida de lo posible aspectos diferenciadores para hacer alusión a una actividad.

Continue reading «Logotipo, anagrama y marca. Características formales.»

La rotulación en vinilo de fibra de carbono y el concepto de mímesis

Una de las modas más extendidas en esta época es la rotulación de vehículos y otros objetos modernos en vinilo. en concreto, el más usado es el vinilo de acabado de fibra de carbono, muy en auge, cada vez más fundido, y ahora en diferentes gamas cromáticas. Los fabricantes más exigentes aseguran que su producto se aplica con gran facilidad y sin crear molestas burbujas, por estar dotados de sistema air-free.

¿Se ha hecho algo similar con anterioridad? Sí, como concepto de imitación o mímesis. Desde el pasado ha sido habitual ver falsas pátinas en metal y barro, decorados escénicos y trampantojos, prendas de vestir de patronaje animal o vegetal, tintes para madera, y un largo etcétera. Conclusión: nada ha sido realmente inventado, el hombre observa su entorno, imita, inventa y reinventa.

https://www.youtube.com/watch?v=qvkyrPLfDQk

Es storyboard aplicado a la infografía.

Ayer tuve el placer de visitar Placenta Studio. Allí me llamó la atención un stoyboard del año 2009 para una infografía llamada «volcanic Experience». Pedí a su autor, J.M. Vega, permiso para su reproducción y comentarlo en mi web.

Os preguntaréis: ¿Qué es un storyboard?

Se trata básicamente de un guión gráfico en el cual se puede indicar una descripción de escenas con puede llevar un nombre específico y descripción, narración,  tipo de plano, movimiento de cámara, luces,  duración, etc.

El resultado lo podeis ver en el este enlace y os aconsejo que visiteis www.PLACENTASTUDIO.com para ver ejemplos similares o mejores.

Tutorial: aplicar, crear y automatizar acciones en Adobe Photoshop

A menudo nos vemos en la necesidad de repetir una serie de pasos en imágenes diferentes. Alguien pensó en esto cuando crearon Adobe Photoshop y hoy aprovecho a introduciros a las mismas en un tutorial improvisado.




http://www.elwebmaster.com/wp-content/uploads/2008/04/acciones-panel-photoshop.jpgEn primer lugar os indico en qué zona dónde localizarlas y cómo se aplican. Seguido vemos la importancia de la ventana de historia a la hora de revertir pasos, así como la opción «volver» para regresar a la imagen original. Finalmente la ventana de información, nos indica la medida de la imagen en las unidades que tengamos en vigor (px, mm, cm,etc). A continuación creamos 3 acciones, 2 sencillas y una algo más compleja, para comprobar el tiempo de aplicación. Como última parte del vídeo comprobamos cómo photosop es capaz de automatizar acciones sobre un lote de imágenes en tiempo record.

Efectos espectaculares con vinilo fundido




El vinilo fundido es conocido por su gran capacidad de adaptación a superficies planas, curvas y convexas, remaches, etc. Se suele imprimir con tintas solventes y se lamina posteriormente para dar mayor resistencia a los factores externos.

En el vídeo vemos como los especialistas en este tipo de rotulación colocan, despegan y recolocan el vinilo. Para ello meten bastantes tirones y hacen acabados con cutter y soplete. Por desgracia, en la práctica algunos vinilos fundidos o semifundidos no permiten su recolocación, pero en la práctica he observado excelentes resultados comenzando la rotulación en húmedo y terminando con pistola de calor del tipo decapante.

Su ventaja fundamental es su resultado visual y su inconveniente habitual el precio elevado.