Kuler

Desde hace un par de semanas voy notando una cantidad de enlaces en del.icio.us sobre la creación de paletas de colores.

Artículos sobre teoría, web based apps y galerías de esquemas de colores.

Genial me parece, y esto ya lo he dicho antes, ya que para mi una de las dificultades que tengo en el diseño es la creación de esas paletas o esquemas de color.

Abobe Labs lanzo recientemente una herramienta basada en flash que me pareció fenomenal.

 Aquí esta Kuler! A divertirse ! A nadar en medio de una océano de swatches de todos los colores! 

Lectura obligatoria

octubre 26, 2006

Getting Real
Matias!

Es obligatorio que leas por completo este libro – Getting Real ! Lo empezaste pero nunca lo acabaste.

Que es Getting Real?

Want to build a successful web app? Then it’s time to Get Real. Getting Real is a smaller, faster, better way to build software.

Y ustedes queridos amigos y lectores les ordeno que lo lean también !

Es OBLIGATORIO! y gratis

Gracias 37 signals !

960 el numero mágico

septiembre 18, 2006

1024
En nuestro rediseño de eltiempo.com, uno de los temas mas delicados fue el cambio de ancho de pantalla. Pasamos de de una diagramación sobre 800 pixeles de ancho a una diagramación sobre 1024.

Una de las preguntas en mi equipo de diseño era cual era ese numero mágico para nuestro layout? Llegamos a una conclusión de utilizar de 970 pixeles de ancho, centrado en el browser.

Hoy me llego por medio de pe5pe este enlace
http://www.cameronmoll.com/archives/001220.html

Aquí llegan a la conclusión que el numero mágico es de 960 pixeles de ancho. Porque?

Uno de los argumentos que más me convencieron:

¨I’ve been using 960 for some time now, as it’s slightly smaller than full width, and it’s divisible by 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480, and 960. (imagine the grid possibilities). I’d love to hear what all of you are wrestling with.

Update: Jon (first comment) brings up an interesting point: If your layout includes ads, 960 seems to facilitate IAB widths fairly well.”

Via: cameronmoll.com

Gawker

Gawker, Manhattan Media News and Gossip , rediseño su sitio web.

No se si (no he tenido tiempo) de ver si algunos o todos los blogs a tenido esta suerte.

Me pareció que Gawker vio que ya somo cada vez más personas con pantallas amplias. La cantidad de espacio vacío es espectacular. Esto es algo difícil de lograr ya que mucho espacio vacío puede significar para el usuario un error.

Me encanto el tamaño de los títulos de cada post GIGANTES !

Y el color? son solo dos, gris para el texto, rojo para los enlaces. Y el resto? pues el resto se lo da la pauta (atrevida en sus formatos)

Blogged with Flock

Tipografias CSS

En este sitio, podrás inspirarte.

Una buena colección de Headlines (titulares) utilizados en sitios web. Uno se da cuenta como han cambiado las tendencias del diseño. Ya que opino que la estética a vuelto a tomar en cuenta las limitantes y posibilidades que brinda los lenguajes de programación utilizados hoy en día.

Otro buen complemento a esta galería es una dedicada a estilos de comentarios utilizados en blogs.

CSS heaven

Ping magazin, revista japonesa de diseño y maravillas japonesas, tiene dos muy buenos articulos – ademas de un podcast increible, entrevistas,ensayos, fotografia, etc, etc, etc, – uno llamado Los cinco pasos para alcanzar el paraiso CSS y el otro es un pronostico de cuando moriran ciertas tendencias en diseño de la web actual.

Tanto tiempo sin escribir! Y eso que instale wi-fi disque para tener en mis tiempos libres tiempo para navegar mas a fondo que en la oficina y compartir información con ustedes. Ando completamente sumergido en el trabajo, ha sido un proceso fascinante, educativo (no es tan aburrido como suena) , a veces agotador , pero estoy haciendo lo que mas me gusta hacer. Estoy diseñando un sitio web enfocado a la noticia, un periódico y en esta tarea monumental he realizado muchas visitas a diferentes periódicos en la www. Y claro, uno de ellos el New York Times.

Hoy encontré una entrevista realizada por Khoi Vinh, publicada en el Desing Center de Adobe. Khoi Vinh, es el director de diseño en el nytimes.com a cargo del equipo diseño. Lo mas gracioso es que durante las fases de creación de prototipo en las que estuve involucrado, miramos con detalle una área de la pagina del NYT donde utilizan un modulo javascript para mostrar mas contenido al interior del sitio – esto también se puede ver con otro look and feel en la pagina de noticias de Yahoo!. En esos días navegando encontré un enlace en un super blog llamado Subtraction en donde hablaban de MOTH – The Home Page’s Middle Manager.

Y solo hasta hoy me vengo a enterar que Khoi Vinh es el dueño de este magnifico blog ademas de uno de los principales diseñadores del nyt.com, eso fue como mucho para mi en un día.Pues, Khoi Vinh le hizo, como decía antes, una entrevista a Jason Fried de 37signals, creadores de herramientas como Basecamp (que utilizamos a diaria con nuestro equipo de trabajo), Campfire, Backpack y líder de la Web 2.0.

Inspirador, aquí la primera pregunta.

Can you give a brief overview of “Getting Real” for those unfamiliar with it?Sure. Getting Real is the name of our methodology. It basically means getting rid of all the abstract stuff, and replacing it with the actual real stuff instead. So, instead of drawing boxes and arrows that represent a real screen, we just dive in and design the real screen. And tweak, iterate, and adjust.

Pueden leer el resto aquí.