Recien terminamos el sitio de www.movimientoemprendedor.com, se trata de un evento donde se les enseña a jóvenes y no tan jóvenes los secretos del éxito :p, bueno eso es lo que dicen en el sitio.
Les agradecería que me dijeran si le encuentran algún bug. Salud!
Se nos confió el rediseño del logotipo de El Colegio de Sonora. El Colegio es una institución pública de investigación y educación superior en ciencias sociales y humanidades. Entrando a nuestro trabajo quisiera escribir un poco sobre el logotipo original (izquierda), tiene una historia curiosa. Uno de los investigadores de El Colegio lo utilizó por primera vez como logotipo en alguno de sus trabajos, ¿De dónde lo tomó?, el arco es parte de la arquitectura del edificio de El Colegio. La verdad es que fue una idea inteligente que está ligada profundamente a la historia del edificio mismo. El símbolo por sí sólo está cargado de significado, simboliza (sin querer) un libro abierto, actividad principal de El Colegio, es un gráfico sólido, único y de fácil retención, sólo que las buenas ideas también necesitan bases de diseño, cosas elementales como proporción, balance, equilibrio, etc. Como pueden ver tiene algunos errores en su diseño original.
Los elementos internos del arco (gajos) no son simétricos
Demasiados gajos dificultan su reproducción y su retención en las personas
Reducirlo genera problemas
La línea del trazo siempre fue un problema en todas sus aplicaciones impresas
La tipografía "casual" pasó de moda hace mucho tiempo, se ve obsoleta
La proporción del gráfico con la tipografía es incorrecta, el gráfico rebasa por mucho en importancia a el nombre de la institución
Lo que hice fue:
Disminuir el número de gajos para simplificarlo de 14 a 10 gajos. Después de varias pruebas el resultado es el mínimo de gajos que podemos usar sin distorsionar ni perder el sentido del mensaje (un libro)
Los directivos de El Colegio nos pidieron hacer énfasis en las palabras "El Colegio"
Se seleccionó la tipografía Versailles Bold, que tiene buen peso y balance, usamos puras altas para darle solidez y que el logotipo se viera como una sola unidad, se buscó que la tipografía fuera clara y que no tuviera razgos "de moda"
Bueno, más o menos esto es lo que hice para el rediseño, en este caso también estamos trabajando en la implementación del mismo en todas las áreas de El Colegio, más adelante postearé fotos de las aplicaciones. Así quedó mi doc de illustrator :)
Recién terminamos el rediseño de este logotipo. Servicio El Faro, como pueden ver el logotipo original tiene varios puntos que se le podían mejorar y algunos errores que se podían omitir. El primer error es que la representación del faro es más bien realista, cosa que se debe evitar en una identidad. Tiene los rayos de la luz, los bloques de la estructura, el mas y hasta una gaviota!, el primer paso es simplificar todo eso. Lo que hice fue omitir todos los elementos que no fueran necesarios y generar un gráfico que fuera mucho más abstracto sin dejar de dar el mensaje original que es el de un faro, para esto recurrimos al alto contraste. La tipografía del logo original si bien no es mala, sí nos da una imagen un tanto tradicional, fuente con serif.
Lo que buscábamos era generar algo fresco así que después de un rato de ver fuentes me decidí por esta que es la Avenir Black, una fuente muy bien diseñada y muy limpia, y que cumple con lo que buscamos, que sea atemporal, fácil de reproducir, que mantenga la seriedad sin caer en lo "tradicional". La separación de las palabras "El Faro" la hice a través de color y no de espacio, un recurso válido para ahorrar espacio, claro para nosotros los diseñadores todo es posible :p
Otra cosa de mucho peso es el ángulo de visión, si se fijan en el logotipo original vemos el faro hacia abajo. En el logotipo nuevo le quise dar cierta fuerza, que se viera un tanto imponente, es por eso que le cambié el ángulo de visión para verlo hacia arriba, como veríamos en la realidad un faro.
Bueno, a grandes razgos es lo que hice. Esperamos que en las próxima semanas la nueva imagen se use en todas las caras de Servicio El Faro, como es: sitio web, uniformes, folletos, etc.
¿Por qué un faro?
El 6 de junio de 1967 Servicio el Faro abrió sus pistas a vecinos y extranjeros. Las instalaciones se erguían entonces sobre prácticamente un despoblado, a las afueras de la ciudad; tal como un faro a la entrada del puerto.
Tomado de el sitio de Servicio El Faro Actualización: Corregí la versión en una sola tinta :)
Por fin entregamos el sitio del Instituto Sonorense de Cultura, fueron muchas noches de leer el manual del CMS, y de aprender CSS por supuesto jeje, a prueba y error.
Bueno, lo más importante de este rediseño es que es casi tableless, (el CMS renderea cosas que no pude corregir), es cierto, cuesta más trabajo pero los resultados no pueden dejar de tomarse en cuenta. Código limpio y más fácil de mantener, separación de contenidos y presentación :), además el sistema de tags que usa el Article Manager herramienta responsable del funcionamiento del sitio hicieron que este rediseño fuera mmm... entretenido por decirlo de una manera, ya sabes, cuando descubres algo que siempre andabas buscando. Hay cosas del Article Manager que me gustan como su sistema de tags, similar al de Movable Type, pero tiene otras cosas que no me gustan para nada, por ejem. cuando ingresas una nota hay un editor WYSIWYG, que genera tags tan despreciables como los -font- jeje, todo lo que le hagas al texto a través del editor ese lo genera en HTML tags, osea colores, tamaños, etc. por fuera de eso todo es blancura ;).
El sitio usa 3 templates diferentes básicamente, el que usa el index general, el que usan los index de cada categoría y el que usan los artículos individuales. Antes cada template pesaba 45 kb, hoy pesan ¡5kb! y tienen más elementos en su funcionalidad que antes.
Hablando del diseño le dimos una revisada a las fuentes utilizadas y le dimos prioridades a los diferentes elementos de información, ya dentro de una nota la estructura en la información es más marcada, en el index y las categorías necesitamos desplegar más info en menos espacio, es por eso que los titulos no son tan grandes. Por el contrario en las notas individuales podemos jugar más con los elementos, meterles más diseño, lo que hice aquí fue poner el título grande, para que en cuanto entres sepas de que se está hablando, después sigue el sumario que es una pequeña introducción a la nota que da información al lector y que le sirve también para ver de que se trata, y ya si está interesado seguirá leyendo en el texto de lectura que es a donde va a caer después de los dos primeros elementos. Aquí puedes ver de que hablo.
En general el sitio ahora es más liviano, más usable además de cambiarle la cara al ISC que buena falta le hacía ya a dos años del primer diseño.
Esta serie de íconos los hice para un proyecto que estamos desarrollando, el sitio es sobre ecotours en ATV (All terrain vehicles) más comunmente llamadas "cuatrimotos", y estarán en el área de información de cada ecotour.
Es interesante jugar con la iconografía, lo que puede parecer un ícono muy detallado en realidad es una pequeña ilustración más bien sencilla, pero se puede jugar con las luces y las formas para que al verlos al 100% den el efecto deseado. Aquí pueden verlos más grandes.
La tshirt de este día es para Evo Morales, el recién electo presidente de Bolivia. No simpatizo con sus ideas pero andaba navegando y me encontré con una fotografía suya y me pareció divertido hacerle un diseñito. :) sentí unas ganas irresistibles de vectorizar su cabello jeje.
Si, yo se que está muy geek :p, pero si me la pongo.
Tengo algunas ideas en mente de camisetas y las voy a estar publicando, digo... talvez nunca se hagan realidad pero es mejor que estén cuando menos publicadas aquí que en el cajón de los diseños useless. (Click en la imagen para verla más grande)
Por fin podemos publicar el material completo :), eso quiere decir que el disco está impreso y en las manos del Sr. Jorch (aún no tengo mi disco). Por comentarios de el mismo sabemos que la impresión y el color quedaron bien, estábamos un poco nerviosos porque el disco lo enviaron a producción a una compañia gringa que se llama Diskmakers, y así como que a distancia pues te da un poco de incertidumbre el proceso tan delicado que es la impresión, pero al parecer todo salió bien, pronto informaremos donde lo pueden comprar, si es que alguien se interesa.
Este trabajo no hubiera sido posible sin la valiosa colaboración de Chiara Bautista (Ilustración), Diego Salcido (Reproducción fotografíca), que aportaron su talento sin cobrar un peso.
UTC Advertising nos confío el diseño y producción de su sitio web. UTC es una agencia de publicidad con oficinas en la ciudad de Phoenix Arizona.
En parte este sitio ha sido la razón de la poca actividad de mi parte en este blog, este sitio hecho en flash me trae como loco, lleva un buen de animación frame por frame y otro tanto de actionscript. Aún no lo terminamos pero en cuanto quede por aquí lo vamos a publicar. Quiero darle las gracias a Chiara Bautista, excelente ilustradora que nos ayudo con este sitio.
Al parecer las reaccionesnegativas que originó el rediseño del logo de Quark en el 2005 influyeron en los directivos de la empresa y decidieron cambiar de nuevo el logo a este que presento. El logo malogrado fue hecho por la agencia SicolaMartin que aún lo muestra orgullosa en su portafolio :s. Digo, si eres una empresa de prestigio internacional y especializada en identidad este debe ser un muy pero muy mal paso.
Y volviendo al logo nuevo, parece que tiene una pequeña mordida en la parte superior izquierda no?, ese logo lo tomé del sitio de Quark.