Tzek Blog de Diseño

De lo último que he tenido de chamba está darle formato a una guía para los usuarios de bibliotecas y centros de información llamada "¿Respetas los derechos de autor?" tanto para impresión como para pantalla.

 La parte impresa.

Primero me tocó darle forma a la versión impresa... el diseño editorial había que enfocarlo más en la forma conveniente que en una reestructuración del contenido (el texto y cómo estaba organizado). De ahí que se tomara una paleta viva/vibrante con tonalidades naranja-amarillo-rojo-fucsia. Esto con el fin de dar origen a una mano (la identidad, el autor) impregnada del derecho de autor (el copyright)... Una idea muy simple quizá, pero quería probar que tan bien podría quedar... claro que a la bolita "copyright" número 50, yo ya estaba hasta la mauser... supongo que debe haber una forma óptima para hacerla.

 Luego había que cubrir este rollo de lo no cuadrado, lo llamativo para los jóvenes usuarios; ergo, poner cosas "chuecas" (uta.. que creativisisisimo wey). Y eso dió pie un tetráptico (mucho espacio, mucho lujo) implicado en gran parte porque las dos guías en sí son diagramas de flujo por lo que requerían de un buen tamaño para leerse con facilidad.

 Y ya. En teoría, pronto encontrará su guía de derechos de autor en su tiendita de la esquina o en su biblioteca más cercana (claro, mientras esté dentro de la sociedad de cooperación interbibliotecaria Amigos).

La parte web o mejor dicho, cómo IE puede fastidiarte tus diseños. 

Una desventaja de trabajar en Mac es que se te olvida (si no usas Firefox) que existe IE y otros exploradores además del Safari. Por cierto, ¿por qué los usuarios de Windows no usan Safari en vez de ponerle un skin a su FireFox?

Bueno, soy culpable... admito que debo tener más en cuenta a mis usuarios (con IE 6 y 7). Así que ya no puedo decirme más "luego lo ajusto a IE 6 y 7 y ya está" porque no es tan simple. 

Aunque la versión web de la guía la quise hacer simple, quería que tenga un punch visual (ya saben: colorcitos, sombras y cosas flotando).  Pero claro, IE me dió un lapo en la cabeza cuando quise poner PNGs a 24 bits flotando unos sobre otros y más si haces un remplazo de texto por imagenes. El IE, con su problema de flotamiento, "mueve" las cosas si aplicas el filtro a un PNG de 24 bits  y por ende, se te desactivan bloques que funcionarían como vínculos (da la sensación de que se "bloquean" los "botones").

Hablando de 24 bits, me ganó la ignorancia porque hasta el momento no me "junciona" aplicarle bien el filtro para la transparencia desde la etiqueta IMG... así que la "manita" del header (ver imagen de abajo) no tuve más remedio que ponerla como fondo de un DIV hueco.

Al final cedí y puse el menú como una lista simple. Si usas Safari verás el sombreado del texto vía CSS, pero hasta ahí.

Asumiendo el perfil de usuario, preferí colocar botones de imágenes en forma directa para descargar los diagramas de flujo; también activé vínculos en las imágenes.

Otra vez experimenté lo desesperante que puede ser IE, y no sólo el 6 por no aceptar PNGs de 24 bits, sino también el 7... Al final, como se dice por aquí, Microsoft "tiene el sarten por el mano". En este caso, muchos de los usuarios verían esta guía bajo IE 6 (sí!!!, la versión 6!!!). Lo que me dejó pensando es si usar algo "menos imagen" y "más estándar actual" en lo futuro que haga de web. 

Si el IE no tuviera estas broncas (puesto que FireFox y Safari se ven prácticamente igual), no puede quitarse la cosquillita exploratoria de los PNGs con transparencia y los DIVs flotando y encimándose por doquier... pero ni pecs... el usuario es primero.