24 Ago 2006

¿Adios a los hacks? ¿Es IE7 demasiado bueno para ser verdad?

Titulos amarillistas aparte, es impresionante la lista de bugs de CSS que el equipo de desarrolladores responsables del Internet Explorer 7 habrá corregido en la próxima versión del navegador (que sopongo será un release candidate). Esto es de lo que más me emociona:

  • Corregidos están todos los bugs documentados en positioniseverything
  • Oveflow ahora funciona como debería ser (Adios a ese hack para divs flotados)
  • Bugs de interpretación: * html, _propiedad y /**/. Con ésto, miles de hacks dejarán de funcionar.
  • Ahora los controles Select son estilizables mediante CSS
  • <?xml> ya no causa que el navegador se ponga en quirks mode
  • Los bordes declarados como dotted ahora serán efectivamente dotted y no dashed.
  • La sentencia !important ya funciona. Otros hack que dejará funcionar.
  • El pseudo selector :hover sobre cualquier elemento, no solo en anchors.
  • Min/max width/height
  • Más pseudoselectores: first-child, adjacent, attribute, child.
  • Y lo que más felices nos hará a los diseñadores: *!Soporte de transparencia alfa en imagenes PNG!*

Cabe señalar que Microsoft enviará IE7 a todos los usuarios de XP como una acualización prioritaria, por lo que la adopción del nuevo navegador probablemente sea más rápida de lo esperado. Esto es muy importante para diseñadores y desarrolladores porque, como mencioné, muchos de los hacks utilizados actualmente dejarán de funcionar y puede que nuestos sitios se vean muy mal en IE7. Así que a bajarse esas betas de IE7 para hacer todas las correcciones y actualizaciones que vayan a ser necesarias.

¿Estará cerca el día en que podamos olvidarnos de que IE6 existió?

19 Jun 2006

CSS para diseñadores

CSS for designers 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

24 May 2006

Mis logos sucks

No se si a todos los diseñadores les pase, pero yo al menos siempre he querido ser lo más interdisciplinario posible. Lo mismo le he dado a la ilustración que al diseño de identidad, a los motions graphics que al diseño editorial, al publicitario, al infográfico y a la señalética como al diseño web. Y a la arquitectura de información, interfases gráficas de usuario, serigrafía, programación, edición de audio y video, animación, cuido niños, aplico inyecciones a domicilio, masco chicle, pego duro y tengo viejas de a montón. Tururú. (ésto último es un chiste de Juan Camaney que probablemente sólo los mexicanos entiendan)

Ahora creo que he llegado a un punto en el que sé que tengo que focalizarme más en las áreas que mejor se me acomodan y dejar de trabajar en cosas en las que definitivamente no soy ni seré bueno. Dicho esto mi primera resolución es: no more logos.

No soy bueno para diseñar logotipos. En realidad muy pocos diseñadores lo son, sólo que la mayoría no lo aceptan. Aceptarlo es una cosa dificil, ya que la noción común sobre los diseñadores gráficos es aquella donde hacer logos es a lo que nos dedicamos. Es algo que quedá implícito en el _in_conciente colectivo diseñadoril desde que estamos la escuela. Yo perdí la cuenta de cuantas de las tareas que me dehaban mis maestros implicaban diseñar un logotipo para una empresa imaginaria.

Hacer logotipos aceptables es fácil y convencer a tu cliente con tus habilidades de distorsión de la realidad de qué le has creado la más excelsa micropieza de comunicación objetiva es todavía más fácil si tienes práctica escribiendo manuales de identidad. El asunto es que hay quienes son capaces de elaborar hermosas piezas de diseño que además son totalmente efectivas y hay quienes no. Yo soy de los que no.

He conocido colegas que hacen verdaderas asquerosidades y las venden a precio de oro a sus clientes y yo no dejo de preguntarme ¿Cómo es que pueden dormir tranquilos por las noches?. Incluso yo, al ver por la calle o en algún centro comercial un logotipo que he diseñado, la mayoría de las veces me sonrojo de pena.

Ya me sé de memoria el choro ese que dice que los logotipos deben comunicar antes que ser bonitos y qué son función sobre forma y que la pregnancia y que la reproductibilidad y blah, blah, blah… ese no es el punto, así que no me vayan a flamear al respecto.

Creo que el mundo será un mejr lugar cuando empecemos a aceptar nuestras limitaciones.

16 May 2006

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.

old_techcrunch.gif

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.

tech_crunch_new.jpg

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!

proposed_techcrunch.jpg

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.

04 Abr 2006

¿Cuanto cobramos?

Me llegó este comentario en un post un tanto antiguo

Hola a todos por allá?

Hallo an Alle da?

Hace ya un par de anios terminé mi formación aquí en Berlin, Alemania, como disegnador en Multimedia “Mediendesigner” y por casualidad llegué a este artículo sobre el precio del disegno y la supuesta competencia en el mercado anglosajón, la verdad ignoro dicha competencia de mercados en México y USA, pero si me gustaría saber cuánto cobra un disegnador mexicano, no mencionemos por hora, si no por proyecto, llámese un sitio web con un contenido mínimo de 40 páginas, incluídas fotografias y gráficas?
Mi pregunta tiene la finalidad, de checar el mercado mexicano y comenzar a hacer planes de un pronto regreso a México, después de 14 anios!
Me gustaría encontrar un eco a mí pregunta!

— Daniel Reyes Infante

Auf Wiedersehen und herzliche Grüße aus Europas Metropole Nummer Eins Berlin!

¿Me ayudan a responderle? Igual se vale decir precios para México o de donde sea que nos lean.

03 Mar 2006

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?

msipod.png

17 Feb 2006

Tips de Diseño Web: Sirve paginas de acuerdo al idioma del navegador

Como no tengo tiempo de escribir tutoriales en forma, he preparado esta serie de post cortitos con cosas que a mi me son muy útiles y que he ido usando religiosamente en cada nuevo diseño tanto como a los blogstars les gusta hablar de ellos mismos. Éste lo he usado sólo una vez, pero le veo mucho futuro.

Una de mis metas al liberar ZenGarage (¡700 descargas!) era no limitarme a ofrecerlo sólo a un publico hispanoparlante, de hecho, la idea fue siempre lanzarlo primero en inglés pero al final me dió pánico escénico.

Gracias a que algunos de ustedes lo seleccionaron, ZenGarage llegó a del.icio.us/popular y se quedó ahí casi un dia entero. A partír de ahí, llegó a sitios en inglés como CSSDrive y CSSBeauty y otros tantos que gentilmente lo enlazaron.

Afortunadamente había puesto en marcha esta pequeña técnica experimental que lo que hace es básicamente mostrarle una página en español a quienes la visiten con un navegador en español y una página en inglés a todos los demás:

&lt;?php
  $a=explode(';',$GLOBALS[HTTP_ACCEPT_LANGUAGE]);
  if (preg_match('/es/',$a[0]))
  {
    include('includes/es.php');
  }
  else
  {
    include('includes/en.php');
  }
?&gt;

La variable de entorno $GLOBALS[HTTP_ACCEPT_LANGUAGE] contiene un array con todos los lenguajes y códigos de país del navegador que accesa al script separados por un puntoycoma (;). En este caso solo checo si el lenguaje principal contiene la subcadena 'es' (puede ser 'es-es', 'es-mx', 'es-ar', etc.) y, de ser así incluyo la pagina en español, de lo contrario una en inglés.

Lo que me sorprende es que nadie se quejó de mi inglés defectuoso.

30 Ene 2006

Blackletter in Mexico

lasmasricas.jpg

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.

11 Ene 2006

¿Cstandares?

logo-fundamentosweb.gif

Paseando por Terremoto me encontré con este logo. Me parece sumamente gracioso e irónico que hayan empleado un caracter no estándar para la palabra estándares. El chiste habría estado completo si accesiblidad viniera en un gris claro — un #eee por ejemplo— en un tamaño chiquitito y usabilidad estuviera escrito de atrás pa’lante en alfabeto cirilico. Que muchachos tan graciosos estos. ¿Donde estará el logo de a neta?

04 Ene 2006

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?

03 Ene 2006

Ese molesto borde de Firefox 1.5

dotted_border.png

Soy un fan convencido de la llamada técnica Phark Image Replacement para remplazar texto con imagenes vía CSS (Si no entiendes que es eso del remplazo de imágenes, Kemie tiene un gran artículo al respecto)

A grandes rasgos, esta técnica esconde el texto del elemento especificando una exorbitante identación negativa — como text-indent:-5000px; — dejando ver sólo la imágen de fondo.

La bronca es que con la salida de la versión 1.5, a los de Firefox se les ocurrió añadir un borde punteado al estado activo de todos los enlaces — yo no sé por qué— y si utilizas ésta técnica de remplazo, dicho borde se extiende al infinito y más allá, o sea, abarca toda la indentación negativa del texto escondido. Aquí y aquí puedes ver de lo que hablo (dale click a los logos, sólo en FF1.5). A mi parecer se ve horrible.

Buscando y buscando como deshacerme de ese borde, me encontré con la solución (y ya no recuerdo donde :S) que es una desconocida propiedad de CSS que creo que solo FF soporta por ahora: outline

Asi que basta con este codigo para librarte de los molestos bordes:


a{
outline:0;
}

28 Nov 2005

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.

17 Nov 2005

Los camarones son nocivos para la salud porque bush invadió Irak

Las toneladas de aceite tiradas al mar por los buques de guerra desequilibran el ecosistema maritimo. Al parecer algunas personas solamente ponen atención a los títulos de los artículos y no juzgan el resto. No se deje engatuzar por los pseudogurús.

Esta semana navegando por ahí me encontré un enlace a un artículo que se titulaba El diseño gráfico juega un papel secundario en Internet. Con semejante título pensé que podrá ser una lectura interesante asi que fui a leerla. Si ustedes no lo han hecho aun tal vez quieran ir a hacerlo antes de continuar.

La columna comienza con un listado de obviedades:

Las mejores páginas en Internet son muy funcionales. Tienen un objetivo concreto. El diseño gráfico tiene un papel importante, aunque limitado. No intente hacer de Internet algo que no es.

Me encanta sobre todo esa parte de el diseño gráfico tiene un papel importante, aunque limitado. Muy cierto. Y ya que estamos en eso, podríamos agregar que tambien el navegador, el protocolo HTTP y las bocinas tienen un papel importante pero limitado. Todo, por más importante que sea, está limitado. Pero bueno

Esto me hizo pensar que el autor había decidido suavizar el tono con el que había iniciado el escrito pero no, lueguito sigue otra joya pa enmarcarse:

Una presentación en flash es un remedo de anuncio televisivo hecho por gente que no tiene oportunidad de diseñar anuncios de verdad. Fueron inventados por diseñadores gráficos desesperados por convertir Internet en televisión, que querían ser guay y ganar premios.

¡Ouch! Eso dolió.

Luego sigue:

Por supuesto, Nike ha ganado un premio. Siempre recibe puntuaciones altas de quienes entienden de arte y diseño y cosas de esas. Nike tiene un página web que todavía no he logrado visitar sin que algo no funcione. […]

Pero vamos, no hay que ser tan duros. Dejémosle a Nike el gusto de los premios al menos. Ahora que sus campañas fracasan una tras otra, que sus productos no los compran ni sus madres y que están llendose a la quiebra por no saber vender, ganar premios es lo único que les queda.

¿Por qué hay tantos expertos en diseño gráfico que no entienden la Red después de tantos años?

Yo no lo sé, yo no soy ningun experto.

Su página en Internet debe ser práctica. Tiene que ser rápida y conveniente, con una navegación que sea familiar y sencilla. Internet no es un folleto ni un informe anual o un anuncio de televisión. Es Internet.

Levante la mano quien no esté de acuerdo con la noción de que internet es internet. ¿Nadie? Bien. Fin del artículo.

Quiero creer que la confusión entre página y sitio fué cortesía del traductor. Porque un experto gurú que escribe para varios periódicos, que ha hecho encuestas rigurosas en 35 países y da conferencias y toda la cosa no comete esos errores.

Al final me quedé esperando el listado de razones objetivas y académicas o por lo menos medianamente lógicas de por qué demonios cree el autor que el diseño gráfico no es importante. Seguro que olvido escribirlas asi que saqué mis conclusiones directo del cuerpo del escrito. Las enlisto a continuación:

  • El diseño es igual a cosas que se mueven.
  • Las cosas que se mueven son malas.
  • ergo, el diseño es malo.
  • Malo es muy fuerte. No quiero que me linchen, dejémosle en secundario
  • No, secundario ya tampoco, que sea… que sea importante pero limitado.

Y lo peor es que hay gente que se lo cree asi, sin razonar.

Por lo visto vos eres un diseñador que aun no se da cuenta que “el diseño grafico juega un papel secundario en internet” y que no lo digo yo, asi que os dejo de tarea.

comentario en dospuntocero

Lástima. La importancia del diseño es un tema demasiado interesante como para que se trate de esta manera tan poco profesional. Ojala que pronto, alguien que tenga una somera idea de lo que es diseño escriba un buen artículo.

No, no me miren a mi. Yo no soy ningun experto.

02 Nov 2005

dospuntocero 2.0

after.jpg

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.

22 Sep 2005

Trendy

Siempre tuve la idea de que hacer logotipos de esos que están de moda no tiene ningún merito y que su ejecución no requiere ningun tipo de investigación, que son logotipos caducos en espera del siguiente rediseño. Y me ha dado por demostrarlo.

A continuación les presento, queridos lectores, 15 propuestas de logotipo para este weblog, realizados tomando éste articulo como si fuera un manual del logotipo moderno y siguiendo religiosamente los estilos ahí definidos en el menor tiempo posible, usando sólo Corel Draw y hacerlo en un solo intento (Dicen que las limitantes aumentan la creatividad).

Folly Star

folly_Star.gif

Una tipografía helvetica y un asterisco malhecho es todo lo que se necesitó para cumplir con el primer estilo. Sin duda es el tipo de logotipo que uno podría vender a un restaurant de comida oriental. Pude haberme esforzado y hacer algo mejor pero aun asi, creo que armado de una buena justificación podría vender este logotipo.

Tiempo aproximado de realización: 3 minutos.


Amalgam

amalgam.gif

Si fuera un buen mal diseñador hubiera hecho lo que todo buen mal diseñador haría en este caso: usar clipart. Pero a mi me gusta complicarme la vida y preferí ponerme a dibujarlo todo. El resultado no me convence del todo, pero me parece una buena idea en la que se podría trabajar más y llegar a una propuesta interesante y con mucha calidad. Pero ese no es el caso de este artículo era llegar a algo rápido y yo ya había pensado mucho y gastado mucho tiempo en el. A lo que sigue.

Tiempo aproximado de realización: 30 minutos.


Blowout

blowout.gif

La idea detrás de esta tendencia, segun DGUsa, es tener bordes desvanecidos usando ingeniosamente degradados y transparencias. Mi logotipo no es tan ingenioso realmente, se supone que quería jugar con la “S” de Supermag y el resultado se ve como algo que podría usar una asociación que protege los derechos de alguna minoría que no se ha inventado.

En este punto deseo haber emprendido mi diseño con algo menos abstracto que Supermag pero continúo con el experimento.

Tiempo aproximado de realización: 5 minutos.


CMYK

cmyk.gif

Esta es una de esas combinaciones de color que se vuelven soportables a los ojos (o hasta llegan a verse bien) solo por la fuerza de la costumbre o porque se ha puesto de moda. Yo, teniendo un trasfondo de impresión, estoy harto de estos colores (para los no enterados: son los cuatro con los que se forman el resto de los colores en la mayoría de las impresiones comerciales ). Del logo en si, no tengo mucho que decir. Helvetica Black, tres cuadros encimados, cyan, magenta y amarillo y ya. Sweet.

Tiempo aproximado de realización: 1 minuto.


Flames

flames.gif

Lo tardado aquí fue decidirme por la fuente adecuada, la que elegí se llama Ireland y es la versión coreliana de ésta otra. Si éste fuera un blog de motociclistas entonces ese logo quedaría perfecto. Por cierto, antes de que alguien lo diga, ese outline amarillo es horrible pero ya había exportado cuando me dí cuenta, en fín.

Tiempo aproximado de realización: 25 minutos.


Whicker Balls

wicker.gif

Este estilo es a-bu-rri-do y mi interpretación es mala, muy mala. Dios nos libre de este tipo de logos.

Tiempo aproximado de realización: 3 minutos.


Weaves

weaves.gif

A diferencia de la anterior, esta tendencia me gusta mucho. Dudo que su uso se extienda demasiado ya que es muy dificil de lograr aceptablemente, se suponía que yo debía de dejar el logo que hiciera en un solo intento pero para hacer este simbolo si me esforcé mucho y repetí una y otra vez el patron de lineas. El resultado obtenido es cuando mucho aceptable, sin embargo la intención se deja ver: elegancia a todo lo que da.

Tiempo aproximado de realización: 45 minutos.


Whips

whip.gif

A mi no me engañan esto no es más que el espantoso swoosh de la era puntocom que todos aprendimos a odiar. Muy feo, ustedes disculparán pero no me inspiré.

Tiempo aproximado de realización: 2 minutos.


Puffies

puffies.gif

Otra cosa que me sorprende que siga siendo tendencia, este tipo de logos existen desde que el efecto bevel existe en Photoshop. Asi que hice algo de trampa y mejor me decanté por un estilo aqua o candy que está igual de quemado pero me gusta más y al menos no tuve que cambiar de aplicación para hacerlo.

Tiempo aproximado de realización: 15 minutos.


Line Dots

linedots.gif

¡Je, je!

Tiempo aproximado de realización: 5 minutos.


Good Drops

gooddrops.gif

No podía quedarme con las ganas de usar algo que seguro aparecerá en las tendencias del próximo año, el dichoso pointy circle o círculo puntiagudo que ahora Quark hizo famoso. Me gusta este logo como para sacar una linea de cremas.

Tiempo aproximado de realización: 1 minuto.


Leaf Life

leaflife.gif

Quería evitar hacer algo muy parecido al logotipo del maestro Hicks y acabé haciendo algo muy parecido a todo lo demás. Otra tendencia aburrida.

Tiempo aproximado de realización: 9 minutos.


Blur

blur.gif

Hubiera sido más sencillo cerrar CorelDraw, abrir Photoshop y hacerlo todo en 2 minutos pero no, aferrado como soy tuve que hacerlo en corl y tardarme el triple o más. Un logotipo muy genérico pero definitivamente es algo que podría usar. La tipografía es Migraine Sans.

Tiempo aproximado de realización: 7 minutos.


Swirleys

swirleys.gif

Este es mi favorito de todos, podía haber pasado todo el dia añadiendo ricitos tipográficos a mi logotipo pero decidí parar aqui cuando de cualquier forma ya se me había pasado la mano. Otro logo que definitivamente podría utilizar.

Tiempo aproximado de realización: 30 minutos.


Hot Dog

hotdogs.gif

Aburrido.

Tiempo aproximado de realización: 5 minutos.


Conclusión

Algo asi como el 10% de estos logotipos valen realmente la pena pero estoy seguro que la mayoría los podría vender a un cliente y el cliente estaría feliz con su logo tendencioso. Métale suficiente lana al marketing y estos lgos pueden tener la carga semántica que a ustedes se les pegue la gana, aunque no tenga nada que ver con el diseño en sí.

¿Vale la pena esforzarse y realizar todo el proceso para realizar un logotipo? Yo creo que sí pero más por cuestión de ética que por otra cosa.

Si alguien quiere jugar un rato, aquí está el archivo fuente en Corel Draw 11, no en .AI ni en .EPS solo el viejo .CDR.

LogoTrends.cdr file

21 Sep 2005

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.

27 Ago 2005

¡Pantallazo!

Rodrigo inició un interesante meme muy a la screengrab confabulator. ¿De qué va? de tomar un screenshot de eso en lo que estamos trabajando y mostrarlo al mundo.

Asi aprovecho la oportunidad y medio muestro un proyectillo que está absorbiendo mis ratos libres.

mb_tease.png

Pero lo chido de los memes es pasarlos y hacerlo en público para que así, los receptores no se puedan rajar sin parecer descorteces y antiblogosociales ¡muahahahaha!. Le paso este meme solamente a:

Bueno, en realidad, sígalo quien quiera.

23 Ago 2005

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.

23 Ago 2005

¿De que vamos a vivir en 20 años?

Y la respuesta debería ser obvia: Vamos a vivir trabajando en esa carrera que estudiamos haciéndole el honor merecido al título que tenemos colgado en la pared del despacho y que nos costó sudor y sangre conseguir. En 20 años seremos exitosos diseñadores, llenos de fama dinero y con el mundo a nuestros pies. ¿verdad?

¿Se lo han preguntado, diseñadores?

Hace una semana publicaba esta entrada en dospuntocero haciendo referencia a un articulo publicado en Design of Flight: Death of design; reign of content? donde menciona una inminente muerte del diseño frente al reinado del contenido en formato puro. ¿Acaso al fomentar teconologías como RSS y MP3 estamos fundamentando nuestra extinción?

Probablemente los expertos aerografístas no se lo preguntaron y los maestros de la escuadra y estilografo no lo vieron venir. Esos maestros del cuarto oscuro con las uñas impregnadas de nitrato de plata puede que se sintieran eternamente indispensables y los cultivadores de henequen creían que podrian seguir viviendo tranquilos por generaciones. Pero el Photoshop, la autoedición la fotografía digital y las fibras sintéticas son lo de hoy y lo de ayer pertenece a los museos, a los libros de historia y a la nostalgia pero no tiene lugar en la vida económica activa de hoy.

Hace como tres años un amigo de mi apá, excelente músico, invirtió todo lo que tenía para construír el estudio de grabación de sus sueños. Tenía un cuarto de grabación enorme y hermoso con un micrófono de 12 mil dolares al centro. Una cabina llena de los mejores aparatos de grabación analoga, adats, consolas, etc. ¿Su error? No tenían una sola computadora. Asi es, ellos tenían un estudio que Los Beatles hubieran envidiado en sus inicios pero ahora era anticuado y obsoleto.

Ser purista e idealísta no te servirá de nada en la mayoría de los casos. Muchos diseñadores de la generación anterior siguen pensando que diseñar usando un mouse y un teclado es indigno, pero a menos que sean Milton Glaser mas les valió apechugarse en algun momento y tragarse su orgullo o buscar trabajo en otra cosa.

Regresando al tema inicial…¿Hay diseñadores de portadas de discos en la audiencia? ¿Qué tienen pensado hacer cuando toda la música se descargue de internet?… ¿Diseñador de revistas, alguno? ¿ Cuando todos leamos en línea?… Diseñadores web, no se emocionen… ¿A quien le van a interesar sus diseños cuando todos sigan los contenidos via RSS?… ¡Hey! ¡Probablemente estás leyendo esto via tu agregador de feeds predilecto y ni siquiera has notado que rediseñé mi sitio!.

Imagino que los diseñadores industriales seguirán teniendo bastante chamba, los diseñadores de interiores, los textiles, los de empaque, y algunos otros. Hasta que alguien (uno invente algo que los deje obsoletos. ¡Asi que disfruten mientras puedan!

Y tú lector… si, tú, el de las orejas rojas… ¿De qué vas a vivir en 20 años?

P.S. Mentí, no he rediseñado nada solo quería atraerte a que vieras que bonita publicidad tengo ;) .

18 Ago 2005

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.

04 Ago 2005

Federico Jordán

federico.gif

Da gusto ver cuando a un paisano le va bien y este parece que ha sido un buen mes para el Ilustrador Extravagante:Federico Jordán que ha sido reseñado en Drawn! y entrevistado en la revista a! diseño.

Federico tiene en su portafolio una gran variedad de imagenes con su estilo muy particular, lleno de detalles y colores y una cartera de clientes impresionante que incluye, entre otros, a Forbes, Microsoft, Wall Street Journal y NewYork Times.

Y ademas de todo, es un hermano blogger

05 Jul 2005

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.

30 Jun 2005

Fontsmack

font-smack.gif

Jonathan Snook nos presenta Fontsmack un repositorio de fuentes tipográficas en formato swf para ser usadas junto con la técnica sIFR

Para quienes aun no lo sepan, sIFR(scalable Inman Flash Replacement) es la evolución de IFR una ingeniosa técnica que gracias a Flash y Javascript permite insertar en una página web fuentes que el usuario no tiene instaladas. Originalmente concebida por Shaun Inman y mejorada por Mike Davidson y Mark Wubben.

El posible problema (y seguramente el debate no se dejará esperar) con Fontsmack es el asunto de las licencias de las fuentes embebidas en los swf’s. Otra cosa, es que lo más seguro es que estas fuentes flash no traigan incluídos los caracteres especiales necesarios para nuesto idioma, asi que tal vez no sea tan util para nosotros.

Y la recomendación obligada siempre que se hable de sIFR bien usado no puede ser otra que la excelentísima Diseñorama

26 Jun 2005

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 .

22 Jun 2005

Estúpidas tablas

Uno de los primeros pasos para comenzar a diseñar para el futuro es separar las capas de contenido y presentación de un sitio web. En su forma más simplista esto es: dejar de maquetar con tablas y usar CSS para darle forma a nuestros diseños.

Hace aproximadamente año y medio leí un artículo que definitivamente me convirtió al camino de los estándares: Why tables for layout is stupid y apartir de ese día decidí no usar tablas para nada que no fueran datos tabulares como Dios manda.

Por razones sentimentaloides regresé hace poco allí a leer ese artículo con toda la intención de traducirlo al español y me doy cuenta con gusto de que ya alguien lo hizo.

Así que, por si aun hay personas en la audiencia que aun no han visto la luz y siguen atrapados en el pasado pasen y vean porqué diseñar con tablas es estúpido

14 Jun 2005

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í?

07 Jun 2005

Educar al cliente

Cuando un diseñador pasa por un momento de crisis y se siente frustrado y lo expresa ya sea abierta o sutilmente no faltará el colega que — en un genuino intento por ser comprensivo — se siente a su lado y le suelte la madre de todas las netas: te comprendo hermano, pero es toda nuestra culpa. Debemos educar a nuestros clientes

Educar al cliente, educar al cliente, educar al cliente…

Por más que me lo repito a mí mismo no logro encontrarle sentido. Seguro que entiendo el concepto: el cliente debe entender qué es lo que hacemos y por qué lo hacemos. Debe saber qué nos hace diseñadores, qué es lo que le falta al sobrino para que lo sea y sobre todo, sobre todo, por qué nuestro trabajo no puede ser ni barato ni gratis.

Pero si lo veo como cliente simplemente no le encuentro razón de ser. Yo no quiero que Don Goyo el de la tienda de la esquina me eduque. No me interesa que el minibusero, el albañil o el licenciado me haga notar lo valioso que es su trabajo. ¡Caray! ¡Sólo hagalo!.

Uno de los problemas de la profesión del diseño es que está lleno de — perdonen uds. el anglicísmo— demasiada bullshit. No imagino a mi peluquera estilísta hablandome de teoría del color, de balance, composición, equilibrio, de cuanta energía voy a ahorrar con menos cabello y un corte aerodinámico. No me interesa que me advierta lo malo que puede ser seguir las tendencias actuales solo porque están de moda y que me recomiende una imagen sobria que resista el paso del tiempo y refleje proactivamente la identidad que mis clientes deben percibir de mi. ¿Saben que le diría? ¡Sólo cortame el maldito cabello y haz que me vea bien!.

¿Qué creen que piensa un cliente cuando el diseño de cartel que le vendimos tan ensalzadamente usando toda la jerga que aprendímos en el último numero de a! diseño no convenció a una sola alma de pararse por su evento?

En serio, ponganse en el lugar del cliente. ¿No les parece desmedidamente que el prestador de servicios que están por contratar pretenda educarlos?.

A menudo le damos más importancia al diseño del que tiene en realidad . Claro que se necesita un poco de arrogancia para destacar en el mundo competido de hoy pero no tomemos al cliente como un tonto. Puede que la palabrería convincente funcione una vez pero sin retorno de inversión que nos respalde el cliente no va a regresar.

No eduques al cliente, dile la verdad tal cual: Si me contrata para diseñar su página web le garantizo un excelente posicionamiento en los motores de búsqueda y que por lo tanto su público objetivo siempre lo va a encontrar. Le aseguro páginas ligeras, navegables y porqué no muy bonitas, que harán que sus clientes encuentren lo que buscan. Le garantizo un sitio más productivo que el de la competencia y un millón de veces mejor que ese flyer en línea que le vendieron. Le garantizo que soy experto en eso, ese es mi trabajo. ¿Quiere que se lo firme?.

Probablemente me equivoque — como es mi costumbre— falta ver que opinan ustedes.

06 Jun 2005

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!

05 Jun 2005

Logotendencias 2005

Logotendencias 2005

La palabra tendencia parece que le eriza los pelitos de la nuca a algunos diseñadores. Todos quieren ser iniciadores-de-algo; nadie quiere reconocer que simplemente va detrás. Pero mientras nos dirigimos hacia el quinto aniversario de logolounge.com, hemos descubierto que las tendencias son algo imposible — y quizá poco inteligente— de ignorar.

Logotendencias 2005 en DGUSA

03 Jun 2005

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.

triangulo de 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

16 May 2005

El logo ha muerto

Muchos no entendieron lo que quise decir con El branding mató al design (lo que fué obviamente mi culpa por no explicarme bien) y pensaron que estaba despotricando contra la mercadotecnia y la metodología del diseño pero no iba precisamente por ahí el asunto.

Antes de continuar tal vez quieran visitar —si no lo han hecho — este post en ALT1040 acerca de una compañía que hace logos por 25 dolares americanos. Eduardo se pregunta al final del post: ¿Qué significa esto para la comunidad de diseñadores?. Ya puedo ver a muchos rasgandoce las vestiduras y sentados sobre ceniza con cilicio sobre sus cabezas rapadas protestando airadamente contra la blasfemia que esto significa. ¿Eso significa?

A quien le parece que esto es una prostitucion miserable del acto creativo de diseñar una identidad está en lo correcto. No hay arte y mucho menos oficio en lo que GotLogos hace ¿Pero saben qué…? No importa.

Cada quien tendrá su personal opinión de lo que es un buen logotipo, pero creo que la función más básica que debe cumplír es la de ser razonablemente diferente, el resto puede ser injertado artificialmente gracias a la magia de la publicidad. ¿Entonces para que gastar en un pesado diseñador que investiga, boceta, presenta propuestas, justifica, sintetíza y sobre todo qué cobra muy bien si a final de cuentas no es decisívo?

Piensen en Google y sean objetivos colegas: es un logotipo horrible. ¿Una fuente serif con una letra de cada color? NO me sorprendería saber que lo hizo un niño de 9 años porque es el tipo de logotipos que yo diseñaba a los 9 años. ¡Ah! Pero hace poco le pusieron un par de efectos de photoshop pa’ que se viera más profesional.

Sin embargo asi, con logo feo y todo, Google es la segunda marca más influyente del mundo. ¿Por qué? Porque es el mejor buscador del mundo, porque fué innovador, porque funciona, porque han sabido mantener su marca lejos de mala publicidad y por sus excelentes servicios.

Tenía que suceder.Cómo le pasó a la caligrafía, al rotulísmo, al diseño de restirador, escuadras y letraset y cómo eventualmente le sucederá al diseño de revistas y al de portadas de CD’s y de Libros. El diseño de logotipos se ha vuelto irrelevante y los diseñadores debemos aceptarlo y buscar otros horizontes. Dejemos que los GotLogos recojan los pedazos y veamos como los precios se van al suelo desde nuestro despacho de diseño de productos, diseño web, diseño de información, de motion design… qué se yo. Si hacemos logotipos, hagamoslos por arte y no por dinero.

El logo ha muerto, viva el logo.

14 May 2005

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 nin