Aunque lo he puesto en la sección de Breves (eso que está en una de las barras laterales y los que siguen la web por feed no podrán ver :D) me ha parecido muy interesante y creo que tenía que destacarlo aquí también.

En Doméstika hay actualmente un interesante hilo de debate en torno al tema de presupuestos mayores o menores dependiendo del tipo de clientes.

Si ya el tema presupuestario es un tema que da mucho para hablar, el añadido de “a X le cobro más que a Y” es el lacito para envolverlo para regalo y darlo a todo aquel deseoso de información de este tipo. Se lo leen con calma que hay chicha.

:: ¿Por qué presupuestamos según el cliente? ::

Flash, una herramienta muy útil para la difusión de audio y vídeo, se usa por regla general para construir absurdos sitios de diseño, inaccesibles, poco usables y que devoran ancho de banda con pesadas intros que no sirven más que para halagar el ego de quienes los construyen.

Ripoll siempre haciendo amigos, se estrena en su columna en El País. (Vía Domestika)

El otro día escribía esto y me ha hecho gracia comprobar que Mel Hogan emplea un ejemplo similar para apuntarnos una serie de detalles que deberíamos grabarnos a fuego en las conversaciones con clientes.

Dejar a un lado aspectos más, mmm, artísticos del diseño para centrarnos en primera instancia en lo que debemos solucionar y comunicar. ¿Qué es preferible saber antes? ¿El color que le gusta al cliente o lo que pretende transmitir? De dejarnos llevar por el lado más “diseñil” estaremos empezando a abrir las puertas al camino interminable de los cambios de tipografías y colores.

Lectura interesante señores.

:: Communication design is not subjective [en] ::

He visto en Domestika que enlazan hasta la web de Aido, empresa sin ánimo de lucro que ha elaborado un jugoso pdf con bastantes cosillas relacionadas con el mundo diseñil. Desde teoría de materiales y tintas hasta normativas aplicables.

Su carácter gratuito hace al documento más apetecible todavía. Le faltaría quizá un apartado que contase realmente cómo enviar archivos a imprentas y similares porque de ese tema no he visto nada
.
:: Guía de recomendaciones para diseñadores gráficos ::

Hace tiempo que en A List Apart [en] colgaron un artículo [en] muy interesante con “reflexiones filosóficas” sobre la diferencia que se nota realmente si has prestado atención a cosas que en un principio podrías haber pasado por alto.

Como a algunos el idioma quizá les sea una barrera, en Vectoralia nos lo traen en un más digerible castellano. Lectura recomendada (y obvia en algunos momentos).

:: El diseño es cuestión de detalles ::

Ayer nos llegaba un mail del jefe Skeku a todos los colaboradores informándonos de que está en plan “retiro espiritual” y de que nos tocaba darle vidilla nosotros a Criterion porque él iba a estar a una distancia prudencial de cualquier ordenador o parecido.

Así que nada, navegando por Smashing Magazine (sitio que se dedica a recopilar información y recursos para que nosotros, los vaguetes, lo tengamos mucho más fácil) me encontré con un más que interesante recopilatorio de tutoriales de Photoshop. Desde efectos de luz a recrear 3D, pasando por HDR y otros trucos para mejorar tus fotos digitalmente. Muy útil.

Bueno pues ya está. Me puedo ir quitando la espinita que tenía clavada desde el momento en que se cambió el diseño del blog. Yo quería tener portfolio nuevo y ya lo tengo.

Voy a contaros a grandes rasgos cómo ha sido la aventurilla que además me apetece escribir un poco ;)

La versión actual del portfolio no me desagradaba en absoluto. Estaba maquetada decentemente, me había currado la accesibilidad a tope y pesaba bastante poco.

Conseguí hacer un portfolio que quedase bastante bien conjuntado con la versión anterior del blog.

El principal problema era, como ya he dicho, que desentonaba bastante al haber cambiado el diseño de la página de inicio y del blog. Y eso me estresaba. Yo lo quería todo bien agrupadito con mismo estilo y tal. Otro de los problemas ha sido el uso y abuso de efectos tipo acordeón o lightbox. Cuando yo lo empleé en el portfolio apenas había nada desarrollado (los efectos los conseguí trapicheando con script.aculo.us) pero ahora me molestaba bastante que ya no tuviese esa…”exclusividad”.

En realidad barajando pros y contras pensé en seguir usando una maquetación similar. Pasaría de moo.fx [en] a mootools [en] o jQuery [en] y de lightbox [en] a slimbox [en]. Venga, manos a la obra.

Lavando la cara al portfolio

Una estructura vertical, con miniaturas de los trabajos organizados por tipo y un texto introductorio. Extras en forma de pestañicas como las del blog o que las secciones aparecerían y desaparecerían tipo acordeón. Era lo que quería y así lo hice después de unas cuantas horas photoshoperas. En este punto es importante saber que si bien Photoshop te deja hacer mil y una filigranas, a la hora de maquetar los gráficos en web puedes llevarte las manos a la cabeza si quieres que la estructura quede 100% igual que en el programa donde se preparó el diseño. Como en esto ya tengo algo de experiencia pues tampoco me quise complicar mucho.

En cualquier caso a mi lo de ponerme a meter código no me gusta para nada. De hecho reconozco que no es mi fuerte. Así pues tras haber terminado la parte gráfica pensé en encargar el maquetado y que lo hicieran por mí. Estuve muy cerca de hacerlo pero no sé si sería la alineación de planetas, el dinero que costaba o un ataque súbito de ego lo que me hizo decidir que lo haría yo solito. Con un par!

Cross browsing: enemigo público number one

Al poco de comenzar la maquetación ya me dí cuenta que el mero hecho de no controlar muy bien temas de javascript me iba a dar más de un dolor de cabeza. Leñe, una tarde entera para que mootools me funcionara! Internet será enorme pero no encontraba en ningún sitio el código para hacer funcionar el efecto acordeón! Que si bla bla bla, versión tal y cual, variable omega… yo lo que quería era un copy-paste! ¿Tan dificil es que para los novatos en esto como yo nos pongan eso en la documentación oficial? Naaaada. (nota: aquí queda de manifiesto que hay veces que las ganas de querer resultados rápidos me nublan la mente). Y ya no os quiero ni contar la prueba anterior que hice con los efectos slide.

Seguimos. Echado a andar el script del acordeón pensé haber avanzado un buen trecho en el camino hasta terminar la nueva versión del portfolio. Ja! Bienvenido, mr. Cross browsing [en]. He de reconocer que aunque el diseño web también lo he tocado desde hace bastante tiempo, la cosa avanza a pasos de gigante. Y o te reciclas y te mantienes al tanto o en menos de un año se te puede haber revolucionado el percal y tú todavía abriendo pop-up a pantalla completa.

Abrí la prueba de maquetación en Explorer (7) y plof, depresión al canto. Unos cuantos kilobytes me habían hundido la euforia de poder ver un diseño nuevo en escasas fechas. Fue en este momento donde el montaje del portfolio sufrió un importante punto de inflexión. Volví al principio. No terminaba de convencerme el hecho de emplear una estructura muy parecida a la anterior. Tocaba reconsiderar la maquetación, el sistema de actualización…y el diseño.

A la segunda, ¿va la vencida?

En este segundo diseño primaba el visualizar los proyectos de manera rápida. Opté por un sistema que aunque iba a quemar algunos ratones por la cantidad de scroll que iba a haber, parece que daba buenos resultados. Me remito al hecho de que hay gran cantidad de portfolios en la red con estructura similar. También sabía que la web iba a pesar más debido al uso de imágenes de tal tamaño y que quizá a usuarios con una conexión de baja velocidad esto les echara para atrás a la hora de visitarla. Es cuestión de valorar pros, contras, el público al que va dirigido el portfolio y bla bla bla. Un poco de estudio de mercado y márketing casero :D

No obstante seguía teniendo un problema que arrastraba incluso desde la versión anterior: la facilidad de añadir nuevo contenido. Quería que fuese algo sencillo, semiautomatizado. No tener que editar el html cada vez.

Indexhibit: la luz al final del túnel

Llevaba tiempo conociendo la existencia de Indexhibit [en] y pensé que sería un buen momento para aprender a usarlo. Previamente barajé la posibilidad de instalar la versión “lite” que existe de wordpress pero no sé si el servidor aguantaría con tanto y me habían comentado que este otro cms era bastante bueno en lo que a consumo de recursos se refiere. A probar se ha dicho!

Si el día que probé Textpattern me sentía perdido, ahora no veía ni donde ponía los pies. No entendía nada de nada de la casi inmaculada estructura del panel interno. ¿Pero dónde está el boton de escribir post? ¿Y los plugins? Ayyy qué daño me ha hecho Wordpress!
Iba a tirar la toalla, pasar a otra cosa y dejar la idea de cambiar el portfolio para otra vez. Lo que pasa es que esta vez me puse cabezón y me dije: “o aprendes a usar este cacharro o el portfolio te lo haces con el paint.” Y aprendí a usarlo; por encima, pero al menos sé cómo utilizarlo. En realidad no es un sistema complejo y como yo quería algo sencillote creo que dí en el clavo a la hora de elegirlo como herramienta para hacerme la carpeta digital de trabajos.

Cross browsing strikes back!

Por ponerle alguna pega a Indexhibit pues diré que hay pocas plantillas disponibles…de hecho creo que no hay ninguna. Pensaba tomar alguna como base y adaptarla a lo que yo quería. Si os pasáis por la web de Indexhibit [en] veréis justamente la plantilla que viene por defecto. Eso sí que es web 2.0!

Me tuve que rehacer las hojas de estilo prácticamente en su totalidad y os recuerdo que unos párrafos más arriba he dicho que a mi lo del código, ni fu ni fa. No es que no se me de muy mal pero prefiero pelearme con glows en Photoshop que con pseudoclases. A pesar de todo he tenido que trabajar bastante en este aspecto y creo que del css original debe quedar menos de un 5% y si queda!
No negaré que ha sido estresante y gratificante a partes iguales. Con estos trabajillos adquieres conocimientos: te peleas con los diferentes navegadores para conseguir que se vea todo pefecto o casi perfecto en el caso de navegadores antiguos (Opera, Safari, Firefox, Explorer 7 y Explorer 6 estuvieron abiertos a la vez en varias ocasiones), empleas condicionales, te encuentras con imprevistos y nuevos problemas al realizar un nuevo cambio, recargas la página chorrocientas veces, subes y bajas cosas del FTP si no quieres probarlo en local… una odisea. Pero cuando lo ves todo terminado (a falta de un par de detalles que ya apenas tienen que ver con código) te quedas embobado y te echas hacia atrás en la silla resoplando por el esfuerzo, satisfecho por un trabajo decente (al menos a opinión personal).

Eso sí, también piensas: ¡Nunca más!

El año pasado os dejaba el enlace hasta Sindicato de la Imagen donde podíais encontrar un PDF para hacerse unas chapuzas en serigrafía (chapuzas dicho con todo el buen sentido).

Ahora es en el blog de Kalipo donde se está poniendo toda la carne en el asador, con detalles y explicaciones pormenorizadas. Incluso con vídeos para los torpes como el que aquí escribe.

Echadle un ojo que merece la pena. Lo he visto en DMSTK.

¿Aún te lías con temas como puntos por pulgada, resolución, píxeles y demás? He visto en Isopixel un artículo relacionado con estos temas que amplia más aún información sobre la relación (o no) entre resoluciones, dimensiones, píxeles,…

:: El mito de los 72DPI ::

PD: Quizá venga bien recordar el post ¿Qué resolución necesito para…? ;)

Alberto se considera seguidor del tema ambigramas. Como un servidor también se siente especialmente fascinado por esta concepción visual, qué menos que colgaros aquí el enlace hasta lo que nos cuenta sobre esta técnica tan particular.

:: Los ambigramas ::

Link perfecto para esta tarde de Domingo si no tienes mucho que hacer. Cortesía de comandoefe.

Ezequiel Treviño, uno de los grandes del marketing directo, se despacha a gusto en una conferencia hablando de las 10 grandes mentiras del marketing directo actual.

En YouTube >> [parte 1] y [parte 2].

Ración de teoría que me he encontrado en StyleGala [en]. Desde las pinturas rupestres hasta nuestros días en unos cuantos párrafos de historia. Sólo por algunas de las imágenes que resumen por sí mismas las épocas pasadas, ya merece la pena echarle un ojo.

:: The History of Visual Communication [en] ::

Hay un momento en toda elaboración de proyecto en el que debemos decir basta; hasta aquí. C’est fini. Cumplidos los requisitos y satisfecho el cliente, damos carpetazo bien agusto y vemos que hay tras la puerta número dos.

Pero hay casos en los que la toma de la decisión “hasta aquí hemos llegado”, se hace un pelín más cuesta arriba. ¿Queda bien este degradado de fondo? ¿Y si le añado un arbolito más a ese foto-montaje? ¿Le cambiamos el color de ojos a esa señora que aparece en la izquierda? Dilemas y más dilemas, preguntas reflexivas que si bien lo único que buscan es una respuesta que mejore nuestros diseños, nos sumergen en una espiral descendente de más y más cuestiones.

Curiosamente, y por propia experiencia, podría decir que esto ocurre mayoritariamente cuando estamos trabajando en un proyecto propio, en algo que va a llevar nuestro sello. Y es que, señores (y señoras), no hay peor cliente que uno mismo.

Esta situación se me ha presentado unas cuantas veces en un último “ejercicio” que estoy realizando. Y estoy seguro que habrá opiniones de todos los colores como las que postulan que el propio conocimiento teórico de las características de un diseño será el que dictamine el punto final. Creo que esto es válido cuando la función es informar, transmitir una idea. Pero ¿y si lo que buscamos es una sensación, algo no tangible? ¿Estamos ante la misma situación?

Iba a empezar a hablar sobre el diseño emocional y creo que estaría mezclando churras con merinas, incluso podría llevarme este tema al terreno de la eterna discusión “arte y/o diseño” (sobre este tema, recomiendo ¿Arte, estética o ideología) asi que, céntrome y lanzo la pregunta: Ante un lienzo en blanco, ante un diseño/ilustración/collage de estas características en plena producción, ¿Cuándo parar?