Hasta a George Lucas se le va una! El nuevo logo tiene errores evidentes y algunos son incorregibles. Más info después del salto.

El nuevo logo de LucasArts, sin duda una gran mejora con respecto al anterior, más limpio y estilizado, dejando muy atrás el estilo ochentero del anterior.

Estaba leyendo algún blog por ahí y caí en el sitio de LucasArts, cuando vi el nuevo logo de inmediato me brincó algo, la geometría de la parte tipográfica estaba rara, como que lo veía chueco, muy raro, lo volvía a ver a ver si encontraba que era, así que googlee un poco para buscar el logo en alta resolución y caí en una sección del mismo sitio referente al uso de su imagen y donde pude bajar el logo en .EPS.

Lo primero que hice fue dibujar un óvalo debajo de las letras a ver si la curva era correcta, y lo era.

Viendo con poco más detenimiento me di cuenta que el problema era la S del final, la curva por su tamaño “abandona” prematuramente la geometría del logo de modo que se genera un hueco visual, por otro lado en el costado opuesto la L hace uso de toda la parte baja de su caja haciendo que “llene” totalmente la forma geométrica. A continuación una captura del sitio.

Además la tipografía utilizada genera otros huecos en el logo que aunque son menos evidentes si afectan la percepción final del logo.

• No. 1 – El primer error del que hablé
• No. 2 – La S vuelve a generar problemas por su curva, además de que la A tampoco ayuda con su diagonal
• No. 3 – El hueco entre la C y la A hace que la distancia entre la U y la C (No. 4) parezca un error, sin embargo la distancia entre estas dos letras es correcta, el hueco entre la C y la A es el responsable de esta percepción

¿Hay solución?

Después de estar un buen rato de una tratando de modificar la S que causa el problema me di por vencido, la tipografía simplemente no se veía bien con varias modificaciones que hice, así que usé una opción low-cost, lo que hice fue bajar las iniciales de Trade Mark (TM) para darle peso en la derecha y voila! el logo se niveló visualmente. La verdad es que esto es como hacer “una mexicanada” porque este recurso soluciona un problema que debió preveerse desde el inicio del proceso de diseño. Por otro lado, este es un blog donde podemos hacer lo que queramos con los ejercicios, así que sí vale. :)

Las letras intermedias son otra historia, ahí no se le puede hacer nada y el problema radica en el diseño de la fuente o tal vez en la combinación de letras, hay ocasiones en que una fuente no sirve para determinado propósito y creo que este es uno de los casos.

Material relacionado:

• Sitio oficial de LucasArts
• Historia visual de los logos de LucasArts muy bueno!
• Guidelines de uso y archivos del logo de LucasArts

“El sello de confianza AMIPCI es un distintivo otorgado por la Asociación Mexicana de Internet (AMIPCI) para sitios de Internet en México, a través de un sello electrónico con un certificado digital adjunto, que reconoce a los negocios o instituciones que promueven el cumplimiento de la privacidad de la información y están legítimamente establecidos.”

Hablando del fin que tiene de entrada suena bien, si no fuera por que lo cobran.

Esta iniciativa cuenta con el repaldo de la Secretaría de Economía y de la Procuduría Federal del Consumidor. El sello tiene costo que va desde los 6 meses por $1,000 pesos, 1 año por $1,800 pesos y 2 años por $3,000 pesos. Un verdadero chorrito de dinero, tomando en cuenta que 1500 empresas compren el sello por 6 meses, da a 1.5 millones de pesos, así que ya se imaginarán el tamaño del negocio. ¿A dónde va ese dinero? ¿Para qué se usa? Sería buena idea que usaran algo de ese dinero para desarrollar sus sitios bajo estándares web, por que todos están hechos con tablas y estilos inline. Hablo de este sitio, este y este sitio, esto tomando en cuenta que son la Asociación Mexicana de Internet y deberían estar actualizados en ese aspecto.

Iniciativas como estas son buenas, se traducen en beneficios para el usuario común, lo que no entiendo es porque lo cobran.

Bueno, pasemos a lo que realmente nos interesa en este blog, que es el diseño del sello que te da la AMIPCI para poner en tu sitio una vez que cumples con todos los requisitos.

Pienso que se puede mejorar en gran medida, voy a listar las cosas que le veo y que se pueden mejorar.

Para comenzar las tipografías

Muestrario de fuentes
Como pueden ver el sello es un catálogo de fuentes, tiene 5, mezclan altas y bajas y la cereza encima del pastel es la Avant Garde estirada.

Reduce mal
Como pueden ver en el ejemplo el logo que ellos proveen que es el pequeño se vuelve ilegible y pierde su función principal que es la de dar un mensaje de confianza. Busqué en el sitio pero no ofrecen variaciones de tamaños y/o formatos. Los sitios que cuentan con el sello todos usan este tamaño que publiqué aquí.

Demasiados elementos
El sello este tiene 5 líneas de texto, además del gráfico que fue tomado del logo de la AMIPCI. Tiene otros elementos que no entiendo, dice mexicoIT, qué significa IT? information tecnologies?, es una abreviación de Internet? además los mensajes de “verifica aquí” y “sello de confianza” me recuerda a las tarjetas de presentación que ponen todos los servicios que presta el negocio, termina como un volante. Volviendo a la AMIPCI, esto es un sello! no un volante.

Miltilenguaje
Algunas líneas en español y otras e inglés, por qué? No le hallo la justificación de poner “Trusted Web” en vez de poner… no se, “Sitio Certificado” o “Sitio Responsable”.

Cosas que pueden parecer pequeñas pero que no dejan de ser importantes.

Y antes de que me digan grillo pongo a continuación un ejercicio que hice para mejorar el sello. Es curioso pero a algunos les parece demasiado que yo haga estos ejercicios y me dicen pretensioso y que como me sobra el tiempo. No se si alguien más propone este tipo de ejercicios pero a mi me gusta hacerlos y entiendo perfectamente que para hacer un trabajo de calidad se necesita más tiempo y un proceso más elaborado, sin embargo cambiando algunas cosas y tomando los primeros resultados que se generan sale algo para comentarse. Como dije antes, esto es sólo un ejercicio.

Este es el sello que hice, lo pongo en un tamaño que bien podría funcionar en cualquier sitio, el texto que dice “sello de confianza” se encuentra en el extremo mínimo para ser legible.

Lo que hice fue simplificar la información contenida en el sello original quitando la información que a mi parecer no le aporta nada al sello. De entrada le hice unos ajustes al gráfico, entiendo que significa —protección al usuario— o bueno eso es lo que veo. Lo que hice fue disminuir el grosor de la protección, era desproporcionada, le di un poco de aire al logo.

En la parte del texto lo que hice fue invertir el texto, funciona muy bien en las reducciones y al estar en invertido le da fuerza y unidad. Aquí algunas variaciones de tamaño y del texto.

A primera vista me gusta, siempre me ha gustado que las grandes marcas de renueven. Al parecer este logo viene a sustituir al viejo Intel Inside, lo he visto en varios blogs, el nuevo logo acompañado del nombre del procesador, un concepto al que Intel nos ha familiarizado. Bueno, después de verlo con detenimiento veo en el nuevo logo algunos detalles que se podrían mejorar y veo un error de tipografía que a mi parecer es grave.

Primer error
El primer error que salta a la vista y que me parece el más fuerte es la letra “e”, podrán ver que la letra en cuestión al parecer no sigue la línea de las demás letras que en su mayoría mantienen líneas rectas y algunos bordes suavizados, vamos, en resumidas cuentas, la letra “e” no concuerda con la línea gráfica de las demás letras.

El segundo error
Las formas de cuchilla de las letras “i” y “l” son muy sesgadas y crea ruido visual viendo el logo en su conjunto, a mi parecer esos cortes deberían ir más suavizados porque visualmente rompen con lo demas, la letra “n” no tiene esos cortes ni la “t” ni la “e”.

Ya enumerados los errores que (a opinión muy personal) tiene el nuevo logo de intel paso a corregirlos y a hacer mi propia versión del logo jojo, aquí es donde me divierto.

De la órbita no decimos nada, es un elemento que se mantiene del logo anterior y que creo que forma parte importante en darle una continuidad visual.

Lo primero que hice es hacer una nueva “e” que vaya acorde a los demás elementos, bordes curvos y detalles que la hacen integrarse con los demás elementos, tiene una forma basada en una caja al igual que la “n”. Despues de muchas pruebas visuales y de medida la nueva letra “e” me convence, pero los cortes en las letras de los extremos me siguen haciendo ruido. La siguiente modificación que hice fue en los cortes a las letras “i” y “l”, suavizándolos para minimizar el ruido visual (señalado en flechas rojas)

Después de este cambio en las letras de los extremos no quedé muy convencido, de modo que lo siguiente fue uniformizar todas las letras, o todas con curvas o todas sin curvas. Aquí la prueba sin curvas.

Aunque me gustó como se veía creo que perdía el toque, así que le di curvas que hice de forma uniforme en las letras y este es el resultado final de mi ejercicio.

En general el logo nuevo de intel me gusta, pero también me gusta hacer este tipo de ejercicios visuales, yo se que es muy fácil tomar el trabajo ya hecho y opinar sobre el, pero nunca son malos los diferentes puntos de vista.

Salud

El primer detalle, la palabra “Sonora” en impact aplastada, ¡eso nunca! ya hemos hablado al respecto.

El segundo detalle, el slogan Vamos por Soluciones en Arial, ¿Por qué? no lo se, le doy vueltas y vueltas y no se me ocurre una razón para tal “descuido”.

Como no quiero que me digan, oye tú, nadamás criticas pero a ver… porque no propones algo? he he, y pues hoy me levanté con ganas de hacer labor social y le metí mano al logo en cuestión. Yo se que los señores del gobierno ni me hacen en el universo, pero hoy desperté en Vector Mode.

Por aquí pongo a disposición del que tenga interés un PDF con el proceso a grandes razgos, digamos que el PDF sólo tiene los keyframes del proceso. Descargar el PDF aquí

¿Cómo es el logotipo del gobierno de tu estado?