Para más información, pueden ir la página de facebook!
Entre los fans habrá sorpresas!
Saludos!
Criatura Creativa Studio cumple 10 años, y los festejamos a todo trapo!
1
Category Archives: General
De regreso, en clave baja mayor…
Paleta atípitca.
Los que me conocen saben que es una tendencia natural para mi trabajar con colores brillantes, puros, contrastados.
¿Y como explicar el relanzamiento de mi sitio web, en un fondo negro que casi copa toda la superficie visual?
Lo más personal y profundo, a veces sale de lugares donde no necesariamente llega la luz, o no en la cantidad que muestra la vida cotidiana. Son reflexiones que vienen de un costado más íntimo, reflexivo, humano.
Pero como una fiera enjaulada, el contraste y la stauración propias de mi "personalidad gráfica", aportan en forma de acentos de color, guías que los llevarán a través de este universo personal, donde muestro un poco más las pasiones, disciplinas y cosas que me movilizan a diario.
Pueden visitarlo en http://www.eduardocesario.com
Espero que lo disfruten
Eduardo Cesario
Diseño del sitio de la Farmacia Social del Instituto Puiggros
Cada diseño web presupone un desafío, sobre todo a la hora de utiilizar estándares y no aburrir con la forma de presentar la información, pero a la vez hacerlo de una manera estética y atractiva.
Para el caso de la Farmacia Social del Instituto Puiggros , optamos por una gráfica más "blanda" en cuanto a la paleta cromática (sin uso de colores muy saturados), y una alta sensiblidad , utilizando ilustraciones de "manual", combinadas con fotografías de distintas plantas que se usan para producir medicamentos naturales.
La armonía de color, fundida con diferentes recursos gráficos, concluyen en un diseño funcional, pero estéticamente cuidado y personalizado.
Eduardo Cesario
Diseño del nuevo sitio para Laboratorio Dr. Rapela
Finalizamos el rediseño total del sitio de Laboratorio Dr. Rapela.
En este sitio ponemos énfasis la limpieza y exactitud, como ideas de partido para desarrollar una gráfica acorde. Además ha sido desarrollado, como es habitual en nuestro estudio, con tecnología basada en estándares (xhtml strict / css), y está montado sobre una plataforma que permite la fácil actualización de contenidos de prácticamente todo el stiio.
Esta pieza virtual forma parte de un proyecto integral de rediseño que estuvimos realizando, que incluye la modernización el isologotipo de la firma, el rediseño completo de la imagen institucional, la toma de fotografías de las instalaciones, y la proyección de la señalética para el laboratorio.
Eduardo Cesario
Un anticipo del Diseño de Señalética para Laboratorios Rapela
Como parte del proyecto de diseño integral que estamos llevando adelante para nuestro cliente Laboratorios Rapela, se encuentra el diseño de señalética de las instalaciones.
Para ello se partió del rediseño de los pictogramas que identificaron los diferentes departamentos de la firma, dándoles una reinterpretación y gráfica más limpia, acorde también al rediseño institucional y rediseño de web que estamos finalizando.
Los pictogramas resultantes, centran la propuesta en la interrelación de elementos en negativo, vinculados con formas en positivo que tienen que ver obviamente con la actividad puntual. El desafío fue poder establecer un complemento entre figura/fondo armónicos, con sentido y criterio estético acorde.
En la aplicación web, se agregó volumetría a los íconos, para que estos se vean más corpóreos y atractivos.
Estaremos publicando el sistema de señalética más completo en breve, que se desprende de la paleta cromática de éstos, y el repertorio formal que se exponen en este post.
Eduardo Cesario
Un mosaico de browsers, respalda el diseño sustentable
El desafío del diseñador que entre al ring del diseño con estándares, no sólo será hacer algo de calidad visual única.
Una vez que está armado el prototipo donde se va a fundar el nuevo sitio web, viene la parte más odiosa y que algunos no llegan a soportar: el testeo cross-browser, o hablando en criollo, la prueba del prototipo en los navegadores más populares del mercado.
Lamentablemente, Microsoft sigue manteniendo entronizado al Internet Explorer. Por qué lamentablemente? Porque esta repleto de bugs e inconsistencias con los estándares.
Como si esto fuera poco, Safari y Chrome, son los nuevos contendientes que vienen siguiendo la línea de Firefox (el más confiable y fiel navegador web que conozco).
De ahí que en mi caso, trabajando en Mac OSX, tengo virtualizado un Windows XP, donde utilizo alguna herramienta para previsualizar en varios Explorer al mismo tiempo, como por ejemplo, Multiple IE. Este es un dato no menor, ya que Windows no deja tener instaladas de manera nativa varias versiones del Internet Explorer.
Si bien cada browser reinterpreta las reglas de juego a su manera, en esta captura de pantalla recortada a manera de mosaico, les muestro como un diseño que se ajusta a estándares y se ha testeado extensivamente en diferentes browsers y plataformas, es consistente y sustentable, es decir, a prueba de browsers rebeldes. En el caso de Internet Explorer 6, es una buena práctica incorporar algun IF con ciertos estilos para arreglar algunas falencias, ya que el ideal que sostuve mucho tiempo de usar un solo stylesheet para todos los browsers, se va desintegrando lentamente, a medida que salen nuevos navegadores.
Como escribí en el post anterior , en lo personal creo que es una muy buena práctica, con el tiempo, poder escribir el código directamente, e ir testeando. Ahorra muchísimo tiempo de debugging en los diferentes navegadores.
El caso de estudio presentado aquí, es el sitio web de L.A.Y.D.E., Laboratorio de Análisis y Diagnóstico Etiológico, que estará online muy pronto.
Eduardo Cesario
Optimizando el diseño acorde a estándares y vendiendo el alma a mi costado geek
Quien hubiera dicho que un diseñador gráfico se vería complacido en tipear, si, tipear, el código de un sitio en vez de usar alguna interface o software preparados para tal fin?
Sinceramente, yo nunca lo pensé. Ahora, si hoy en día me preguntan si lo hago, y si, la verdad es que me es mucho más práctico y ahorra problemas, a pesar de que siempre preferí usar interfases mucho más didácticas.
Cuando comencé a diseñar basándome en estándares y usabilidad, allá por el 2005, esa tarea me parecía monumental, inalcanzable, inaccesible… buscaba siempre aplicaciones que auxiliaran a mi ojo, entrenado esencialmente en lo visual. Conviví con el Dreamweaver (por aquella época Macromedia Dreamweaver), luchando con versiones viejas menos preparadas a la correcta pre-visualización de Cascade Style Sheets…
A mediados del año pasado, sin darme cuenta, estaba usando el Smultron (el mejor editor de texto para mac, a menos para su seguro servidor), y tipeando la mayoría del código de la plantilla que estaba desarrollando "a mano".
Llegué a este punto gracias a una gran virtud que nos da el trabajar con CCS y xhtml strict: el poder de abstracción. Usualmente, dibujo un layout modelo al cual quiero llegar, y armo un anteproyecto (lo más parecido a lo que pretendo diseñar en la realidad del código), y ahí distribuyo en divs y secciones las partes del diseño.
Luego voy abriendo y cerrando los tags, todo tipeado. Esto me permite aprovechar las siguentes ventajas:
- Errores de validación casi nulos: es muy difícil que tipee algún tag incorrecto, o que complique mucho el código (esto en general es hecho por los distintos programas destinados a diseño web, ya que deducen donde incia y terminan los tags, y muchas veces por cerrar alguno que quedo abierto, lo hacen mal).
- Simplificación de la estructura: al uno estar desarrollando palmo a palmo el código, tiende a que éste sea lo menos complejo posible (por comodidad, prolijidad, etc).
- Orden en la estructuración del contenido y sus propiedades: voy asignando las clases y selectores a medida que voy ingresando el código, a pesar que estos aún no existen (la hoja de estilos es el siguiente paso).
- Coherencia entre la hoja de estilos y el código: ya que baso todo el trabajo de CSS en el código previamente concebido. Esto deriva en no tener miles de clases y estilos que se han dejado de usar porque se cambió la estructura del código, pasando a ser inútiles, ya que es raro que éste cambie en su esencia una vez que ha sido estructurado.
Lógicamente, reconozco que para llegar a este nivel de geekeada (si se me permite el neologismo), se requiere un poco de experiencia en el tema. En mi caso, el mismo camino me fue llevando a adoptar esta modalidad de trabajo. No digo que sea la única, ni mucho menos la "correcta", pero me pareció interesante compartir la experiencia. Sería interesante conocer opiniones de colegas que por casualidad lleguen a este blog…
Saludos y feliz 2010!
Eduardo Cesario
PD: quédense tranquilos, si me copio el DOCTYPE con copy paste del Dreamweaver! 
El blog ha muerto, viva el blog
La tradición ya me lleva a tener que revivir este espacio, que según las demandas personales, creativas, laborales y otras yerbas, suele ser víctima de abandono. Se silencia un canal de comunicación que me gusta mucho poder usar, pero que las circunstancias suelen convertir en fusible, es lo que resigno.
Ahi empiezan a aparecer las señales de ese forzoso abandono…
Primer síntoma: las visitas al sitio del estudio bajan a la mitad.
Segundo síntoma: taponar una via de expresión que a veces es más que gratificante, si bien la mayoría de los que visitan este blog, no comentan (un mal generalizado, del cual soy víctima también).
Entonces la situación vuelve a cero, y acá es donde vienen los problemas de tener un blog:
- tener algo que decir,
- tener el tiempo para prepararlo,
- herradicar la autocensura,
- y por supuesto, tener las ganas de publicarlo.
Entonces, por hoy, cumplo con los pasos 3 y 4, el blog esta vivo nuevamente.
Saludos!
Eduardo Cesario
Presentación de la nueva folletería institucional para la Escuela de Fotografía Motivarte
Como sabrán los que leen el blog, hace unos años comenzamos a diseñar distintas piezas para la Escuela de Fotografía Motivarte.
Desde un principio, los trabajos de diseño fueron coordinados directamente con Jonas Papier, Director de la institución.
Entre las piezas diseñadas a lo largo de este tiempo, se destacan algunas que comenzaron a dar una pauta sobre cual es la propuesta de diseño que el estudio planteó para la Escuela:
- El sistema de señalética que actualmente se usa en la escuela.
- La gigantografía [f6] (Diafragma Loco).
- Diplomas de cursos y carrera.
- Isologotipo de los 15 años de la Escuela.
- Diferentes diseños de afiches para vía pública y campañas.
Pero si hay un conjunto de piezas que redondea de manera inmejorable la nueva propuesta visual planteada por CCS, esas piezas son sin lugar a dudas, la folletería institucional que acaba de ver la luz hace pocos días, y después de un no menor proceso de diseño y selección de material a ser incluído en los folletos.
.jpg "Nueva Folletería de la Escuela de Fotografía Motivarte")
Sintetizando el concepto, se apostó a un color muy potente para cada departamento de la escuela: Cursos Básicos, Cursos Avanzados y Carrera de Fotógrafo Profesional. El lenguaje y técnica de representación, si bien se basa en trabajo vectorial sobre fotografías, excede al registro fotográfico para presentar un trabajo más dinámico y moderno. La apuesta cromática es fuerte, y también se ha desestructurado la tipografía del logotipo en 3 líneas, para darle más movimiento y juventud.
La selección del material fotográfico presente en el interior de los folletos, estuvo a cargo de Jonas Papier. Yo también pude seleccionar material producido por alumnos que tuve en el primer cuatrimestre del 2009, en la materia que dicto en la escuela, Diseño y Percepción de la imagen. Aprovecho este medio para agradecer a los alumnos Justina Luguercho Grobas, Karen Vinueza, Ana Maidana y Santiago García (ex alumno del 2008), por la buena predisposición para poder utilizar su obra fotográfica en el trabajo, ha sido un placer, realmente, contar con excelentes fotografías y trabajos de su creación.
Espero que disfruten los folletos, podrán verlos si pasan por la Escuela.
Saludos!
Eduardo Cesario
Diseño de Isologotipo e imagen corporativa para la Cámara Argentina de Salas de Bingo y Anexos
