SuperMag - Weblog de Armando Sosa

CSS para diseñadores

Molly E. Holzschlag autora de incontables libros y artículos sobre diseño web junto con Andy Clarke han hecho esta serie de tutoriales titulados CSS for designers para Lynda.com.

Estuve viendo los videos de muestra que tienen en el sitio y me parecen excelentemente bien explicados. En éste, por ejemplo, explican muy bien y en muy pocos minutos un concepto un tanto complicado que es el progressive enhacement. Viendo el temario parece que sólo puede ponerse más interesante.

Asi que si quieren aprender a diseñar sitios web utilizando CSS y no tienen ganas de pasarse interminables horas experimentando a ciegas y buscando tutoriales en los rincones más reconditos de la internet puede que este curso les sea útil. Son 7.5 horas de video y 100 dolares puede que no sea tanto si es que los tienes :P

Boicot a Techcrunch

No se si alguno de mis lectores diseñadores estén suscritos al blog de Michael Arrigton, TechCrunch pero en solidaridad con Rachel Cunliffe yo por lo menos voy a desuscribirme a sus feeds y voy a dejar de leerlo para siempre.

Para quienes no tengan idea de qué estoy hablando, les resumo un poco la situación:

Arrington es, hasta donde sé, un inversionista que se dedica a financiar startups. Estar en esa posición privilegiada le ayudó a crear el que ahora es el blog más importante sobre web 2.0, TechCrunch, y lo ha convertido sin duda en un lider de opinión en muy poco tiempo.

El primer diseño de TechCrunch fue magistralmente diseñado por Frederico Oliveira y constituyó una referencia obligada para describir el llamado estilo 2.0 cuando es bien ejecutado. Personalmente admiraba ese diseño y gracias a éste, Frederico se convirtió en uno de mis diseñadores favoritos.

La semana pasada TechCrunch lanzó un rediseño realizado por Rachel Cunliffe una diseñadora especializada en blogs con quien ya había trabajado antes. El nuevo diseño es malo de por sí y una gran porquería comparado con la maravilla que había diseñado Olivieira. Las críticas obviamente aparecieron por todos lados, de los cuales el analisis de Mike Rundle es el más atinado.

Pero dejando detalles estéticos de lado, lo que resulta obvio con éste nuevo diseño es que el interés principal es hacer dinero mediante la colocación de muchísima publicidad en todas las páginas y es obvio que se le dió más importancia a ello que al contenido. Otra cosa, si bien, Rachel no está en mi top 10 de diseñadoras favoritas (aunque si en el las más guapas:P), el trabajo que hemos visto de ella es muy superior a éste diseño en cuestión. La razón parece darle el mismo Arrington en su post de presentación:

Lánzamos un nuevo sitio de TechCrunch esta noche con una apariencia y sentimiento muy differente […] Todo lo maravilloso del nuevo diseño es gracias a la asombrosa Rachel Cunliffe, mi diseñadora. Todo lo malo con ello es mi culpa por imponerme sobre algunas de sus ideas.

Como todos mis colegas sabrán, no tiene nada de raro que el cliente meta mano en nuestro diseño y muchas veces lo eche a perder. Tampoco es raro que expresamente pidan una porquería y uno por necesidad tenga que hacerles la basura que quieren. No creo que Rachel anduviera urgida de trabajo, pero tal vez creyó que rediseñar uno de los blogs más populares le traería visibilidad, reputación y éxito consecuente. Desgraciadamente no fue así. Los comentarios y las críticas negativas fueron generalizadas y Rachel apenas se defendió diciendo que había hecho exáctamente lo que le habían pedido.

Gracias. El diseño es increíblemente personal y no estoy tomando los comentarios negativos como personales porque sé que he creado lo que mi cliente quería y tenía en mente - layout, ads, colores exactos y formato.

En parte tiene razón, aunque el trabajo estuviera a la vista de todo mundo ella había hecho lo que su cliente le había pedido. (Aunque personalmente creo que uno debe de diseñar para los clientes de sus clientes y no para los clientes en sí, pero bueno ese es tema para otro post). La nota mala la dió el ultimo post en el blog personal de Arrington:

Jeremy Baines me envío una captura de pantalla de la manera en que él hubiera cambiado TechCrunch. Estoy impresionado hay un montón de cosas aqui que pretendo robar. Gracias Jeremy!

WTF?!?!?!? ¿Así tan simple se deslinda de la basura que es el nuevo diseño de su blog y pretende hacernos creer que todo es culpa de Rachel? No, señor A-ringtone, eso no se vale.

Por eso me desuscribo de todos sus sitios. Porque esa es la única manera que tengo de protestar contra este idiota imbecil que no entiende ni respeta el diseño. Y como leí en algun comentario: si me pudiera desuscribir dos veces, lo haría.

Keep it simple?

Si estan suscritos a más de un blog de diseño y/o tecnología seguro que ya habrán visto el chistecito ese en el que Microsoft rediseña el empaque del iPod. El problema es que — aunque el video en cuestión es una excelente parodia— muchos lo han tomado más que como un chiste, como la prueba viviente y fehaciente de que el diseño de Apple — y por extensión, todo el minimalismo— es siempre la mejor opción.

Yo odio a Microsoft tanto como cualquiera, pero la verdad es que las hordas de fans descerebrados de Apple me molestan más que cualquier BOSD (en realidad no he visto una en mucho tiempo). Mi problema no es contra las Apple (de hecho, espero pronto tener una de estas) sino contra los weyes que son capaces de comprar esto y alabar todo lo que mr. Jobs haga.

Pero volvamos al asunto que nos ocupaba en un principio: la parodia del Microsoft I-Pod ™ 2005 Human Hear Edition. El diseño de Microsoft en el video es obviamente una exageración por lo que es una verdadera lástima que no exista un producto real para poder comparar. Pero imaginense por un momento que tal producto existe y que su empaque es igualito al de la parodia. Ahora visualicenlo compitiendo con el empaque de Apple en un estante cualquiera de un Walmart en iguales circunstancias (es decir: ambos productos acaban de ser lanzados). Sean siceros ¿Cual se vendería más?

Blackletter in Mexico

Cristina Paoli estudió Tipografía en Londres, y como trabajo final realizó “un estudio sobre la escritura gótica (blackletters) de los rótulos en México.

Exploré las posibles razones para su uso, hechos históricos y las formas y tendencias de las letras góticas mexicanas. De la investigación tipográfica que hice en méxico encontré patrones y desviaciones en las letras góticas mexicanas. Entonces deconstruí cada rótulo teniendo al final más de 1500 caracteres individuales. Removí las letras de su contexto y color, transformando los coloridos elementos tipograficos en siluetas negras[…]

Y pensar que nosotros, estando en México sufrimos para encontrar temas de tesis.

Diseñadores 2.0

Perdonenme la arrogancia de inventar un nuevo término pero no sabía cómo llamarles a los diseñadores web comprometidos con los estandares , con la usabilidad, con la accesibilidad, con la separación de las capas de contenido, presentación y funcionamiento y que están convencidos de que la forma debe obedecer a la función y no viceversa. Por ahora, me atreveré a etiquetar a éstos como Diseñadores Web 2.0 mientras llega otro término mejor.

Hace poco, el rediseño de los periódicos del grupo reforma alcanzó tambien las ediciones online y el resultado fueron sitios pobremente diseñados y que son perfectos ejemplos de lo que es diseño web 1.0.

La verdad es que el medio del diseño web, en México al menos, sigue siendo dominada por la vieja escuela del diseño web. La mayoría de los pequeños y medianos estudios siguen creando sitios a la manera de 1999: Sitios estáticos llenos de tablas, animaciones gratuitas, pop-ups, javascript no degradable o de plano inaccesibles sitios construídos enteramente en flash.

La verdad es que esta situación me deprime un poco y a veces me siento sólo y un poco tonto siendo el unico que piensa de esta manera. Todos los colegas que he conocido son del tipo frontpage-es-lo-máximo o este-sitio-se-ve-mejor-en IE4+ o del tipo saltar-intro. De hecho, no conozco a ningún otro diseñador 2.0 en Guadalajara.

Aunque el movimiento de estándares se ha visto un tanto lento en estos lares, sé que el evangelismo ha tenido sus frutos y que allá afuera habemos más como yo — interesados en diseñar para el futuro— sólo que estamos un tanto dispersos.

Asi que se me ha ocurrido que necesitamos un directorio de diseñadores 2.0 (y un mejor término) donde se listen todos los despachos de diseño y freelancers que se identifiquen con éstas filosofía de desarrollo. Si no existe ya, se me ocurre que un buen lugar para colocarla sería Diseñamos.

¿Creen que sea buena idea? ¿Alguien se apunta? ¿Pueden pasar la voz?

El aspecto visual

Acabo de leer un muy buen artículo sobre el valor del diseño en el web, publicado en alzado.org bajo el título Diseño de marca y visual. Recuperar un valor clave.

Iba a dedicarle solamente un minipost, pero creo que vale la pena comentarlo un poco, sobre todo ante la bazofia de artículo que flotó la web recientemente y que aqui nos encargamos de ridiculizar (porque eso del ridiculo se nos da).

Cito el resumen:

Que una web sea accesible es un aspecto técnico que el cliente final no va a comprar. Que una web cumpla “estándares” lo mismo. El aspecto visual si es algo que el usuario comprará.

Ese parrafo me dejó pensando. Porque por alguna razón, se ha tenido la (falsa) noción de que el minimalismo equivale a buen diseño, que austeridad es igual a estándares y enormes textos a accesibilidad. Pero todo eso es tan falso como aquella idea de que diseño es igual a flash.

Y nada de esto es completamente cierto.

dospuntocero 2.0

Como ya les había adelantado, con motivo del CSS Reboot (ya pueden ir y votar ) he rediseñado mi otro blog: dospuntocero el primer y original blog sobre web 2.0 en español. Ha sido un rediseño un tanto apurado y aunque aun quedan cosas que arreglar por aqui y por allá he quedado satisfecho con el resultado.

He hecho algunas cosas un tanto radicales (para mi, al menos) por primera vez en un (re)diseño: layout optimizado para resolución de 1024px, me apegué a una reticula muy estricta y me apoyé bastante en javascript para mejorar la experiencia de usuario.

Mientras que en el pasado traté de huír como de la roña del clásico formato blog, esta vez he decidido abrazarlo y explotarlo al maximo. Una cosa que siempre quise tener en un sistema de gestión de contenidos es la posibilidad de formatear diferente cada post de acuerdo a su categoría y lo he logrado para esta encarnación de dospuntocero a base de hackear MT con PHP, como siempre.

Otras cosas que quería hacer se me han quedado en el tintero: un dominio propio (ya lo tengo, solo falta pasar todo para allá), posts dinámicos (cosas como encuestas embebidas en el post por ejemplo), feeds por categoría y un CMS propio.

Cada que rediseño aprendo cosas nuevas y siempre prometo decirles lo que aprendí, inventé y descubrí pero nunca lo hago. Ahora creo que si lo haré, les enseñaré un truco a la vez y les pasaré algunos de los scripts que escribí (los más presentables). Asi tengo material de que escribir para un rato.

Espero que les guste y como siempre son bienvenidos los comentarios y las criticas constructivas.

Que pare la masacre

Este post tiene un mes de viejo pero ahora que Microsoft Expression es noticia, es interesante leer la opinión de John Nack, un desarrollador de Adobe acerca de las opiniones que dicen que el nuevo software de Microsoft será un Adobe Killer.

Si yo fuera Microsoft, estaría como loco negando estas aseveraciones. ¿Por qué? Porque producen expectaciones falsas e irrealistas que terminan reflejandose en los nuevos productos. Trasfondo: Cuando InDesign 1.0 estaba desarrollandose, algunos partidarios de Adobe lo llamaron “Quark Killer” […] Cuando el producto 1.0 se liberó y no mató una aplicación que había estado establecida por más de una decada, se pensó que era una falla. […]

Ahora InDesign apenas está tomando el liderazgo de la industria y en gran parte porque Quark se durmió demasiado tiempo en sus laureles confiando en su supremacía, subestimando al producto de Adobe e ignorando a sus usuarios.

Así que pasará mucho tiempo para que Expression supere a Photoshop, Illustrator, Freehand o CorelDraw o lo que sea en los escritorios de los diseñadores si es que eso realmente le importa. Pareciera que Expressions está más orientado a ser una editor gráfico para que los desarrolladores generen los gráficos necesarios para aplicaciones que correrán en Vista — el próximo Windows que traerá consigo un nuevo motor gráfico: Avalon.

ALA 201

En otras noticias, la fabulosa revista en línea A List Apart regresa (con nueva URL al parecer) y un nuevo diseño que está …. mejor veanlo.

Razones para diseñar

Me siento de alguna manera obligado a dar un a explicación que nadie me ha pedido. ¿Han notado lo abandonado que he tenido este weblog? El sepulcral silencio que ha habido por aquí no significa que yo haya estado sin hacer nada. Más bien al contrario parece que he estado más ocupado que nunca. Me aventé el compromiso de publicar dos nuevos blogs; contenido neto y dospuntocero que tratan de temas un tanto fuera del tema central de Supermag que trata principalmente aunque ud no lo crea de diseño. Además estamos desarrollando otros bonitos proyectos no necesariamente relacionados con blogs que ya les platicaré en su momento.

He estado coqueteando con la parte de programación del desarrollo web y me siento muy bien, muy cómodo haciéndolo. Creo que ya lo he platicado por aquí pero por si no, les cuento que después de aprender a programar (sólo pascal y clipper en aquel entonces) en mi bachillerato técnico yo tenía en mis planes estudiar ingeniería en sistemas. Es cierto que el diseño siempre me gustó pero el que terminara siendo diseñador fue más bien cosa de un accidente que de planeación.

No se ustedes pero a mi la publicidad me tiene asqueado, toda la publicidad pero sobre todo la gráfica. La contaminación visual, en mi ciudad al menos, ha llegado a niveles disgustantes. Ya no es posible contemplar algún edificio o monumento turístico sin que haya cientos de estímulos basura queriendo captar tu atención.

En un solo crucero puedes encontrarte 4 o 5 espectaculares, 4 parabuses cada uno con 4 carteles en sus exhibidores de doble cara y otro anuncio en el respaldo de la banca. En cada poste de luz o telefono hay varios carteles pegados y 1 o 2 banners colgados. Tambien es probable que haya paredes retacadas con 4 o más billboards y si hay telefonos o uno de esos nuevos minibaños públicos también estarán tapizados de publicidad.

La recepción de estímulos al transitar por estas calles es similar a la de caminar en medio de un tianguis muy ruidoso donde todos los vendedores están tratando de gritar más fuerte que los demás desesperados por llamar tu atención. ¿Y que es lo que gritan? Babosadas. Vulgaridades. Bullshit. Mentiras.

Me molesta mucho el papel que tiene el diseño en la relación de toda esta porquería. Pero los culpables de todo son el capitalismo y la mercadotecnia. La mercadotecnia no es más que la ciencia que estudia qué mentiras contarle a quien y asegurarse de que se las crean. Así, el departamento de mercadotecnia de Axe nos cuenta la mentira de que usando su desodorante nos volveremos sementales irresistibles, nos la cuenta muy bonito y la repite una y otra vez hasta que nuestros débiles cerebros mediaidiotizados dejen de oponer resistencia y nos la creamos. Coca-Cola, mcDonalds, Nike y todos los partidos politicos hacen lo mismo, nos mienten con una sonrisa y a nosotros nos toca agachar la cabeza y asentir. La publicidad visual es un hijo bastardo del diseño y la mercadotecnia.

En épocas electorales este resentimiento se me acrecienta. Me enferma ver esos carteles con politicos encorbatados y sonrisa photoshopeada atribuyéndoles estúpidas frases cliché como: Por un país mejor,Porque yo si soy de ley que fueron ideadas por un grupo de creativos malpagados. Me molesta que esperen que les creamos sus buenas intenciones cuando sabemos que lo único que les interesa es el poder por el poder y el poder por el dinero. Y lo peor es que les creemos.

El diseño debería resolver problemas, comunicar mensajes, ayudar a construir un mundo mejor no cooperar activamente en la devastación de la conciencia colectiva. ¿Para que prostituirse de esa manera? ¿Donde está la ética y la conciencia social? ¿Los que le diseñaron la campaña a Carlos Salinas de Gortari pueden dormir tranquilos?

Sólo se que yo no quiero verme involucrado en nada de eso, por lo tanto he decidido alejarme por completo de todo lo que tenga que ver con publicidad. El diseño tiene muchas otras aplicaciones verdaderamente útiles y es a esas a las que me quiero enfocar.

Por eso he estado alejado de aquí, porque para poder adquirir las nuevas habilidades que necesito y desintoxicarme un poco la mente precisaba dejarme un poquito del diseño. Pero he vuelto y pronto verán algunos cambios por aquí.

PD. Mercadologos: no me odien por ser inteligente.

Catalogo PHP

Otra vez recurro a su ayuda amables amigos y lectores. Necesitamos urgentemente un sistema para manejar un catalogo de productos. Son muchos: unas 50 categorías con un promedio de 20 productos cada una. He estado buscando por ahí pero hay demasiadas opciones y no veo por cual decidirme.

Necesito un sistema qué:

• Corra en PHP y MySql
• Tenga categorías y subcategorías
• Soporte imágenes
• La interface sea completamente personalizable
• Separe contenido de presentación, para poder maquetar con CSS
• No sea carísimo
• De preferencia sea OpenSource

El asunto del carrito de compra no es necesario por le momento, pero no se descarta en un futuro asi que es una característica que no está de más.

Si saben de algo, que lo hayan usado y lo puedan recomendar por favor diganlo en los comentarios. Seguramente todos nos podemos beneficiar.

Meme de diseño

Procedo a responder el meme de diseño de los alquimistas

1. ¿Qué área del diseño estudias o estudiaste?

Diseño gráfico. Por razones del destino estoy epecializado en impresión y producción a la warrior pero mi pasión es el diseño y desarrollo web.

2. ¿Qué materia fue la que mas odiaste/odias en tu carrera?

Pues concuerdo con Mark que uno casi siempre odia las materias por culpa del maestro nefasto, pero si hay una que odio pr meritos propios es dibujo técnico. Odios los block tabla, odios los compases, las escuadras, las reglas T’s y todo eso. Si no existieran las computadoras yo me hubiera decidido por otra carrera definitivamente.

3. ¿software que amas?

Creo que ese sería Photoshop. Es casi el software perfecto. Firefox tambien me hace la vida mucho más facil y estoy seguro que cuando llegue a ser FF 3.0 va a ser el mejor navegador de la historia indiscutiblemente.

4. ¿Plataforma que amas (mac, pc, linux, una calculadora.. etc)?

Na. Yo no amo las plataformas eso es para geeks losers traumados. Amo mi computadora armada Pentium 4 a 1.4 GHz con 512 MB que no necesita ser Mac ni Dell para permitirme hacer magia. Es el mono.

5. ¿Algún cliente que te haya visto la cara y que tal vez quisieras agarrar a golpes si lo ves de nuevo?

No, sin comentarios… no pienso ponerlos sobreaviso.

6. ¿Tipografía que más usas?

Obvio no voy a mencionar solamente una. Aqui esta mi lista indispensable:
Trebuchet MS, Futura, Baar Sophia, Verdana y Blue Highway

7. ¿El peor trabajo que has hecho?

De recién que empezaba, incluso antes de estudiar diseño me comisionaron hacer un triptico de un candidato Priista que estaba postulado para presidente municipal de un pueblito de Colima. Ni siquiera tenía departamento de mercadotecnia ni nada parecido. Me dieron 3 dias para diseñarlo e imprimirlo y mis tareas consistian en retocar su fotografía y quitarle un poco la expresión de ranchero OGT ejidatario que tenía, hasta inventarle un slogan.

Todavía tengo pesadillas con ese triptico, y me remuerde la concienca que, a pesar de la basura de publicidad que le hice a propósito haya ganado.

8. ¿La página web peor diseñada que has visto por ahi?

La de la mi alma mater se lleva el premio definitivamente.

9. Y por último… ¿El mejor objeto o artículo diseñístico que exista?

El ser humano es una maquina tan perfecta que pese a lo que diga quien lo diga, no puede ser obra sino de un gran, gran diseñador .

Diseñamos, Revista para profesionales del web No. 2

¡ Diseñamos regresa con todo! Este mes un número doble con nuevos colaboradores. ¿Siguen aquí?

• Formularios con estilo por Alex Sancho
• Tú mismo eres tu peor enemigo por Romeo Márquez

XHTML 2.0

Leo en Chavalina que la gloriosa W3C acaba de publicar el borrador de XHTML 2.0 que viene con novedades muy interesantes. Para los que les da pereza leer esos documentos tan tecnicos les platico lo que me pareció mas destacado.

Secciones y Encabezados.

Los encabezados jerarquicos a veces resultan un problema a la hora de decidir cual aplicar en cada caso. Hay quienes creemos que debe haber solamente un h1 para definir el encabezado principal de la página y de ahi pa’ abajo. Pero otros usan, por ejemplo, un h1 para cada título de post, h2 para la fecha h3 para los subtítulos, etc…

XHTML 2.0 incluye dos nuevos tags: section y h (así, sin número). Y se usan más o menos así:

<section>
   <h>Encabezado</h>
   ...
   <section>
      <h>Encabezado secundario</h>
      ...
   </section>
</section>

De esta manera no existe una jerarquía expresa en el nombre del tag sino en la manera en que se anida dentro del documento. Esto va a ayudar a aprovechar las características en cascada del CSS, ya casi puedo imágianr el código:

h{
font-size:"trebuchet ms",arial,sans-serif;
color:#900;
}

section{
  border-bottom:1px solid #eee;
  padding:1em;
}

section h{
  font-size:200%;
}

section section{
  background:#ffe;
}

section section h{
  font-size:150%;
}

y eso nos ahorra el usar divs con clases para separar contenidos sin mencionar que el concepto de sección es mucho más semántico.

Roles (no de canela)

Aun así, puede ser que necesitaremos usar elementos div o span para modulos que no forman parte del contenido en sí como por ejemplo, encabezados o barras de navegación. Para esto XHTML2.0 incluirá un nuevo atributo role que definirá la función de los elementos dentro e una página, por ejemplo:

<ul role="mainNavigation">
  <li>...</li>
</ul>

y se podrá aplicar estilo usando los selectores de atributo de CSS3

ul [role="mainNavigation"] li{
display:inline;
}

Ahora, volviendo a la realidad, seguramente podremos empezar a usar estas teconologías digamos que por ahí por el 2012 cuando los navegadores tengan un soporte decente y por fin podamos dejar de diseñar para el viejo y desactualizado IE7 en favor de navegadores decentes como Firefox 3.0.

¡Ah, soñar no cuesta nada!

Los milagros salen más caros

Hay una especie de eslogan/chascarrillo y lo he escuchado en repetidas ocasiones entre compañeros del medio impreso: Los trabajos faciles se entregan al dia siguiente, los dificiles al tercer dia… ¿Los milagros? ¡Esos tardan un poquito más!

Quien se dedique sólo al desarrollo web tal vez no este familiarizado con la dinámica de trabajo de los que nos dedicamos a diseñar para impresión. Aquí todo urge para ayer, los trabajos dependen de demasiadas personas ajenas al diseñador, los procesos son largos y complicados y los errores son endemoniadamente costosos.

En un mundo ideal uno tendría el tiempo necesario para investigación y desarrollo de los proyectos, estaría presente en cada una de las etapas de produción y tendría un control equivalente a su responsabilidad pero este no es el caso. En el mundo real nos llega la despcripción del catalogo la mañana del viernes y tiene que estar impreso, empacado y listo para repartirse la mañana del miercoles. Uno diseña usando su instinto, su experiencia y cuantos chalanes alcancen con el presupuesto y las computadoras disponibles. Algunas veces todo sale perfecto.

Adan nos cuenta en su post del dia de hoy que debemos aprender a decir no cuando simplemente no se puede y nos da un ejemplo muy claro de ello. Pero a pesar de lo lógico que suena su razonamiento cuando uno está abriendose camino en el freelancing (como un servidor) dejar ir un trabajo y, por ende, el dinero que nos dejaría simplemente no es una opción.

Ahora, las ganas de trabajar y la necesidad de ensanchar el portafolio no son excusa para dejarnos pisotear y aceptar tratos ventajosos. Al contrario, debemos aprovechar las circunstancias y voltearlas en nuestro favor. A proposito de esto me recordó este post de 37 Signals que habla de un triangulo de proyecto que incluye tres características: bueno, rápido y barato entre las que el cliente debe escoger dos para su proyecto.

Los buenos proyectos toman más tiempo pero si se necesita que sea rápido y bien hecho entonces sale más caro. Ahora que si lo quieren rápido y barato, no podemos garantizar que sea tan bueno. Simple ¿no?

Esto se puede aplicar a un amplio rango de actividades, la próxima vez que te pidan se trabajo imposible para ayer recuerda decirle a tu cliente que Los milagros salen más caros

Tips para Desconectarse

Ya antes hablé sobre el esteñimiento creativo, y muchos otros lo han hecho (si tienen 3 dolares bajense el numero 3 de Design in Flight titulado Estacancamiento de diseño, está en inglés). Pero ahora quiero hablar sobre el otro extremo: del exceso de creatividad.

Cuando has logrado alcanzar ese estado mental en el que la creatividad fluye libremente por tu cabeza, las ideas van y vienen en un tráfico constante, las soluciones a los problemas llegan de quien sabe donde. Tu cabeza parece que brilla, sale humo por tus orejas…¡Estás en el nirvana del diseñador!.

La inspiración parece venir a tí en todos lados: en el carro, en el minibús, en la música, en todas las páginas que visitas y en ésta en especial, en la comida, sentado en el excusado, viendo los ojos de tu novia y hasta en tus sueños. ¡Basta!

¿Les ha pasado?. Aunque uno pueda darse el lujo de marcar un horario para trabajar sentado al restirador o frente a la computadora, nuestro cerebro no sabe cuando dejar de trabajar. Este post — por ejemplo, lo concebí antier mientras me bañaba y desde entonces lo he estado mascuyando todo el día y parte de las noche. Ahora por fín lo estoy escribiendo y una vez que lo publique, como dice Belinda ¡se acabó!.

Pero a veces, en proyectos más largos es dificl desconectarse. Durante algunas semanas del desarrollo de Diseñamos practicamente no desconecté mi cerebro-creatívo. A veces no podía dormir imaginando como hackear a MT para que hiciera lo que yo quería, soñaba con CSS y PHP y me programaba a mi mismo tipo on clock.alarm() do awake();.

A la larga esto es muy estresante.

Así que tuve que buscar algunos métodos para desconectarme y se los comparto, a ver si podemos juntos enriquecer la lista. Un lifehack al más puro estílo 43 Folders.

Consejos para desconectarse.

1. Lee música

Personalmente tengo un teclado Casio en mi cuarto para estos casos, pero una guitarra acústica también funciona. Consiguete una hoja de acordes de tu debilidad pop favorita, y si no te la sabes de memoria mejor (Atame es un buen recurso para canciones en español) Ponla frente a tí y toca lo que viene escrito de ser posible al pie de la letra o hasta donde tu habilidad te lo permita. Canta mientras tocas, y hazlo fuertemente, de preferencia imitando al artísta original.
Si no tocas ningun instrumento ni de broma, un Karaoke está bien.
Durante está actividad ademas de desestresarte, estarás realizando una actividad casi-mecánica que no inmiscuye creatividad.

2. Ve la televisión

Pero déjate de cosas culturales. Ve algo que te entretenga, que te mantenga en suspenso y te emocione o que te haga reír como estúpido. Me gusta mucho ver 24, me mantiene tan entretenido en la acción que ni me acuerdo del trabajo pendiente. Ver Bob Esponja me produce un efecto distinto pero igualmente útil, todo el tiempo estoy diciendo — Qué programa tan estúpido, pero simplemente no puedo dejar de reírme.
El Chavo del 8, Las peliculas viejas de Luis de Alba y El Caballo y hasta Los Simpson pueden funcionar. Por ninguna razón veas telenovelas, puede que cuando regreses a trabajar no se te vaya de la mente que la ingrata María Cristina rechaza el amor de Jose Juan Pablo sólo porque es pobre.

3. Duerme

Probablemente la carga de trabajo o la imposibilidad de desonectarte te haga dificil dormir en las horas destinadas a ello. Si te es posible, duerme en el preciso instante en que sientas sueño. Obvio esto no se puede realizar en una oficina pero es muy práctico si trabajas en tu casa en proyectos más informales. Una siesta de 30 minutos y estarás de nuevo al pie de batalla.

4. Bota una pelota

Suena demasiado tonto y simple, pero pocas cosas encontré tan relajantes y desconectantes como ir al patio y botar una pelota de basquet, con música de fondo y sin perder el ritmo. Obvio que si eres de los deportistas, echarte una cascarita con los cuates es mejor.

5. Sal a caminar

Pues eso, vete a dar un paseo por tu barrio con el pretexto de ir a comprar una gusguera. Aunque viéndolo bien, si vives en el DF, tal vez esto no sea muy seguro.

Y es todo por hoy, voy a desconectarme.

Diseñamos, Revista para profesionales del web No. 1

Por fín está en línea este proyecto en el que hemos trabajado los últimos meses. Diseñamos es una revista online dedicada a difundír contenidos para diseñadores y desarrolladores web. Por inauguración tenemos un número cuadruple con cuatro fabulosos artículos.

• Imagenes de Fondo
• Relación cliente Diseñador
• Navegación con pestañas
• Diseñamos para el futuro

Esperamos que sea de su agrado. Todos aquellos que gusten, ya pueden envíar sus colaboraciones para el próximo número.

Temario de Diseño Web

Dos colegas diseñadores me han pedido que les imparta clases de diseño web, pues quieren aprender a hacer páginas de internet según las palabras de uno de ellos. Es curioso que me lo pidieran casi al mismo tiempo, puesto que no se conocen entre ellos y ambos tienen más tiempo diseñando que yo.

Se me hace interesante la idea de evangelizar en el diseño web moderno© y apegado a estándares a diseñadores que no han sido previamente maleados con maquetación con tablas, código no-semántico, tagsoup, splash-pages y ese tipo de cosas del diablo, además siempre me ha dado inquietud la idea de enseñar.

Los problemas aquí son dos: una, lo unico que he enseñado en mi vida ha sido a tocar el piano y dos, a mi nadie me enseñó diseño web; más bien aprendí — cómo la mayoría de mis lectores, supongo— de forma autodidiota: investigando, copiando y experimentando. Por lo que no tengo un modelo educatívo sobre el cual basarme, sino un montón de ideas y tópicos desordenados que más o menos toman forma en mi cabeza y se traducen en conocimiento.

De primera por supuesto que acepté. Como dije, siempre me ha hecho ilusión enseñar y además con mi situación actual cualquier lanita extra que caiga está de pelos. Asi que he estado pensando mucho y he bosquejado un pequeño temario para mi curso, tomando en cuenta que está dirigido a completos neófitos que no tienen ni poca idea de con qué se come el hachetemele. Despuès del salto les presento el borrador del cursillo y un genial proyecto final que se me ha ocurrido:

Curso de diseño web, temario tentativo

• I Antecedentes
• Origenes de internet
• La World Wide Web
• Navegador,URL’s, HTML
• Tagsoup y tags propietarios
• II Contenido Semántico
• XHTML vs. HTML
• Separación de contenido y presentación
• “Hola mundo”
• Encabezados
• Párrafos
• Imágenes
• Enlaces
• Listas
• III Hojas de Estilos
• Definición
• Sintáxis
• Personalizar tipografìa: font
• color
• Modelo de Cajas:Margin, padding, border
• IV Diseño de Layouts
• Ganchos de estilo
• Div y Span
• Id y Class
• Herencia</li<
• Background-color
• Layout dos columnas
• V Diseño de Layouts Avanzado
• Navegación a partir de listas no ordenadas
• Posicionamiento
• Imagenes de fondo
• Columnas Faux
• VI Incompatibilidad de Navegadores
• Concepto de Hack
• Box Model Hack
• Por qué odiar a IE
• Filtros
• Proyecto Final: Diseño para CamaleonCSS

Design from México

Hace poco leìa éste post en el blog de John Oxton donde revelaba cuanto cobraba como diseñador por dìa y por hora:

My current rates (in British pounds) are:

* £250 per day
* £30 per hour

30 libras es equivalente más o menos a 55 dolares estadounidenses o más de 600 mexicanos por hora. Si está ocupado diseñando 8 horas diarias, 6 dias a la semana, al mes gana el equivalente a $115,200 pesos de acá. A lo mejor sucede que yo soy pobre, pero yo nunca he visto tanto dinero junto.

En los comentarios de ese mismo post, algunos diseñadores, casi todos vecinos de Oxton, compartieron sus tarifas.Sacando el promedio de los primeros seis —son las 12 de la noche y no pienso sumarlos todos. Seis me parece una muestra significatíva — obtenemos que cobran una media de 37 libras o 70 dólares gringos.

Lo más seguro es que viviendo en el Reino Unido y gastando en libras no sea realmente tanto dinero y el trabajo puede que no sobre (bueno, a Jon Hicks tal vez si le sobra. El cobra £40.). Pero ahora con internet, no necesitas estar ahí para trabajar para ese lugar… ¿Entienden hacia donde voy?

A partír de mi participación en el CssZenGarden, han llegado por aquí en repetidas ocasiones propuestas para trabajar en proyectos de diseño web (entiéndase: CSS), algunas se han concretado y tengo clientes satisfechos. Lo que me han pagado no tiene comparación con las cifras que vimos allá arriba, no fué ni la mitad, ni la cuarta parte… ¿pero saben qué? ¡No me importa! Por que es mucho más que lo que haya ganado en un proyecto nacional y con una extraña comprensión y respeto de los clientes hacia el trabajo que uno hace. Trato de primer mundo, eso es.

No se si eso al final fué contraproducente y elevó mis expectatívas demasiado. Si quieres cobrar 5 dolares la hora de diseño en México, aún a compañías y personas que se supone que entienden el valor del buen diseño web, ellos ni siquiera te contestan el correo de cotización. Trato tercermundista, eso es.

¿Y saben qué…? No me importa.

Con el debido respeto a los colegas de allá y sin falsas modestias, yo no me siento inferior a ningún diseñador gringo. Si acaso con menos experiencia pero eso se gana con el tiempo. Creo que puedo competír con todos ellos y ademas cobrar mucho más barato.

Si yo cobrara — por decir algo— de US$15 a $20 la hora a clientes internacionales, trabajando por internet y sin necesidad de moverme de mi México querido, la verdad es que se puede vivir mucho muy bien (yo no estoy interesado en ser millonario) y seguiría siendo mucho más barato que cualquier diseñador anglosajón por lo que, si mantengo mis estándares de trabajo lo suficientemente altos, puedo competìr con ellos sin problemas.

Como habrán notado en post anteriores, estoy prácticando mi dominio del idioma inglés (aprendido viendo peliculas de Bruce willis y leyendo comics). Estoy participando en todas las iniciativas que me puedan dar visibilidad a los ojos de los que pagan en dolares, como CSSZenGarden y CSS Reboot. Pronto voy a liberar mi portafolio de trabajo y si, será en inglés.

¿Creen que soy malinchista…?

P.D. Dejé un comentario en el mencionado post de Joshuaink.com diciendo que los latinoamericanos cobramos menos por lo mismo y fué borrado.
Update: John Oxton says he hasn’t erased my comment, and as I have no real evidence that it wasn’t my mistake. I apologize.

En Garde

Siguiendo el ejemplo de Walter presento ante ustedes una propuesta de diseño que envié al CSS Zen Garden hace cosa ya de algunos meses y que aun no ha sido aprobada. Prefiero pensar que está perdida en alguna parte del buzón de Mr Shea a aceptar que no alcanzó los requisitos ni siquiera para estár entre los diseños conceptuales . Aunque mi anterior diseño estaba en línea en menos de una semana…

Da igual. Aquí ante ustedes zEN GARDEn

Six Apart rediseña

El sitio de “Six Apart” la compañía responsable de MovableType ha sido rediseñado por Mule Design Studio y ahora presenta una imágen mucho más seria y corporatìva sobre todo si lo comparan lado a lado con el sitio de sus principales competidores

Siendo francos, si fueran novatos a punto de elegir un sistema de publicación y se dejaran guíar solamente por el sitio web… ¿a quien elegirían?

Creo que yo a quien pagó para tener un sitio profesional.

El sitio tiene todo para ser noticia en todos los blogs dedicados a diseño web:

• Valida XHTML 1.0 transicional
• Maquetado con CSS sin tablas.
• sIFR usado con medida y buen gusto

• Estéticamente impecable y muy lejos del clasico estilo blog

Actualización
Una cosa notable es que todo su nuevo sitio está gestionado con… adivinen que… MovableType.

Mi tesis

Semiótica y Retórica Visual Aplicada al diseño de Interfases: La Metáfora como elemento de Navegación.

Actualmente estoy cursando mi último cuatrimestre en la carrera de Diseño y Comunicación Gráfica y estoy llevando un Seminario de Tesis cuyo propósito es desarrollar en tres meses, mediante una estricta metodología un prototipo de Tesis para presentarlo en un simulacro de examen profesional.
El seminario y el trabajo de tesis es obligatorio para todos los cursantes independientemente de si piensan o no titularse mediante esta opción.

<sarcasmo>
Y como yo siempre voy a la vanguardia he decidido hacer algo bien original que nunca nadie ha hecho en nuestra blogosfera: Haré pública mi tésis.
</sarcasmo>

Espero que el tema no esté tan choteado como los de cartel, psicología del color e identidad corporativa que todos mis compañeros quieren hacer, y de una manera ingenua, tambien espero que alguien se de un paseo por ahí de vez en cuando y me deje algunos comentarios sobre mi investigación. Asi es, dejo los comentarios abiertos.

Tesis de Armando Sosa

Nota: las anotaciones no están en el formato clàsico de blog (ordenados de forma cronològicamente inversa), sino que los temas que vaya añadiendo se iràn al fondo de la página.

Foro Isopixel

Vuarnet ha inaugurado el Foro de diseño Isopixel para discutir, aprender y preguntar cosas relacionadas a esta profesión.

Si duda en poco tiempo éste será un recurso importante y un referente sobre todo para principiantes. Ojala la comunidad sea lo suficientemente madura para darle el uso adecuado al foro y comiencen a aparecer demasiados trolls y flamers a descomponer el foro.

Los temas propuestos se ven interesantes, pero me gustaría ver un apartado para CSS y otro para estandares y web semántica.

Enhorabuena Vuar.

Entrevista a Armin Vit

Armin Vit es un diseñador mexicano (ajua!) emigrado a los Estados Unidos y que es ademas bastant exitoso y bien conocido entre la comunidad por SpeakUp su excelente blog/foro sobre diseño. Hace un tiempo pude intercambiar opiniones con el en un post del Foro de la AIGA sobre el diseño gráfico mexicano donde el opinaba que si existe un estilo propio pero que solo es visible desde afuera.

Ahora que sabes quien es Armin ve a ver la entrevista que le hicieron los de AIGA en Los Angeles

Blink, blink

Entré hace rato a Blogs México y vi algo… ¿como explicarlo con palabras?… ¡terrible!

Estaba ahí agazapada en una esquina, obviamente no intentó pasar desapercibida en ningún momento… ¡no!. Tenía toda la intención de hacerse notar, de distraer mi atención, lastimar mi retina y convencerme de caer en sus garras.

Era un tag <blink>

Al principio no quise creerlo y sali corriendo de ahí pulsando el botón atras de mi bienamado Firefox. Esperé un poco… esperé un poco más.. un poquito mas aun.

Cuando regrese, el parpadeo seguía ahí.

No poco atemorizado me decidí a mirar el código… el Doctype era XHTML 1.0 Transitional… casí sentí alivio… si ya <blink> había sido desterrado por los señores de la W3C desde los tiempos de HTML 4.0 ¿cómo iba a ser posible que se colara uno a los terrenos de Vuarnet y Jose Luis fieles guardianes de los estándares?. Mi temor sin embargo no era gratuíto pues esa pequeña bestia no solo ha sido deprecada por los señores del web sino que ademas es un elemento presentacional sin respeto por la usabilidad o el buen gusto y el descaro de ir a plantarse en la cima de uno de los sitios más importantes de la blogosfera hispana no era menos que una afrenta a todo aquello en lo que creemos y por lo que hemos luchado en la comunidad. Aun confiaba que mis ojos me habían estado jugando una broma pesada. Pero no había sido asi.

Entonces lo vi ahí, oculto en el código y lo que es peor… no estaba sólo, venía… venía con un asqueroso y maloliente <font>.

<font color="#a60011"><blink><strong>¡Nuevo!</strong></blink> <a href="http://www.blogsmexico.com/foro/"><strong>Foro</strong></a></font> 

No lo pensé dos veces y precione esa x en la esquina superior de mi pantalla una y mil veces hasta asegurarme de que no quedara abierta ventana alguna por la que pudieran seguirme. Lo acepto estaba aterrado y huí como colegial, pero… ¿que podía hacer?… ¿Y si había ademas un <marquee> por ahí?… eso sería demasiado… insoportable.

Disculpen la mala calidad de esta prosa, queridos lectores… pero es que aun no se me pasa el estado de shock.

La verdad está ahí afuera.

Los colores que vienen

Al parecer estos son los colores que el mundo de la moda dicta para la próxima temporada primavera-verano y como todo buen diseñador sabe todos los ambitos del diseño se veràn influídos por estas tendencias. Asì que mas vale estár prevenidos y darle una checadita antes de ir al tianguis a comprar nuevas garritas.
Se puede decir que la invasion fosforilóca es inevitable ya, puesto que los colores me parece que son bastante ochenteros y a pesar de los defensores de que el naranja es el nuevo negro parece ser que la pròxima temporada dejaráde estar in.

Yo por lo pronto concuerdo con Timshel en que habrá que esperar a ver que dice el señor Polselli pa este año.

Via un post de Magazine Disegn Weblog de allí se podrán descargar las paletas en formato AI y EPS

Tips de producción

Me he estado enfocando demasiado en diseño web ultimamente, así que hagamos una pausilla y hablemos algo tanto o más emocionante, hablemos de producción para impresión.

Muchos diseñadores creen que tener éste conocimiento no es importante — Al fín que no me voy a poner yo mismo a imprimír —. Y eso a la larga resulta que, por no pensar en la producción desde la mismísima primera etapa del diseño, las producciones se elevan de precio irrazonablemente o simplemente salen mal. Ademas, sobre todo para producciones pequeñas, manejar tu mismo puede ser un muy buen plus para tus clientes. Y si lo sabes hacer bien, puedes tener precios muy por debajo que algunas imprentas comerciales.

Se supone que esto es algo que debe ser enseñado en las universidades durante la carrera de Diseño Gráfico. Pero si tu universidad es como la mía, probablemente tengas que hacer como yo y aprender de la escuela de la vida.

Para que el diseño ése que acabas de hacer llegue a estar plasmado en papel con un bonito acabado y listo para entregar debe pasar primero por muchos procesos, que a grandes rasgos serían los siguientes:

El formato

En México al menos, el formato más comun es el tamaño carta que mide apróximadamente 21.5×28 cm. y del cual se derivan otros que vienen a ser fraccionarios (media carta, cuarto de carta,etc.) o múltiplos (doble carta o tabloide, cuatro cartas, etc.). Antes de elegír un formato, es muy importante considerar el papel y el medio en el que va a ser imprimeso buscando evitar en lo posible el gasto inutil de papel, ya que ésto termina por encareer el producto final.
Es muy importante ajustarse en la medida de lo posible a los formatos comunes y no inventar medidas nuevas sólamente porqué se vea cool y original.

El papel

Una proveedora de papel puede ser una gran fuerte de inspiración, la variedad de pesos, texturas y colores es tan grande que no hay porqué limitarse a los sutratos tradicionales (como bond, opalína y sulfatada) y si el presupuesto y el medio lo permiten, es posible ser creativos.
Viene por lo general en pliegos de diferentes tamaños, dependiendo del tipo, el fabricante y el peso. Siempre es bueno tener a la mano un muestrario de cartulinas y papeles donde específique las medidas de los pliegos, para que así puedas calcular cuantos formatos se pueden obtener de un pliego extendido y en caso necesario, ajustar tu formato para evitar desperdicios.
Una lista de precios, tambien es buena idea, por si en algun momento necesitas cotizar un trabajo. En la mayoría de las papeleras te regalan el corte si compras al mayoreo.

Original Electrónico (O mecánico)

En la antigüedad, los diseñadores preparaban algo llamado original mecánico, que no era más que las imágenes y el texto del diseño listos para ser fotografiados por un fotolito. Incluían las separaciones de tintas y las indicaciones de corte, doblado etc. y se entregaba montado sobre un soporte rígido.

Hoy en dia, los originales son algo bastante menos artesanal, ya que casi siempre serán archivos electrónicos que serán enviados al proceso de preprensa para que ésta le de salida en una filmadora para obtener un negativo o positivo o en casos mas modernos, directo a una lámina lista para comenzar a imprimir.

Dependiendo del buró de preprensa, será diferente el tipo de arhivo que se entrgará. Hace tiempo eran muy sangrones y solo recibían por ejemplo, archivos EPS que hubieran sido creados con una mac, pero hoy en día ante la competencia y el avance de la tecnología se han vuelto mas alivianados y ya hasta puedes mandar, si así quieres tu cdr directo de tu CorelDraw-PC sin casi ningún problema.

Junto con el archivo electrónico es conveniente anexar una orden de producción con las indicaciones (formato, lineaje de impresión, no. de separaciones etc.) y una impresión. Tambien deberás indicar si solicitas una prueba de color.
Lo mejor es preguntar al encargado de la pre-prensa cual es la mejor manera de preparar tu original electrónico. Ojo: No olvides incluír las fuentes, si no quieres sorpresas.

Esto es el conocimiento básico, no estámos descubriendo el hilo negro, pero si diseñamos pensando en la producción aseguraremos mejores costos y resultados superiores en menores tiempos de entrega. Un plus que, en un medio tan competido como el nuestro, nos puede dar valiosa ventaja sobre los miles de diseñadores nuevos que las escuelas patito escupen por año.

Propuesta indecorosa

Los profesionales

Digamos que una empresa empacadora de jitomates que en los últimos años, a base de esfuerzo, trabajo y el apoyo del compadre que es diputado ha crecido mucho en los últimos años y comenzará a exportar su producto a Indonesia y Estonia por lo que piensan que es necesario cambiar el logotipo del jitomate con patas que el primo Toño hizo cuando compraron su primera troca por algo mas formal, serio e internacional. ¿Y adivinen a quien llamaran para el trabajo?

Desde la primera reunión , deduces por los huacales apilados que hacen la vez de archivero, que el cliente no tiene la menor pizca de buen gusto y sentido de la estética. Suspiras. Lo que sigue es tu presentación, la de tu portafolio, las historias de los clientes satisfechos que han incrementado sus ventas desde que les rehiciste su diseño de marca, y el porqué eres mucho mejor una opción mas viable que la competencia.

Te vendes como un experto en comunicación visual, si es necesario remarcas la notable diferencia entre diseño y arte y le explicas que con toda tu experiencia, conocimiento y pericia retorico-semiótico-visual vas a crear un sistema de identidad global, integral, eficiente y efectivo que será completamente original, unico, libre de tendencias, a prueba de ambigüedades y qué reflejará en forma y función la filosofía, visión, misión, pasado y futuro de la gloriosa empresa.

Por último, previo adelanto y firma de contrato, le avisas que en una o dos semanas tendrás 3 propuestas que le enviarás por correo electrónico (_imeil_ suena demasiado mundano para estos casos) para que apruebe la que mas le guste. Le recuerdas que el pago pactado solo contempla dos revisiones antes de la versión final y todo capricho extra tendrá un costo adicional. ¡Ah! que bonito es ser diseñador.

La duda

Cameron, de The man in blue se ha estado preguntando si realmente los diseñadores tenemos esas supuestas capacidades visuales superiores al resto del mundo o es que solo nos hemos creado ese míto para cobrar carísimo por nuestro trabajo. Tal vez muchos de nosotros nos rasgaremos las vestíduras ante semejante blasfemia, ¿como se atreve alguien a dudar del papel de los diseñadores como los modernos prometeos que traen el fuego de la comunicacion visual efectiva a los símples mortales?

Las propuestas

He visto a muchos compañeros (novatos y no tan novatos) que hacen decenas de propuestas, que cambian y cambian colores, tipografías, simbolosy disposiciones espaciales. Después escogen tres, una que es su favorita, otra que no está tan mal y una tan terrible que está seguro que nadie en su sano juicio eligiría para mostrarlas a su cliente. Se inventan una justifiación que suene profesional y la ensayan bien:

Ésta primer propuesta usa predominantemente rojo por que los jitomates son rojos y usa una tipografía Taims niu roman qué es endemoniadamente común en todo el mundo y representa la internacionalización.

En esta segunda propuesta, el jitomate es el mundo y está siendo sostenido por una figura de Atlas que es un personaje de la mitología griega y representa su actitud agresiva hacia el mercadoy la tradición y valores que sostienen su compañía.

Y mire, la tercera propuesta es un duendecillo de la suerte con cabeza de jitomate es una evolucion moderna de su logotipo clásico

El disidente (yo)

¿Cuantas soluciones integrales, efectivas, directas y super chidas se pueden elaborar realmente? ¿Por qué luego son tan distintas entre si? ¿Si los expertos somos nosotros, por qué el producto final se lo dejamos al gusto del cliente?

Yo he optado por ofrecer una sola propuesta y hasta ahorita me ha funcionado bien. Todo es cosa de asegurarse que realmente estás ofreciendo lo que prometiste y que de verdad sabes lo que haces. Al principio a mis clientes les pareció extraña mi manera de trabajar, pero estuvieron de acuerdo con que sería poco serio darles a escoger solamente entre mi catalogo de fuentes tipográficas y el Pantone y pretender que yo era quien diseñaba. Después de los resultados quedaron convencidos.

P.D. En un ejemplo como el de los jitomates, lo mas probable es que se queden con el duendecillo de la suerte con cabeza de jitomate. ¿no creen?

Flash ¡ahahaah!

… Pasa 5 minutos aprendiendo sobre CSS y quedarás convencido de que estamos como a 37 años de distancia de resolver los problemas de compatibilidad entre navegadores— a menos, claro, que seas un diseñador/desarrollador de Flash

Está es una iniciatíva por parte de Jed Wood quién está seguro de que con Flash se pueden crear aplicaciones usables para internet que provean de una experiencia de usuario e interáctividad que no es posible alcanzar con XHTML y CSS. Así que ha registrado el dominio Flashzengarden.com pirateado inspirado en el proyecto de Css Zen Garden.

Mientras que el jardín zen original busca explicar las superioridad del uso del CSS y los estándares web sobre las viejas prácticas del diseño, este otro tendrá como finalidad intentar demostrar al mundo (al mundo del diseño al menos) que la tecnología de flash es francamente superior a todo lo demás.

Yo por lo pronto me mantengo escéptico, pero puedo baticinar que en su momento este sitio hará bastante ruído (para bien o para mal) dentro de la micro-comunidad del diseño.

Summer Ed. 04

¿Qué son las bocas? Son nidos.
¿Y los besos? ¡Aves locas!
Por eso, apenas nacidos,
de sus nidos aburridos
salen buscando otras bocas.

— Manuel Nájera

Pues nada, que he rediseñado un poco.

Soy totalmente palacio

Todos en México habremos escuchado alguna vez esa frase, eslogan de la exitosa campaña de la tienda departamental El palacio de hierro que muestra mujeres guapas y jovenes de apariencia exitosa, que son irremediablemente consumistas y asi son felices.

Uno de los Spots de TV muestra a una mujer flotando en una especie de estanque con zapatos flotando alrededor suyo mientras aparece la frase “Hay dos cosas que una mujer no puede evitar, llorar y comprar zapatos. Soy totalmente palacio”.

Esta campaña desde su salida, hace seis años mas o menos, ha sido duramente críticada por grupos feministas quienes se quejan de la estereotipada visión de la mujer que la campaña propone. Hace tiempo Lorena Wolffer una artista conceptual hizo una crítica arística colocando espectaculares con una estetica similar a la de Soy totalmente palacio pero con mensajes feministas y un slogan que reza: Soy totalmente de hierro

Ana Maria Olabuenaga es la creadora del concepto, que ademas la ha convertido probablemente en la mujer más importante de la publicidad en México. Pues su campaña ha ganado numerosos premios nacionales e internacionales.

La publicidad casi siempre se trata de manejar estereotipos porque asi es mas facil que la gente se identifique con ellos. El exito de la campala de Olabuenaga sin embargo explota un estereotipo que no corresponde a la realidad social de nuestro país. Aqui no es “una buena esposa” la que evita ir mucho de compras sino la economía, que por lo general es mala. Pero en la misma forma en que Axe nos promete un arrasador exito con el sexo femenino y bonafont vende la idea de una figura perfecta instantánea lo que hacen estas campañas es crear expectativas aspiracionales. Así cuando la chica fresa del barrio reune suficiente dinero no va a comprar a hacer sus compras en una tienda cualquiera del centro, sino que pagará el tal vez doble o el triple precio a cambio de la sensación de ser — por un momento al menos — cosmopolita y capitalista.

Este es un anti-comercial que hice para mi clase de Diseño Publicitario.
A mi me gusto mucho ^_

La imágen de la chava la tome de DeviantArt no recuerdo de quien, pero apenas lo encuentre pongo el Copyright.

ACTUALIZACION:
La imágen de la chica es de Aspartame y esta alojada aqui

Aspartame: Hope you liked it

Chilaquiles

Leyendo este post en el foro de la Aiga recordé algo que alguna vez leí y con lo que estuve totalmente de acuerdo: Que no existe un estilo “mexicano” en el diseño. Como se lo expresé al autor del post ahi mismo, en mi humilde opinión no hay algo en partícular que nos distinga a no ser que se abusé de la llamada “cultura popular” y nos limitemos a hacer luchadores y chiles.
El diseño suizo es muy característico, asi como el holandés, el español y hasta el gringo norteamericano, por nombrar algunos. Curiosamente ( o deliberadamente) los diseñadores provenientes de alguno de estos lugares comparten ciertas características similares con otros de su misma región, mientras mantienen un estílo muy partícular. ¿Nosotros? creo que nuestro estilo es mas parecido a los chilaquiles, con un poquito de todo.
A mi me parece que la culpa la tiene la escasa cultura visual que tenemos los mexicanos y la cercanía con Estados Unidos. Osea qué no es facil ser un país tercermundista en vías de desarrollo en medio de una globalización. Porque lo global acaba por tragarse la identidad.
La respuesta que me dió Armin ahí mismo, es que sí es posible identificar nuestro diseño nacional por algunas cosas. Pero que es más fácil notarlo desde afuera, cuando se trabaja y se vive en otro país.

Y usted… ¿que opina?

Semiótica para Dummies

Bueno antes que nada dejenme decir que el principal dummy aqui soy yo, y esto más que un artìculo formal, es una maraña de ideas generadas a partir de mis esfuerzos por entender esa a veces oscura ciencia de la semiótica (¿o semiología ?) y por tratar de aplicarla al campo del diseño. Pero ahora si, sin tanto rollo y al grano ¿Para que rayos a mi como diseñador, me sirve la @$# semiótica?

Semi… ¿que?

Empezaremos definiendo etimológicamente la palabra Semiótica

deriva de la raíz griega semeîon* (signo) y *sema (señal)

osea que, en terminos generales la semiótica se encarga de estudiar los signos (sean estos lingüisticos, visuales,naturales etc.) y la manera en que son percibidos. Tomando en cuenta que gran parte de nuestra labor como diseñadores (sino es que toda) es comunicar mediante códigos visuales, es fundamental tener el máximo control posible sobre cómo va a ser interpretado nuestro diseño… ustedes saben, para evitar malentendidos.

Significante y Significado

Un signo se compone de dos partes: El significante y el significado.

El significante es el estímulo. Generalmente la parte mas concreta , visual y/o palpable del signo (p. ej. una palabra, un caracter, una seña, un dibujo,…etc.)

El significado es el concepto abstrácto que se le atribuye o relaciona con un significante. (p.ej. Está ud. parado con una inminente urgencia frente a dos puertas que parecen ser iguales, diferenciadas solo por unos discos, uno con un monito de pantalon y en el otro una monita de falda. Tu mente sabe automaticamente cual es el que te corresponde, es decir le atribuye un significado a cada uno de esos significantes. Ahora adelante… haga lo que tenga que hacer y que todo salga bien)

Monosemia y Polisemia.

En un mismo signo el significante puede corresponder a uno (monosemia) o a varios significantesa la vez (polisemia). Cuando un signo es polisémico el significado que se le aplique en cada caso dependerá del contexto en que es contemplado. El entono cultural, el nivel educativo, la epoca.. etc. son todos factores importantes que influyen en la manera que X persona percibira el signo.

Un ejemplo clásico de el significado de un signo afectado por un suceso histórico es el de la swastica o “Cruz Gamada” que por más que desde tiempos inmemoriales haya significado prosperidad, bienestar y buena fortuna, hoy en día siendo el indiscutible simbolo de Hitler y el Nazismo y su significado ha pasado a ser el de genocidio, odio y muerte.

Y en lo que respecta al entorno educativo-cultural tiene que ver con el por qué el Sr. Alfonso que vive en México D.F. sabe que no se le puede poner a su nueva tienda de productos textiles el nombre de “Telas Poncho”. ;)

Todo es un signo

Desde un punto de vista más filosófico todo lo que nos rodea, incluso nosotros mismos, será considerado un signo.

Aún los objetos más cotidianos tienen una determinada carga semántica. Hay que ver lo que para un usuario de PC y para uno de Mac significa la maquina esa frente a la cual se sienta cada dia a trabajar. O el sentimiento que provoca esa bandera de las estrellas y franjas rojas y azules en un marine estadounidense y lo que le hace sentir a un niño afgano.

Para no ir tan lejos, mi mamá dice que esa figurita de plastico que tengo en mi cuarto es horrible y que debería tirarla a la basura. Mientras que o digo que es Santo el enmascarado de plata… y es un ícono de la cultura popular mexicana.

¿Si me entiendes o no me explico?

Pdríamos dividir la comunicación en dos tipos la verbal y la visual. Aun cuando nos estémos comunicando por códigos exclusivamente visuales, ya sean estos imagenes, señales, íconos etc. el mensaje será decodificado en términos lingüisticos: frases o enunciados que pueden ser textos literales o metáforas.
Asi en el ejemplo de los baños el disco con la imágen de la monita se puede interpretar como “Baño de Damas” o “Solo mujeres”
Cuando diseñamos lo que hacemos es traducir un determinado enunciado (verso sin esfuerzo) a un lenguaje de signos.
P.ej. Necesitas realizar un flyer para la campaña de lanzamiento de la nueva Coca-Cola sabor Cookies&Cream y te dicen que el concepto de la campaña es “Apuesto que eres lo bastante curioso para probar este refresco, aunque de antemano sabes que va a saber a rayos… bien, ¡pues hazlo!!” y debes representar ese concepto visualmente por medio de imagenes/fotos/ilustraciones … el mensaje debe ser claro y directo… pero sutil, casi subliminal. Todo esto mientras te aseguras de respetar los valores de la marca. ¿Dificil? ¡naaaaa! Ok, ok lo acepto este fue un ejemplo n poco exagerado… pero esa es la idea.

Finalmente ( Si pues ¿pero pa que me servía?)

Idealmente, con la semiótica el emisor es capaz de controlar exáctamente la manera en que su mensaje será percibido. Ya que conoce a su publico objetivo en todos los aspectos desde el nivel socio-económico y su entorno cultural-educativo hasta sus gustos y aficiones.

En estos tiempos en que cualquer hijo de vecino armado con una copia pirata de Corel DRAW se pone a hacer logotipos o que salen cosas como esta es importante revalorizar nuestro trabajo, porque no vamos a impresionar a nadie sólo con nuestro titulo (Yo todavia no tengo ni siquiera eso :( ) y ya no es suficiente un bonito portafolio, sino resultados. El conocimiento de la ciencia de la semiótica puede ser un buen comienzo en el camino de lograr mejores resultados.

Pero como dije, esta es sólo mi apreciación… los comentarios y sugerencias, (qué si quitale, que si ponle…) son bien recibidas.

I Love ...

Ya está el poster ganador del concurso anual de computerlove que este año tuvo como tema I Love. La propuesta ganadora es interesantísima, tiene un alto grado de complejidad y significado muy dificil de ver en estos dias en que casi hemos dejado que la computadora diseñe por nosotros. Lo mismo digo del segundo lugar I Love Design.
En general todo el sitio de Computerlove es digno de ser visitado, visto y analizado por todos lados, ya que tiene propuestas de diseño increíbles de alrededor de todo el mundo. Aunque cabe destacar no hay mas que un mexicano Luis Torres de México D.F. bien vale visitar su pagina y dejarle unos (buenos) comentarios.