Listado de la etiqueta: diseño grafico

urban comunicación

El blog, ese gran aliado para posicionar tu web

El marketing de contenidos es la estrategia de marketing más usada y más efectiva para las empresas durante los últimos tiempos. Para realizar una estrategia de contenidos correcta es imprescindible crear un blog que sirva para ofrecer a tus clientes información relevante relacionada con una determinada actividad.

Pero además, un blog que cumpla con ciertos requisitos también sirve para mejorar el posicionamiento web. Te ofrecemos una guía básica con los aspectos que debes cuidar en tu blog para mejorar tu SEO y lograr así atraer más clientes y mejorar las ventas de tu negocio.

Planifica las palabras clave

keyword-planner

El uso de las palabras clave adecuadas para tu sector de negocio es un aspecto fundamental para lograr mejorar tu posicionamiento web.

Cada vez que elaboras un artículo para tu blog debes incluir ciertas palabras claveque ayuden a Google a conocer de qué trata tu página web y con ello mejorar tu SEO.

Para conocer qué palabras clave usar debes utilizar en tus post te recomendamos la herramienta de palabras clave de google Adwords o planificador de palabras clave. Gracias a esta increible (y gratuita herramienta de google) podrás conocer aspectos tan interesantes como competencia, promedio de búsquedas mensuales de una keyword en concreto o bien investigar más acerca de ideas de palabras clave relacionadas que nos proporciona la herramienta. Conocer estos datos te ayudará a decidir que palabras clave debes atacar con tu estrategia de marketing de contenidos. Otras herramientas interesantes son semrush o Xovi, ambas son herramientas de pago pero son muy valiosas para crear una buena estrategia de marketing de contenidos o bien comprobar el ranking de las palabras clave posicionadas de un sitio web. También son herramientas perfectas para estudiar a tu competencia y conocer más acerca de la estrategia que están utilizando para su posicionamiento.

Te recomendamos tener siempre en cuenta el nivel de competencia y el rédito que puedes lograr con tus keywords antes de escribir un artículo. Esta parte es fundamental en tu estrategia de marketing y te ayudará a saber como competir en tu estrategia de marketing de contenidos.

 

Imágenes IMPACTANTES

cuida-tus-imagenes

Las imágenes de tus post deben estar bien optimizadas. Para ello puedes utilizar algunas herramientas para reducir el peso de las imágenes sin dejar de lado la calidad de las mismas, por ejemplo Tinyjpg o si utilizas wordpress otra herramienta interesante es WP Smush-it.

Por otro lado, debes cuidar que las imágenes sean de calidad y sirvan para ilustrar elcontenido de tus artículos. Recuerda eso de una imagen vale más que mil palabras y busca que éstas llamen la atención del usuario, o puedan ayudarle a entender mejor de que trata tu contenido y complementen el texto.

Es importante que el usuario no se aburra cuando lea tus artículos por eso es fundamental lograr que tus artículos sean completos, pero también sencillos de leer y comprender por la persona interesada.

Etiquetas alt y title.

Otro aspecto que debes cuidar es rellanar las etiquetas “title” y “alt” de cada una de las imágenes, ya que ayudan a Google a conocer el contenido del artículo. Rellénalas siempre

No PLAGIES nunca el contenido

Investiga y saca tus propias conclusiones, puedes basarte y además es recomendable hacerlo en referentes de tu sector para escribir los artículos. Es recomendable basarse en varias fuentes, organizar el contenido y darle luego tu toque personal. De esta manera evitas ser penalizado y además ofrecer algo diferente al resto.

Tamaño de los artículos en tu blog

El tamaño de los artículos también es importante, los artículos de 600 u 800 palabras posicionan mejor que los artículos cortos.

Para ello debes investigar y sacar conclusiones que puedan ser interesantes. No se trata de escribir por escribir, se trata más bien de de pensar en el usuario y ofrecerle valor y «olvídate» del SEO un poco. No escribas como un robot o repitas una y otra vez una palabra clave para posicionarla (también corres riesgo de ser penalizado por ello). Así que te recomendamos que escribas siempre poniéndote en el lugar de la persona que va a leer tu post y si, es recomendable seguir algunas pautas para SEO, pero intenta que tus textos sean naturales y lograrás enganchar a tu audiencia. Si lo logras el éxito estará asegurado y con paciencia y perseverancia el posicionamiento llegará.

Frecuencia de publicación

 

No es necesario publicar cada día (si se puede, manteniendo la calidad, perfecto, pero para ello puede ser necesario tener un equipo dedicado única y exclusivamente a generar contenido) si no es el caso recuerda esto: la calidad siempre debe ir por delante de la cantidad. Intenta publicar artículos bien pensados y estructurados, pensando siempre en el usuario.

Esto evidentemente lleva su tiempo con lo cual debes tenerlo en cuenta y marcarte un calendario editorial que puedas cumplir.

Tres post a la semana es un número correcto, uno al mes como mínimo (dependiendo de tu disponibilidad) dedica tiempo a escribir e intenta cumplir los plazos editoriales que te has marcado. Con el tiempo llegarán los resultados y no te arrepentirás.  Un consejo, intenta publicar tus artículos entre semana ya que los fines de semana el impacto será menor.

Redes sociales

REDES-SOCIALES-POST

Twitter, Facebook, Instagram y Google + son las principales redes sociales y Google cada vez las tiene más en cuenta a la hora de posicionar un sitio web. Comparte cada artículo en las mismas y logra que tus seguidores que las compartan en sus propias redes ¿Cómo? sencillo. Si les resulta interesante lo harán. Con esto lograrás impulsar aún más el alcance de tus artículos. Con el tiempo tendrás una buena cantidad de material y llegado un punto es muy recomendable que mantengas vivos tus antiguos post, volviéndolos a compartir en redes sociales, incluso actualizando el contenido de los mismos y volviéndolos a compartir. Eso sí, no insistas una y otra vez con los mismos artículos, intenta siempre ofrecer variedad e interactuar con tu comunidad y no siempre compartas cosas acerca de tu empresa. Se aburrirán.

 

¿Qué es el Brand Book?

¿Qué es el Brand Book?

Sin importar el tamaño de tu compañía, un Brand Book «Manual de Marca» puede ayudarte a estructurar diversos aspectos sobre la imagen y la identidad de tu negocio. Este manual es un elemento clave para que todos los colaboradores, ya sean nuevos o antiguos, comprendan en profundidad los aspectos relevantes de cada empresa.

Personal branding for freelancers: Tips for your business — N26

¿Qué es el Brand Book?

Un Brand Book es una guía corporativa en la que se definen todos los elementos que constituyen la identidad de un negocio.

En este manual se encuentra la esencia de la personalidad de marca: las fuentes, los logotipos, los colores, los idiomas, el tono, la historia y todo lo necesario que el equipo de marketing necesita para llevar adelante las comunicaciones manteniendo una línea coherente y estructurada.

Un Brand Book crea conexiones con los clientes que perciben, a través de él, una imagen detallada y consecuente de la marca, que les recuerda a cada momento que se trata de una entidad con personalidad dinámica, viva y con voz propia.

Gracias a estos manuales, las empresas cuentan con un conjunto de pautas que sirven como horizonte para que todo el personal tenga claridad sobre lo que representa y lo significa la marca.

Estos son los componentes básicos de todo manual de identidad corporativa:

  • Introducción a la marca. Aquí se deben detallar los pilares sobre los que se construye la identidad corporativa: valores, filosofía, personalidad y tono.
  • Logotipo. Tiene que incluir todas las especificaciones sobre diseño: espacio entre elementos, colores y escalas permitidas; también detalles del área de seguridad. Se recomienda incluir usos correctos e incorrectos del logo para evitar errores.
  • Colores. Son los tonos permitidos en torno a la marca y las combinaciones que son inadmisibles. Hay que especificar los pantones para materiales impresos y el color HEX para piezas digitales.
  • Composición. Aquí se encuentran las normas básicas de diseño. Deben reflejar la intención de la marca y lograr una disposición visual específica.
  • Iconos y otros elementos. Se debe detallar el uso de la biblioteca de íconos que utiliza tu empresa y que se incluyen tanto en medios impresos como en digitales.
  • Imágenes. Se perfila el uso de fotografías y de ilustraciones, y el tipo de enfoque permitido.
  • Tipografía. Indica cómo se deben usar las fuentes de la marca: tamaño, espaciado, uso de fondos claros y oscuros, así como las combinaciones entre títulos y párrafos.

Un Brand Book crea conexiones con los clientes que perciben, a través de él, una imagen detallada y consecuente de la marca.

¿Por qué tu empresa debe tener un Brand Book?

Un Brand Book es indispensable para lograr una identidad corporativa unificada. Este manual sirve para que la creación de estrategias de marketing dirigidas a tu audiencia objetivo sean asociadas a tu marca sin problemas.

Cuando no hay un manual de marca establecido, es común que ocurran malos usos de la imagen gráfica. Sin una coherencia en este ámbito, sería complicado transmitir la cultura de la organización y posicionarse en los mercados.

Un manual de identidad corporativa, además de dar instrucciones específicas sobre los elementos visuales, tiene que transmitir la cultura de la empresa y la forma en la que esta se ve reflejada en los productos y servicios que ofrece. Se trata de algo mucho más profundo que una expresión gráfica: es una representación de cómo te comunicas con el mundo.

 

Usos y beneficios del Brand Book

Conoce a continuación cuáles son los principales beneficios de crear un Brand Book de tu marca.

Proyecta una imagen coherente

Como ya comentamos, en los manuales de marca se determinan los tipos de letra, los colores, los relieves y los diseños de las representaciones gráficas de tu empresa. Gracias a esto, tu compañía podrá mostrar coherencia y será fácil de identificar por parte de los consumidores. Algunos beneficios que trae aparejados son:

  • Genera confianza en los usuarios.
  • Aumenta el reconocimiento de la marca.
  • Brinda prestigio a tus productos y servicios.
  • Crea sentido de identidad en los empleados y colaboradores.

Aunque tus productos y servicios sean de calidad, si tu imagen corporativa no es coherente, será difícil conseguir el éxito.

Los consumidores percibirán la esencia de tu marca

Un manual de marca es la guía que los encargados de marketing y de diseño siguen para crear todas las comunicaciones. Un Brand Book debe expresar la filosofía, la visión, la misión y los valores de tu empresa para que queden plasmados en la identidad corporativa. 

De esta forma, tendrás una imagen auténtica y diferencial para dar a conocer todos los productos que ofreces y, al mismo tiempo, todas las comunicaciones que realices estarán dotadas de una personalidad distintiva establecida.

Incrementa el valor percibido de la marca

Una guía de estilo corporativa hace más sólida la imagen de tu empresa: es una forma de que la marca perdure en la mente del público. Si hay muchas variaciones, las personas no podrán formar una imagen concreta de la compañía. Con un manual, notarás cómo el reconocimiento aumenta significativamente. 

Evita lo que no quieres asociar a la marca

La falta de consistencia no es una cuestión liviana. Si modificas los elementos, puedes crear una percepción errónea sobre lo que tu empresa quiere transmitir.

Facilita tus procesos de trabajo

Un Brand Book ayudará a todos los empleados de tu empresa a evitar contratiempos y dilemas en el día a día. Con un manual de marca detallado, tu equipo de diseño sabrá con exactitud qué elementos puede y debe utilizar.

Aunque tus productos y servicios sean de calidad, si tu imagen corporativa no es coherente, será difícil conseguir el éxito.

Fortalece tu comunicación en otros medios

Cuando tu marca se difunde en medios externos como boletines digitales, prensa o blogs de otras empresas, es imprescindible que las menciones cuenten con elementos reconocibles. De esta forma, garantizas que las nuevas audiencias te distingan y te reconozcan. 

rebranding

«Nueva» imagen de Burger King

Burger King renueva toda su imagen de marca. La cadena de hamburguesas ha cambiado por completo sus envases y el logotipo de la firma. Lo hace para rendir homenaje a la historia de sus 64 años marca. Para ello vuelve al antiguo logotipo utilizado entre 1969 y 1999.

El nuevo rediseño del logotipo abandonando la curva azul que se usaba desde 1999. El nuevo «se adapta a la perfección a la evolución de la marca», según un comunicado de la empresa, que explica que las letras están inspiradas en las formas de su comida: «redondeada, atrevida y deliciosa».

Nuevo logo de Burger King.

Nuevo logo de Burger King.

El nuevo logo llegará primero a los uniformes de los empleados, así como envases y campañas publicitarias.

No será sólo el logotipo. También se cambiarán las cartelerías, las tipografías y hasta los envases. Desde la compañía explican cómo se va a hacer este rediseño de la marca, y qué significado tiene la evolución de la misma.

   Logotipo. Con toda seguridad, lo que realmente significa Burger King: productos reales, auténticos y sabrosos. Desde el lanzamiento del logo actual en 1999, la compañía ha evolucionado hacia un lenguaje de diseño más moderno y ligado al mundo digital. El nuevo logotipo minimalista se ajusta perfectamente al desarrollo de la marca en la actualidad y rinde homenaje a su legado con un diseño refinado que transmite confianza, sencillez y diversión.

   Color: Los colores seleccionados son sin duda vivos y llamativos, inspirados en el icónico proceso del cocinado a la parrilla al más puro estilo Burger King® y en sus ingredientes frescos. Las nuevas fotografías son de una textura hiperrealista que mejora el aspecto sensorial de la comida.

Packaging de Burger King.

Packaging de Burger King.

   Tipografía. La nueva fuente exclusiva de Burger King® se llama de forma muy apropiada «Flame». El tipo de letra se inspira en las formas redondeadas, atrevidas y deliciosas de los productos que componen el menú de Burger King®, así como en la personalidad irreverente de la marca.

   Uniformes. Los nuevos uniformes de los empleados reflejan a los maestros parrilleros de la cocina, mezclando un estilo contemporáneo y cómodo con colores y motivos muy distintivos.

   Envases. El nuevo packaging muestra el nuevo logo con mucho orgullo, así como colores llamativos e ilustraciones divertidas de los ingredientes.

La compañía también tiene previsto renovar sus restaurantes, donde se incluirá áreas de pedidos móviles y de recogida en la acera, zonas de pedidos para autoservicio y sin ascensor, la experiencia mejorada de autoservicio, comedores exteriores y elementos de diseño sostenible.

imagen gráfica

Imagen Gráfica KLINIKK

¿De dónde vienen los símbolos de las monedas?

Pocos símbolos están tan presentes en nuestro día a día como los símbolos del dinero. Por eso he querido preguntarme cuál es el origen de estos diseños, al menos, de los tres más famosos: el dólar, la libra y el euro.

El dólar


El origen del símbolo del dólar es el más curioso, pero también el más impreciso, ya que sólo existen suposiciones que nunca han podido demostrarse del todo.

La principal teoría tiene a España como protagonista, en concreto a sus reales de plata, una moneda que entre el siglo XIV y el XIX fue la base del sistema monetario español.

Según esta teoría, el símbolo del «$» sería una estilización de las Columnas de Hércules que aparecían en estas monedas, que empezaron a extenderse por todo el continente americano tras la colonización. Las barras verticales serían las columnas y la S seria la banda con la leyenda «Plus Ultra» que las envolvía.

Esta asociación es aún más obvia si observamos otras representaciones de las columnas de Hércules, como en este detalle de la Catedral de Santo Domingo.

Lo podemos ver en muchos otros edificios clásicos españoles como el Real Alcázar de Sevilla (izquierda) o el Ayuntamiento de la misma ciudad (derecha):

Aunque en su origen tenía dos barras, hoy en día se escribe con una barra. La razón de este cambio tampoco está muy clara, pero lo más probable es que al escribirse millones de veces haya terminado por simplificar su imagen y perder una de las rayas verticales.

Originalmente se escribía con dos barras, pero se ha simplificado a una

La libra


La «Libra Esterlina» se llama así porque su valor originalmente equivalía al precio de una libra (unidad de peso equivalente a unas 12 onzas) de plata esterlina. Pero ¿por qué se utiliza el término «Pound» en inglés? Porque el término surgió originalmente en la Antigua Roma, donde utilizaban la construcción latina “Libra Pondo” para hablar de las monedas (significa literalmente “una libra de peso”). En español seguimos usando en término Libra, pero en inglés se descartó ese término y se quedaron con el “Pondo” o más bien, su evolución inglesa: Pound.

En la imagen superior podemos ver los primeros símbolos que representaban la «Libra Pondo». A la izquierda podemos ver cómo la pluma apresurada de los escribas pudo dar lugar al trazo horizontal que une las dos letras. Este trazo horizontal se mantiene en la actual versión de la «libra esterlina», aunque en esta sólo se representa una L estilizada:  £.

El euro


Para la elección de este símbolo, la Comisión Europea convocó a diferentes equipos de diseñadores profesionales que presentaron un total de treinta y dos propuestas. Tras la elección del diseño ganador, los demás diseños se ocultaron al público, pues la Comisión Europea consideró esta elección como un proceso interno y mantiene todos los archivos relacionados en secreto.

El diseño ganador fue creado por un grupo de cuatro expertos cuyas identidades no han sido reveladas. Sin embargo, se asume que el creador original fue el diseñador gráfico belga, Alain Billiet.

La inspiración para el símbolo mismo vino de la Épsilon griega (ϵ) – una referencia de la cuna de la civilización europea – y, obviamente, la primera letra de la palabra Europa. Esta letra aparece cruzada por dos líneas paralelas que sugieren estabilidad del euro.

 

urban comunicacion

Apple y su tendencia en diseño

Se tiene que reconocer que Apple creó la tendencia de diseño cuando se trata de iconos, de la misma forma hay que reconocer que el diseño de la interface gráfica con iconos, no la creo Apple Computer Inc. La historía inicia en los años 70, en algún lugar dentro de los laboratorios de investigación de una empresa de tecnología estadounidense llamada Xerox.

EL NACIMIENTO Y LA IMPORTANCIA DE LA GUI

En 1970,  la Xerox Corporation decidió reunir un equipo de informáticos y de expertos de las ciencias físicas conocidos como los “arquitectos de la información” bajo un mismo techo común: el Xerox Palo Alto Research Center (PARC). De acuerdo con PARC , el equipo dirigido por el Dr. George Edward Pake trató de explorar el campo emergente de la informática con el fin de “crear la oficina del futuro.

Dos años después se estableció PARC (1972), su Grupo de Investigación de Aprendizaje (LRG) dio a luz a Smalltalk , que era un lenguaje de programación de tipos dinámicos orientados a objetos. Smalltalk terminó revolucionando la industria del software que influyen en los sistemas de programación futuros, ya que permitió a los programas ser mejorado sin tener que ser reescrito por completo.

Un año más tarde, en 1973, el proyecto Xerox Alto tomó forma. El Xerox Alto es el primer ordenador diseñado desde su inicio para soportar un sistema operativo basado en una interfaz gráfica de usuario (GUI).  Su objetivo era introducir una pantalla de alta resolución de mapa de bits (606 x 808 px) como estación de trabajo personal, capaz de liberarse de los grandes mainframes centralizados que la gente estaba acostumbrada a hasta ese momento. Debido a sus altos costos de producción, el sistema terminó siendo un equipo prototipo/investigación de serie limitada, pero podría ayudar a allanar el camino a seguir.

En 1975, el Xerox Alto debutó la primera interfaz gráfica de usuario (GUI) basada en el entorno “de escritorio”, lo que permitió al usuario interactuar más fácilmente con la máquina mediante los iconos contextuales (documentos, carpetas), menús emergentes, y la superposición de múltiples ventanas de aplicaciones que podrían controlarse con un ratón utilizando un enfoque de apuntar y hacer clic.

Imagen de la interface Xerox ALTO GUI

Imagen de la interface Xerox ALTO GUI

Un avance rápido de unos años y en 1981, la estrella de Xerox 8010 se introdujo, por lo que es el primer ordenador disponible en el mercado que viene con una interfaz gráfica de usuario mediante iconos en función de la metáfora “oficina”. Sin saberlo, Xerox terminó creando el concepto de interfaz gráfica de usuario, que cambiaría por completo la maneras en que los seres humanos interactúan con nuestros homólogos de ordenares de hoy en día, lo que se ha convertido en un estándar en la industria de la comunicación y la información tal como lo conocemos ahora.

 LA HISTORIA DE CÓMO APPLE ROBÓ LAS LLAVES DEL REINO

En el verano de 1979,  Steve Jobs, que sólo tenía 24 años en el momento, hizo un trato con Xerox que les permitió comprar 100.000 acciones de Apple a una valoración de 1 millón de dólares antes de su muy esperada salida a bolsa .

A cambio, Jobs tendría a PARC,  lo que le permitiría echar un vistazo a los proyectos actuales, o como él mismo dijo, “abrir el kimono”.

Xerox aceptó, y así Jobs y sus colegas fue a ver de Xerox PARC en diciembre, pero inmediatamente sintió que no había demostrado suficiente. Unos días más tarde,  Jobs  le dio por hacer un par de visitas, al final de los cuales se encontró de pie en frente de la Xerox Alto.

Larry Tesler y parte del equipo PARC

Larry Tesler y parte del equipo PARC

La sesión fue dirigida por Larry Tesler, que estaba encantado de mostrar el trabajo que sus jefes no parecían apreciar plenamente, pero su colega Adele Goldberg sintió que la empresa estaba cometiendo un gran error y trató de mantener la rueda de tan vago como sea posible.

Citado por Walter Isaacson en su biografía «Steve Jobs» recordaba que Jobs decía:

Era un espectáculo muy controlado con unas pocas aplicaciones, principalmente en aspectos de procesamiento de textos.

Por supuesto, Jobs no estaba convencido en ese momento,  después de algunas llamadas a la sede fue invitado a volver a los pocos días, pero esta vez trajo un equipo más grande que incluía parte del «equipo pesado» que tenían conocimiento de lo que debían buscar.

Cuando comenzó la presentación, Jobs rápidamente se molestó ya que básicamente se estaba mostrando nuevamente más del procesador de textos, por lo que comenzó a gritar, exigiendo que dejen la farsa. La gente de Xerox decidieron entonces «abrir el kimono» un poco más y coincidieron en que Tesler les podría mostrar una versión no clasificada de Smalltalk (lenguaje orientado a objeto). Desafortunadamente para Xerox, los del equipo que llevó Jobs habían leído algunos de los artículos publicados por Xerox PARC, por lo que Jobs llamó nuevamente a la sede de Xerox, al final él y su equipo tuvieron acceso a todo lo que daba.

Cuando comenzó Larry Tesler a mostrarle los “tesoros” reales, tanto Jobs y sus colegas estaban totalmente impresionados. Los presente recordaron verlo saltando alrededor de alegría.

Fue en ese momento que Jobs se dio cuenta de que la interfaz gráfica de usuario del Xerox Alto sería la característica que se va a llevar en los ordenadores para la gente común, y así Xerox terminó sin darse cuenta en ese momento que estaba regalando a Apple las llaves de su reino —Xerox podría haber inventado el futuro de los ordenadores de escritorio, pero en última instancia, fue Jobs quien terminó de ver su verdadero potencial.

Por $300, compraron el ratón que había diseñado XEROX que tenía tres botones y que rodaba con algunos problemas, así que Jobs encargó  los trabajos una empresa de diseño industrial local llamada IDEO y le dijo su fundador Dean Hovey que quería un diseño simple basado en un solo botón utilizado y que cupiera en el los bolsillos de sus vaqueros, finalmente el diseño le costó $15. En 1983, el producto terminó siendo incorporado con el Apple Lisa, siendo uno de los primeros productos comercialmente disponibles con este tipo de dispositivo.

La GUI de Xerox Alto requería de comandos para  hacer cosas como cambiar el tamaño de una ventana o cambiar la extensión de un archivo, los ingenieros de Apple crearon una interfaz que podía hacer esto de forma directa, no sólo solo eso, que se podía arrastrar ventanas y archivos alrededor de la interface, o algo que hoy hacemos y lo vemos como algo lógico, lo de poder arrastrar un fichero para que caiga dentro de carpetas.

Mientras que algunos lo llaman «uno de los mayores atracos en las crónicas de la industria«, otros tienden a defender (yo el primero) que lo que hizo Apple, ha sido tomar  el concepto de ratón y la GUI y lo adaptaron en algo más simple para que la gente podría utilizar de manera intuitiva.

Decía Isaacson:

El sistema de Apple transformó la metáfora del escritorio de Xerox en la realidad virtual, lo que le permite tocar directamente, manipular, arrastrar y recolocar las cosas.»
«Los ingenieros de Apple trabajaron en conjunto con sus diseñadores – con Jobs impulsándolos a diario – para mejorar el concepto de escritorio mediante la adición de iconos y menús interactivo en los que al dar un clic en la barra de encima,  tiraba hacia abajo una ventana donde tenías la capacidad de abrir archivos y carpetas con un doble clic.

INFLUENCIA DE APPLE SOBRE LA EVOLUCIÓN DE LOS ICONOS

Mientras que Apple no inventó el icono, rápidamente se centraron en la conformación de la belleza y las formas para que los iconos se parecían más objetos reales, rompiendo las limitaciones de la tecnología de la época.

—A lo largo de los años Apple,  ha creado constantemente nuevas iteraciones en la que un icono debe verse y sentirse como lo que simula, posicionándose como un fabricante de tendencia.—

La Lisa OS
La primera iteración de la interfaz gráfica de usuario de Apple, tomó forma en el año 1983 cuando el Lisa fue lanzado al mercado públicamente. A pesar de que Apple afirmó que el nombre era un acrónimo de la arquitectura de software integrado , el propio Jobs dijo Isaacson que el nombre tenía una relación personal, ya que su primera hija se llama Lisa Nicole Brennan.

«Obviamente fue nombrado por mi hija».

Empleos en última instancia, terminaron hacerse cargo de la gestión diaria del proyecto de John Couch , la implementación de sus ideas con la ayuda de Atkinson y Tesler.

El equipo corrió Lisa OS y tenía un escritorio lleno de un fondo de tablero de ajedrez, una sola barra de menú situado en la parte superior de la pantalla, y algunos iconos básicos, tales como:

  • Preferencias
  • Papelera
  • Portapapeles
  • Disco
  • Disquete
  • Reloj
  • Calculadora
  • Carpeta
  • Etc.

Los iconos en sí eran representaciones reducida de objetos de la vida real que se encuentran dentro del lugar de trabajo, y en base a la tecnología de pantalla del tiempo. Fueron creados usando una cuadrícula de píxeles simple usando formas 2D planas que estaban llenos de blanco y delimitada por un contorno negro duro.

Ya que estaban sobre la base de lo que Jobs había visto en el Xerox Alto y más tarde en la Xerox Star, que parecían bastante similares, con sólo un puñado de cambios aquí y allá.

Aquí te dejo un video para que puedas ver lo que hoy se consideraría como «primitivo» aquella primara interface gráfica del Sistema Operativo Apple Lisa.

Como se trata de una historía tan apasionante, al menos para mi lo es, te prometo que continuaré con esta entrada en próxima publicación donde abordaré más detalles sobre la influencia en la evolución de los iconos, desde su siguiente versión después de Lisa, Apple Macintosh System 1.0, continuando con la «saga» de las versiones que ahora se conocen como MacOs e iOs.

Rebranding , imagen gráfica BBVA

El BBVA se funda en el 1857 el por entonces llamado Banco de Bilbao. En 1988 este banco se fusionó con el Banco de Vizcaya cambiando su denominación a BBV, y no es hasta 1999 cuando añaden la siguiente sigla a su nombre al fusionarse con Argentaria, convirtiéndose finalmente en BBVA.

Hoy, este banco está presente en más de 30 países.

Antes

Según cuentan en su nota de prensa, “el cambio también pone de relieve el objetivo de BBVA de ofrecer una propuesta de valor única y una experiencia de usuario homogénea, propias de una compañía digital. El Grupo busca que sus productos y servicios sean globales, como resultado de un único proceso de desarrollo, lo que permite una colaboración global, priorización de recursos, mejor ‘time to market’ y adaptaciones en cada mercado”.

En su video de presentación podemos intuir algunos aspectos como el gran protagonismo que tendrá la flecha ascendente, que se convierte en un elemento central de la marca, adquiriendo aspectos muy diversos para transmitir distintos conceptos.

Como resultado final la conclusión es algo sencillo, tipográfico y cuya expresividad radica en las aplicaciones y animaciones que lo enarbolan. Entiendo que la letra desalineada pueda causar cierto fastidio de entrada, pero sinceramente, creo que es el toque justo de excentricidad que necesita una marca como esta para adquirir cierto carácter sin perder su sobriedad como entidad financiera global.

Historia del código de barras – Urban Comunicacion

Vivimos en un mundo en el que los jóvenes hemos nacido con las nuevas tecnologías. La mayor parte de vosotros sabréis manejar un ordenador sin problemas, y difícilmente imagináis una vida sin los aparatos que llegaron con nosotros. Pero a veces uno piensa y dice… ¿en serio esto no existía antes? ¿Y por qué se hace así y no de otro modo?

Hoy queremos enseñaros un invento que en su momento fue revolucionario y que este año hace 40 años que llegó al mundo del modo en que lo conocemos: el código de barras.

Su origen

Todo dio lugar en Miami, EEUU. A pesar de la guerra pasada, la calidad de vida mejoraba, la gente compraba más y el mundo empezaba a sumirse en el capitalismo. En 1948, el ingeniero Joseph Woodland se encontraba en la playa, pensando en el código morse y haciendo círculos en la arena. Pero, ¿círculos?, ¡claro! Así fue como Woodland dio con el primer prototipo de “código de barras”, aunque no fue así como llamaron al bull’s eye”.

codigo-barras-antiguo

En 1952 fue patentado como “Aparato y método de clasificación”, y aunque era un invento innovador y atractivo para las nuevas cadenas de supermercados, el bull’s eye no tuvo éxito hasta 20 años después debido al elevado coste del equipo necesario para ponerlo en marcha.

codigo-barras-bullseyeFinalmente, en 1973, la Asociación Nacional de Cadenas de Comida (NAFC), liderada por Alan Haberman, se dio cuenta de que necesitaban un sistema de escaneo que agilizara las colas de sus tiendas. Elaboraron una lista de especificaciones de lo que sería su dispositivo ideal y preguntaron a 14 compañías por una solución.

Las principales luchadoras por la estandarización de su código fueron RCA e IBM.

Las primeras se basaron en el primer modelo de Woodland, de diseño circular, mientras que IBM fue un poco más allá y transformó el concepto.

George Laurer, que trabajaba en esta última, tenía claro que el antiguo modelo de “bull’s eye” no era el mejor para la industria de la alimentación. Ya había dado problemas en su impresión y esto no podía pasar teniendo en cuenta la de miles de etiquetas que se pensaban imprimir al día.

codigo-barras-upc

Fue entonces cuando dio con el modelo rectangular de escaneo, al que bautizó como UPC (Universal Product Code).

Al final, el modelo de IBM se hizo mucho más fácil de implementar y la NAFC lo seleccionó como su estándar, siendo el UPC el que usamos actualmente y el que se pasa alrededor de 5 mil millones de veces al día.

El 26 de junio de 1974, un paquete de chicles era el primer producto vendido escaneado con UPC, y en 1980, ya había más de 8000 locales que la usaban.

¿Cómo funciona?

El funcionamiento de un código de barras no es excesivamente complicado. Se trata de digitalizar una imagen, que es el propio código, a un lenguaje binario y que entienda el ordenador de manera directa. El código de barras se divide en 95 partes, que como bien sabéis pueden ser o blancas o negras. Al pasar el láser, será reflejado o no según el color de la franja: las partes blancas reflejan la luz y las negras la absorben, introduciendo un 0 o un 1 respectivamente.

Todos los UPCs tienen tres secciones comunes: el inicio, el final, y una zona central. Esto es importante para que la máquina distinga si se está pasando el código hacia arriba o hacia abajo. Existen además otras 12 divisiones que equivalen, en binario, a los números que se presentan en la parte inferior.

El primero de ellos es una cifra que puede tomar un valor diferente según el tipo de UPC, mientras que la pareja de cinco y cinco cifras de después equivalen al código de manufacturación y al de producto, respectivamente. El último de ellos, el carácter de módulo, nos indica la ecuación que seguirán los diez números anteriores para obtener el precio.

Sensaciones asociadas a los colores

Cada color nos sugiere sensaciones, que asociamos a productos, acciones  o estados de ánimo.

Todos los colores producen sensaciones, que aunque no nos percatemos conscientemente de ellas, sí las relacionamos y sentimos su efecto.

Estas características son estudiadas y usadas por los profesionales del marketing, la publicidad y el diseño gráfico para transmitir las ideas que desean asociar al producto.

color blanco

Blanco:

Se le considera el color de la perfección.  Se asocia a la luz, frescura, limpieza, calma, pureza, bondad e inocencia.

Tiene una connotación positiva. El blanco realza los otros colores y agranda el espacio. Es un color que se relaciona con organizaciones de caridad, hospitales, actividades médicas y relativas a la salud.

Comúnmente se le asocia con productos bajos en calorías y productos lácteos.

color amarillo

Amarillo:

Representa riqueza, alegría, felicidad, energía, inteligencia, positivismo, resplandor, calor, sol y hospitalidad.

El amarillo estimula la actividad mental y genera energía muscular. Con frecuencia se asocia con la comida.

El amarillo es un color que produce una alta excitación óptica, por lo cual se usa generalmente como fondo en señales de advertencia o peligro.

Es adecuado para promocionar productos de ocio pero no productos caros, prestigiosos o dirigidos a hombres.

Es un color tradicional de cocinas y habitaciones.

El amarillo atrae la mirada y aclara cualquier habitación.

color naranja

Naranja:

Es un color que tiene una alta visibilidad, representa el entusiasmo, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo.

El naranja se asocia con energía y felicidad, alegría, sol y trópico.

Es un color muy caliente, produce un efecto vigorizante y de estimulación mental, muy adecuado para gente joven.

Se asocia con alimentación sana y estímulo del apetito.

El naranja oscuro se asocia con engaño y desconfianza.

El naranja rojizo sugiere pasión sexual, placer, dominio y agresividad.

color rosa

Rosa:

El rosa se asocia al romance, amor y amistad.

Representa cualidades femeninas y pasividad. Delicadeza, calma, calidez. Es uno de los colores tradicionales de los dormitorios.

color rojo

Rojo:

El color rojo se asocia con peligro, guerra, energía, fortaleza y determinación.

Es el color de la excitación, calor, pasión, placer, ceremonia, fiesta, amor, romance, fuego, brasa, prestigio y pompa.

Mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguínea.

Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaución.

En publicidad se utiliza el rojo para provocar sentimientos eróticos. En la decoración, el rojo es sinónimo de riqueza y lujo.

El rojo asociado al blanco produce una armonía irresistible.

El rojo asociado con el oro indica riqueza.

color verde

Verde:

Es el color más relajante para el ojo humano.

Se le asocia con armonía, estabilidad, equilibrio, elegancia, crecimiento, exuberancia, fertilidad, sofisticación, refinamiento, descanso, fertilidad y frescura.

Se le asocia con la seguridad, productos médicos o medicinas.

La asociación entre el verde y el rojo produce un efecto rústico o campestre. Cuando se le asocia con amarillo, se logra un efecto tonificante. Cuando el verde es apagado y oscuro se asocia al dinero y es ideal para promocionar productos financieros, banca y economía.

El verde amarillento se asocia con la enfermedad, la discordia, la cobardía y la envidia. El verde oscuro se relaciona con la ambición, la codicia, la avaricia y la envidia.

color púrpura

Púrpura:

El púrpura significa estabilidad y energía.

Se asocia a la realeza, el poder, nobleza, lujo, riqueza y ambición. Se asocia con la sabiduría, la creatividad, la independencia y la dignidad.

Este color también se asocia con la magia y el misterio.

El púrpura claro produce sensaciones de nostalgia y romance. El púrpura oscuro evoca melancolía, tristeza o frustración.

color azul

Azul:

Se asocia con estabilidad, calma, tranquilidad, descanso, reposo y profundidad.

Representa infinito, dinamismo y distancia.

Significa lealtad, confianza, sabiduría, verdad, fe e inteligencia.

El azul asociado al amarillo, da un efecto eléctrico, estimulante. Asociado al blanco, da una impresión de frescura y limpieza. Es adecuado para productos de alta tecnología o de alta precisión.

El azul es un color esencialmente masculino.

El azul mezclado con amarillo o naranja es una mezcla muy llamativa recomendable para producir impacto o alteración.

color negro

Negro:

El negro en realidad no es un color, sino todo lo contrario: la ausencia de color.

El negro representa misterio, muerte, poder, autoridad, fortaleza, formalidad, elegancia, seriedad y prestigio.

Se asocia al miedo, a lo tenebroso y a lo desconocido.

Usándose como fondo permite realzar los colores brillantes.  Combinado con naranja o rojo produce un efecto agresivo y vigoroso.

urban comunicación

Historia del Illustrator

En el marco de su 30 aniversario, Adobe Illustrator se precia de ser una herramienta que revoluciono el diseño gráfico cuando abrió las puertas a la creación de las tan utilizadas ilustraciones vectoriales. El camino recorrido ha sido largo y sin duda arduo, no en vano es una de las herramientas más usadas y preferidas por creativos y profesionales de la ilustración y el diseño gráfico.

Señala Adobe Illustrator, que actualmente más de 180 millones de gráficos se originan mensualmente mediante su uso, de hecho la presencia de su imprenta es indiscutible ya que la vemos en envases, vallas publicitarias, paquetes, etc.

Historia de Adobe Illustrator

Nace en 1987, para entonces abrió el camino a una nueva época para la edición digital y para el mundo del diseño gráfico que los diseñadores tomaron sin dudar para dar rienda suelta a sus creativas ilustraciones y dando origen a innumerables obras de arte digitales que han perdurado en el tiempo y que aún siguen surgiendo gracias a las adaptaciones y evolución de la herramienta.

Cuando se originó Adobe Illustrator, solo se disponía en su versión para Apple Macintosh; vale decir que Illustrator es un software que fue desarrollado por Adobe, posterior a su éxito como Postcript.

Con el tiempo llegó la competencia

Desde entonces han sucedido transformaciones en la herramienta siempre para mejorar, eso sí, sin perder lo esencial de esta. Uno de los cambios de importancia ha sido el aumento de velocidad, ya que hoy día es 10 veces más veloz que años atrás.

Otro factor que determino el posicionamiento definitivo de Adobe Illustrator en el mercado, fue la desaparición de su competidor Freehand, después de que Adobe adquiriera la empresa responsable de su creación Macromedia e impulsara su propia herramienta hasta llevarla a lo que es hoy en día.

Con esta actualización, sí que vas a ahorrar mucho tiempo y ya no tendrás que acudir a otros programas, de tal manera que cuando estés usando una imagen tendrás la opción de recortarla y de ajustar los controladores para realizar recortes sencillos, se descartaran las partes que sobren de dicha imagen lo que se traduce en hacer el archivo menos pesado.

Otra de las mejoras es que incorporan a la herramienta un nuevo panel de color con las opciones de poder crear colores, guardarlos y recuperarlos de otras aplicaciones, si el usuario usa el programa de Adobe capture los colores que almacene de allí lo puede mantener en espera en Adobe Illustrator para usarlos cuando los necesite. La creación de los temas de colores estará apoyada de una asistencia inteligente.

Esta nueva versión está disponible para su instalación mediante la aplicación Creative Cloud o por las actualizaciones nuevas en la herramienta Illustrator.

Era de esperar que esta actualización viniera acompañada de algo más, no se puede esperar menos de Adobe y es que es por eso que Adobe InDesign CC viene con la interfaz renovada en su totalidad para hacer mucha más fácil el trabajar entre las variadas aplicaciones y programas de diseño contenidas en Adobe.

Tiene además algunos de sus paneles, como por ejemplo, el de creación de un nuevo documento, totalmente rediseñado.