Gran artículo que quiero recuperar del ya inexistente blog Sofanaranja de Ale Muñoz.

He encontrado un repositorio donde tiene los artículos guardados, mil gracias!!

https://github.com/bomberstudios/sofanaranja/blob/master/_posts/2008-04-10-fundamentos-de-diseno-la-regla-de-0-1-n.md

Es un teorema/principio/hipótesis/regla empírica, que tiene sus raíces en el mundo de la programación. Mi fuente de inspiración fue el Wiki de C2 (una joya de la información, por cierto)

La regla, en su versión diseñosa, viene a decir:
Cualquier elemento de diseño puede existir cero, una, o infinitas veces.
Destripemos la frase un poco:

Cualquier elemento de diseño se refiere a «cualquiera». Iconos, botoncillos, cajas de texto, elementos de menú…
puede existir cero quiere decir que no existe. Punto pelota. «El site no tiene menú a la izquierda». «No hay buscador». «Un post nunca llevará una imagen»

una quiere decir 1, la unidad, sólo uno de ese tipo. «El logo estará arriba a la izquierda». «La caja de búsqueda estará arriba la derecha».

o infinitas veces pasando del 1, el resto de los números no significan nada. Si el blog tendrá más de 1 post en portada, debería poder tener 5, ó 20, ó 500.

Un porcentaje muy importante de los problemas de diseño* que me encuentro tienen su raíz en no observar esta regla. No importa que hayas definido que tu portada de periódico tendrá 2 destacados. Mañana sucederán 5 cosas tan importantes que tendrán que destacarlas en portada.

* «diseño» se usa aquí en su acepción más amplia, incluyendo arquitectura de información y HCI.

Mi consejo es bastante simple: el único número al que deberías cogerle cariño es el 1. Los demás no existen. Invierte tu tiempo diseñando sistemas flexibles que admitan crecimiento ilimitado, no en cuadrar pixels para que quepan las 3 promos en el ancho de la columna 😉

Interesante enlace el que me ha pasado hoy Dani.

Es un servicio donde podemos hacer una llamada a una url y nos devuelve una imagen de las características que queramos. Ideal para la típica galería de fotos donde aún no tenemos las imagenes reales y queremos ir haciendo pruebas.

http://dummyimage.com/

Para usarla, por ejemplo solicitamos esta imagen:

http://dummyimage.com/300×250/000/fff.jpg

Y nos devolverá esta imagen:

Se puede incluso insertar un texto:

http://dummyimage.com/150×100/f66e09/fff.jpg&text=thumb_1

¿Tan dificil es darse cuenta que las ventanas del navegador tienen barras de scroll, de herramientas, url y status? Eso como mínimo.

Si tengo que hacer un diseño de un site a 1024×768, no puedo pasar un archivo de 1024×768 y llamarme diseñador web.

Yo manejo la cifra de 1000×600.
¿como la he conseguido?
Es la mínima para que no me llame el cliente para decirme: «no se ve la parte de abajo…» el día del online claro, para qué fijarse antes…

PD: Si tu, diseñador, no haces esto, yo, programador, te pongo scrolls. XD

Yo con este tio lo flipo.

En serio, llega a unos niveles impresionantes. Dibujar con lineas con texturas, con sus curvitas y todo…

http://en.nicoptere.net/?p=476

Recién llegado del Subflash 2009 en Alicante, como el año pasado.

Ya contaré mañana más detalles sobre las charlas, pero ahora quería resumir lo bien que me lo he pasado con todos. Ha sido fantástico encontrarse otra vez con 50 Flasheros/Flexeros/Diseñadores durante dos días compartiendo experiencias.

Además, este año he compartido coche y charla con Javi y Luis de ida y de vuelta y ha sido un viaje súper productivo, casi tanto con las charlas del fin de semana 🙂

Hemos avanzado ideas sobre nuestros proyectos, dudas sobre como trabajamos cada uno, inquietudes sobre la situación actual de Flash/ActionScript…

Las ganas de hacer cosas de Luis es admirable, y estamos planteando hacer un Domingo en la Mañana aquí en Madrid.

Aún no hemos concretado fecha ni lugar, pero apoyo totalmente la idea, y visto que diez horas de viaje se nos han quedado cortas, seguro que tema de conversación tenemos para un par de domingos por lo menos 😉

En fin, que una gozada de fin de semana, y con un montón de ideas en la cabeza para investigar…

PD: Aquí un momento de esparcimiento 😀

Menudo blog chulo que me han dicho hoy:

http://toddvanderlin.com/

Este tipo une diseño y tecnología, con lo cual corazón y cabeza babean por igual 😉

Tiene cosas tan divertidas como hacer scratching con un vinilo y realidad aumentada

o jugar con la webcam, su contorno y Box2D

Impresionante la web de estos japoneses (como no).

Unos trabajos muy buenos, y la interactividad con el usuario es… sencillamente adictiva. Todo flexible y con transiciones muy trabajadas y que no se hacen pesadas.

Obviamente son sitio del día de FWA.

Yo de mayor quiero ser como ellos 😉

http://www.switchmw.com/

Ya está aquí (bueno casi, en Noviembre), y este año toca versión para los diseñadores. Y viene muy fuerte.

No voy a contar las novedades que trae porque ya lo han hecho muy bien en Cristalab, pero querría destacar una de ellas que me hace mucha gracia verla a estas alturas.

Y es que yo empecé en Director, Macromedia Director por aquel entonces, cuando Flash estaba por la versión 4. Y en Director los objetos se arrastraban al escenario y cada uno iba en una línea de tiempo como un Sprite, llamaban ellos. Y para animarlo tan solo había que moverlo con el ratón y automáticamente se curvaba la línea del movimiento y te colocaba un punto de animación. Eran tiempos de Lingo y sprite(the spritenum of me), jeje, que recuerdos.

Años después, a uno de los responsables de Director se lo llevaron a Flash, absorción por parte de Adobe y, lo que son las cosas, ahora nos encontramos hablando de sprites, childs, y con una *nueva* forma de animar en Flash sin fotogramas clave, clavada a como se trabajaba en Director.

Leer el resto de esta entrada

Ésto ha cambiado bastante en unos días. Desde que instalé el wordpress en el servidor y ví la pagina inicial he seguido cambiando el diseño, instalando algún plugin y metiéndome a saco con los phps.

Ahora todo me resulta muy facil de entender, pero al principio me costó bastante enterarme de cómo iba el tema. Asi que si estás en la misma situación aquí va un resumen de cómo me ha ido a mi.

Como no tengo un servidor local instalado ni pienso hacerlo, pues tengo un pequeño truco para diseñar en local antes de probarlo en servidor. Me descargo la página que quiero diseñar a mi disco duro, guardando sólo la pagina html, no las imágenes. Cambio las referencias absolutas del código por relativas, y ya está, sólo tengo que guardar los cambios y actualizar la página para ver los cambios. Eso si, cuando es algo del php hay que probarlo arriba.

Lo primero que vemos cuando instalamos todo y vamos a la página de inicio para ver nuestro flamante blog es algo asi:

Leer el resto de esta entrada

¿Y qué pinto yo en un foro de diseñadores dirán algunos?

Pues de momento me lo pasé bomba, algunos ponentes parecian monologuistas de algún programa de televisión mas que diseñadores de algún tipo.

Además al final todo está relacionado, internet, motion graphics, campañas de publicidad online y offline, diseño gráfico… todo es crear, con una cámara, un pincel, con las palabras o con líneas de código no?

Se pueden ver las fotos del evento aquí y algunos vídeos en YouTube.

Leer el resto de esta entrada