Xenoid

Etapas de un diseño

2009-02-10T17:44:51Z

Aunque últimamente estoy bastante callado aquí, sigo publicando en Soybits sobre temas de la industria editorial y trabajo en proyectos de los que espero hablar próximamente.

Uno de ellos incluye la realización de un website trilingüe para Altervideo del que publico aquí unos pantallazos que documentan la evolución de la interfaz.

En cuanto al proceso de trabajo, tras una fase previa de conceptualización siguiendo los principios explicados en este artículo, empiezo el diseño directamente en XHTML y CSS y lo voy construyendo en Notepad2, con la firme intención de que el HTML sea lo más semántico posible y valide según el W3C. (He dicho “intención”, ojo.)

Visualizo los resultados sobre la marcha con la última versión de Firefox provista del indispensable Firebug, y una vez satisfecho compruebo que funcione con todos los navegadores actuales.

De esta manera, después de un tiempo, aparece algo así (Nota: todas las fotos utilizadas en la página de inicio se tomaron con un teléfono móvil Nokia N70 y sin duda en la versión de producción serán otras):

La imagen anterior es del primer boceto, que no tuvo continuidad. Podría ser un punto de partida válido para otro tipo de web, pero en este caso no es adecuado.

Decidimos no seguir por aquí y fuimos a buscar otra cosa. Pero el efecto de jQuery con las fotos nos pareció bien a todos, así que lo conservamos. Y probamos una segunda versión:

Me gusta el espacio en blanco. (Mmm… tema para otro artículo de resonancias taoístas: la utilidad del vacío.)

Pero entonces pensé que últimamente lo hago todo blanco, y que por qué no probar un cambio, de modo que… ¡Tatachán! ¡Ahora en vez de blanco es negro! Revolucionario, ¿eh?

Sólo que en realidad no es negro, el fondo es gris oscuro y tiene una trama fina que en estas imágenes no se aprecia. Algo como esto:

En cualquier caso, viendo el fondo blanco y el fondo negro, me dije “vamos a juntarlos”. Y entonces quedó así:

Llegados a este punto, empezó a quedar claro que la cosa iría por este camino. O sea que podíamos entrar en detalles, no sé si menores.

Resueltos (provisionalmente) los detalles, los trasladamos a las plantillas de las páginas interiores que íbamos montando en paralelo.

Y hasta aquí hemos llegado.

En este momento deberíamos tener un juego completo de plantillas sin funcionalidad; el paso siguiente es añadir la lógica, que en este caso es en forma de PHP y MySQL y se basará en un motor de Textpattern. Ya miraré de comentar el proceso en otro artículo.

Cuando esté el sitio visible en la red aparecerá en la sección de Proyectos. En cuanto a los diseños descartados por el camino, no descarto que acaben sirviendo para otra cosa.

Pixel Art en NewGeek

2008-09-04T15:40:49Z

Tras un número 3 dedicado íntegramente al futuro de los libros, acaba de salir el número 4 de la revista digital gratuita NewGeek esta vez dedicado al píxel art:

NewGeek es un proyecto de Distridigital, con quienes compartimos alegremente la responsabilidad de Soybits. Soybits es un canal de artículos y noticias sobre tendencias en la industria editorial.

Descargar la revista en formato PDF (3,78 Mb).

Hojear la revista online en la plataforma de Issuu.

Para diseñar la web social [3]

2008-06-17T16:14:19Z

Si no lo he dicho ya, lo confieso ahora: leo libros. Me gusta leer. Y entre los libros que leo, me gusta leer libros relacionados con mi profesión. (Cada mes me dejo un dinero en Amazon.)

Ya he comentado alguno antes; la idea es referenciar aquellos que realmente me han aportado un valor, que tienen ese algo más que los hace destacar y que pueden llegar a convertirse en clásicos. Hay unos cuantos, y espero irlos mencionando poco a poco.

Ahora le toca el turno a Designing for the Social Web, de Joshua Porter. Porter es el responsable de Bokardo, un blog bastante conocido sobre temas de diseño social. Una autoridad, diríamos, y en este libro demuestra por qué.

No voy a reseñarlo ni criticarlo. En el blog del autor se encuentra bastante información, así como en Amazon y otros lugares. Incluyo solo el comentario de un lector en Amazon:

I highly recommend any web developer read this book. […] It focuses on the user experience, so don’t expect any graphic design, or programming knowledge to be inferred, but it will get you thinking about how the social web works, and how to get it to work to your advantage. The last chapter on measuring your success is also quite good, and is tool agnostic. […] Buy it now.

Primer Iniciador Barcelona

2008-05-21T15:34:18Z

Ayer se celebró por primera vez en Barcelona el encuentro Iniciador, concebido como punto de encuentro para emprendedores.

¿Cuánto cuesta una web? [3]

2008-05-09T10:51:53Z

Una de las primeras preguntas que solemos escuchar cuando hablamos con un posible cliente es: “¿Cuánto va a costar?”