el50

El párrafo en la tipografía y diseño Web | Jon Tan. Un excelente artículo donde se analiza detalladamente los estilos que se aplican en los párrafos en el diseño web. El párrafo es puntuación, la puntuación de las ideas.

Ira de spam | Duopixel. “En el 2003, Charles Booher, un programador de Silicon Valley; harto de que le enviaran spam para agrandar su pene, rastreó a la empresa que le enviaba los correos y amenazó con enviarles antrax, torturarlos, castrarlos y otras cosas innombrables…”

Escogiendo tipografías | Letritas. Escoger una fuente no solo depende si nos gusta, sino de que queremos transmitir, “el objetivo siempre será el mismo: que se lea lo que quiero decir”

La fuerza de visualizar las metas | El Canasto. “Debes elegir bien las descripciones de tus proyectos y metas, describiendo claramente el resultado exitoso. Si por ejemplo tienes una entrada en la lista de proyectos ‘Implementar comisiones compartidas’, puedes cambiarlo en algo como ‘Comisiones compartidas lanzado exitosamente”.

No saben lo que es un blog | Mangas verdes. “Tres de cada cuatro españoles (un 73%) todavía no son capaces de diferenciar a un blog de una página web” ¿y realmente importa?.

Recopilación de más o menos 40 sitios con tutoriales para photoshop | Blog Amuki. Designer me deja un comentario y enlace con esa descripción. Una larga lista de sitios en los que podemos encontrar tutoriales para el editor fotografico más popular del mundo, ahí encontraremos recursos en español como en inglés, además de links a algunos de sus artículos.

Mejorando Windows XP con Microsoft PowerToys | RubénDomfer. Los powertoys son pequeñas herramientas gratuitas de la propia microsoft que nos hacen la vida en windows un poco más fácil, en especial Tweak UI.

Video de la semana

Pincel de gradiente en tiempo real, una tecnología que promete | Vecindad Gráfica, bastante interesante. Video.

Página de la semana

TinySong te permite de forma rápida y sencilla compartir canciones (enlaces) con tus amigos. Un ejemplo.

En PSDTuts han publicado sólo hace unos días un estupendo tutorial o mejor dicho, un artículo de nombre The Making of Mystic del famoso Nik Ainley (en el50), un muy talentoso diseñador. Seguramente muchos lo conocemos más por su peculiar tratado de tipografía.

El tutorial más que un paso a paso, es tratar de documentar el proceso del diseño y que lo orillo a tomar ciertas decisiones.

“So in summary, this isn’t the sort of tutorial you can follow like a cookbook and end up with the same image as me. However, I hope that by explaining my methods you will be able to pick up some Photoshop skills, and learn about parts of the program you didn’t know before.”

En pocas palabras, como pasar de esto:

a

Garantizado que vale la pena leerlo.

He tenido un poco abandonado el blog, pero realmente no ha sido por algo que valga la pena explayarme así que me ahorro las palabras de pretextos y justificaciones.

Desde de que salieron las versiones de prueba (beta) de Firefox 3 apareció un robot bastante curioso, narrando en cada imagen lo que aparentaba ser una batalla. Según la gente creativa de la organización Mozilla la cosa es sencilla:

Meta: crear algo lo suficientemente llamativo para que la gente se detenga y explore las diferentes formas de proporcionar retroalimentación.

Solución: Un robot gigante.

Todas las ilustraciones dedicadas a cada beta la puedes ver en Flickr. Por cierto, el ya famoso robot fue creado por Nobox.

Al finalizar los lanzamientos de betas y establecer una fecha definitiva para poder descargar firefox 3, Mozilla decidió finalizar esta campaña con un espectacular cartel, Firefox Victory, que alude a los afiches de Indiana Jones, específicamente al arte de Drew Struzan.

Por cierto próximamente:

• El cartel podrá ser adquirido en la tienda de Mozilla en una edición especial.
• En www.firefoxvictory.com posiblemente habrá más cosas relacionados al robot.

“Rated O for Open Source” jojojo

Aquí una nueva selección de fondos de escritorio, esperando que no ocurra lo de antes. Esta podría considerarse la segunda parte de 18 Wallpapers Nubes y nebulosas.

---

Además coloco algunos de los wallpapers que había seleccionado en listas pasadas que podrían entrar perfectamente en este tema.

Selecciones pasadas:

• 18 Wallpapers color Verde
• 18 Wallpapers color Blanco y Negro
• 18 Wallpapers color Azul
• 18 Wallpapers color Azul, segunda parte
• 18 Wallpapers de patrones Victorianos y Minimalistas
• 18 Wallpapers de Paisajes
• 18 Wallpapers Mujer
• 18 Wallpapers Minimalistas
• 18 Wallpapers color Negro
• 18 Wallpapers Nubes y Nebulosas
• 18 Wallpapers Abstractos
• 18 Wallpapers Luces Abstractas
• 18 Wallpapers de Bosques

Aplicando la divina proporción a tu diseño web [en] | Smashing Magazine. Un estupendo artículo sobre la proporción áurea y como utilizarla para un organizado, balanceado y mejor diseño.

La triste realidad de tu conexión a Internet | Francotirador. “En principio podríamos pensar que con “1 Mega” tendremos una velocidad de 1 MB x segundo, lo que nos permitiría hacernos con una película de 700 MB en fantabulosos 12 minutos, ¿verdad?” pues eso creen (casi) todos :).

Imperdible: Libélula cubierta de agua | FayerWayer. Impresionante fotografía, que más…

15 tutoriales para crear iconos en Photoshop [en] | Speckyboy / Noupe. Buenas guías por si quieres empezar a diseñar iconos, para mi sería mejor en illustrator pero bueno, si lo tuyo no son los vectores…

Dos imágenes para una guerra | Magas Verdes. “Entre las dos imágenes de arriba hay sólo unos meses de diferencia, los que tardó Steve en enrolarse en la guerra de Irak y volver dentro de una caja”

Video de la semana

Impresionante el video “the Film” para noneofusarefree encarga de recaudar fondos después de la tragedia de Birmania. Vía el30

Página de la semana

SensibleUnits es una curiosa página para hacer conversiones más explicitas y divertidas con objetos reales. Por ejemplo según yo creo medir 178 cm o lo que vendría equivaliendo a 35 pilas tamaño AA o 15 CDs según SensibleUnits. Vía Genbeta

En Creative Curio hace días se hicieron una interesante pregunta “What will be the Next Trend in Web Design?“. En el comentan que posiblemente la gente se este cansando de ese llamado diseño web 2.0. En lo personal la única constante “visual” que yo vi en los llamados sitos 2.0 fue colocar “beta” a lado del logotipo, ya que Last.fm de Myspace existe un mundo de diferencia en lo que respecta al diseño. Pero según la guía “Web 2.0 design” ésta tendencia se caracteriza por:

• Simplicidad
• Diseños centrados
• Pocas columnas
• Secciones separadas
• Navegación simple
• Logos con un fuerte peso visual
• Gran Tamaño de Texto
• Gradientes
• Reflejos
• Iconos “cute”
• etc.

Repito, a mi más que un estilo-tendencia 2.0 se me hace una evolución natural del diseño web por la adaptaciones y usos de “nuevas” tecnologías, como lo fue en su momento remplazar las tablas por CSS.

De cualquier forma es interesante ver como ciertos temas empiezan a ser predominantes en algunos sitios, hace poco You the Designer recopilo páginas usando al espacio como principal fuente de inspiración, “New “Out of This World” Trend in Web Design“, posiblemente se deba a la salida de Leopard por parte Apple y toda esa campaña “estelar”.

Será cosa de tiempo para ver sí hay alguna tendencia que realmente imponga ciertos patrones de diseño, sólo espero que jamás lleguen al extremo como las páginas de QuéWeb!. Aunque últimamente veo que ya se le da una importancia grande al uso de la tipografía.

Otros artículos de interés:

• What will be the Next Trend in Web Design? | Creative Curio
• Web 2.0 for Designers | Tommy Logic
• New “Out of This World” Trend in Web Design | You the Designer
• More Web Design Trends & Cliches | Modern Life