Ya que está de moda andar con el e-book bajo el brazo encremado (o el celular, si permite leer pdf’s), comparto con uds. algunos e-books (todos en pdf).

Dictadura del Diseño, notas para estudiantes molestos – Carlos Carpintero.

Creencia y realidad – Jan Tschichold
Utopía, ética y diseño – José Mª Ribagorda
Los otros interfaces - Manuel Sesma
La educación en diseño tipográfico - En la escuela de Basilea, Suiza
El libro como metáfora – José María Ribagorda
Jan Tschichold, Diseñador profesional 1955-1967 – Juan Jesús Arrausi
El random se apodera de los preceptos - José Federico Carra
“El diseño nace con la actividad desarrollada por tipógrafos y editores, con el libro impreso y la producción de tipos” – José María Ribagorda

En inglés

The Vignelli Canon. Conceptos básicos del diseño.

The Right Font for the Job. Elementos a tener en cuenta en el elección de la familia tipográfica (pesos, ligaduras, idioma, versatilidad).

The Typographer’s Glossary

Meet Your Type, de FontShop.

Erik Spiekermann’s Typo Tips. Seven Rules for Better Typography

What Is OpenType?

Y para los que ya tenemos algunos libros y nos lo queremos llevar encima (ok, para los piratones también), hay otras opciones.

Vía | tipografos.com, fontshop.com, webdesignledger.com, JMPdesignStudio

“Te voy a llamar para embellecer un sitio web” me decía un cliente en un pasillo, sin darme oportunidad para retrucar.

Ese tipo de afirmaciones requieren una explicación de cuál es nuestro trabajo. No sirve de mucho llamar a un diseñador gráfico/web cuando la estrategia de comunicación ya está definida, porque ese es su trabajo. Y abarca la estructura y la forma, no es sólo una tarea de pintura final.

Lucas Mourelle, un colega también desvelado por este tema escribe un post en el que suscribe algunos puntos del diseñador industrial Dieter Rams que ayudan a definir nuestra tarea:

• El buen diseño es innovador.
• El buen diseño hace útil al producto.
• El buen diseño es estético (La calidad estética de un producto es parte integral de su utilidad ya que los productos que utilizamos diariamente afectan a nuestra persona y nuestro bienestar; pero sólo los objetos bien ejecutados pueden ser hermosos. fuente )
• El buen diseño hace comprensible al producto.
• El buen diseño es honesto.
• El buen diseño es no-intrusivo.
• El buen diseño es duradero.
• El buen diseño se prolonga hasta el último detalle.
• El buen diseño está comprometido con el medio ambiente.
• Buen diseño significa tan poco diseño como sea posible.

Pueden leeer también el post completos de Lucas.

Actualización: aclaré la autoría de los ítems, que pertenecen al diseñador industrial Dieter Rams.

Estos gnomos de jardín son el rediseño que propone Vitamin, una empresa londinense, para esos personajes que pueblan algunos jardines.

Dan miedito, como los originales, asi que se mantuvo el espíritu del objeto, sin duda.

Tienen muchos productos de estilo urbano:  más gnomos, saleros y pimenteros “criaturas urbanas”, lámparas, etc.

Un diseño genial: un regador de plantas automático estilo suero de hospital, para que tus plantas no queden en coma.

Vía | espacioliving

Con la cantidad dispositivos móviles que utilizamos en la actualidad se hace indispensable crear una versión adaptada del sitio.

Páginas más livianas, sin imágenes, textos acortados son algunas de las características que podemos darle para que el lector pueda navegar el sitio con comodidad desde su celular.

Hay que bajar las pretensiones al mínimo ya que hay decenas de navegadores y muchísimos dispositivos diferentes, por lo cual la flexibilidad es protagonista.

Hay otras cuestiones técnicas como la detección automática de dispositivos y en el caso de blogs, la inclusión o no de widgets que pueden complicar la navegación.

En A list apart nos dan sugerencias de como incorporar la plantilla, ya que algunos dispositivos no reconocen el media="handheld".

Algunas pruebas que pueden hacerse:

1. Eliminar la hoja de estilos: algunos dispositivos no las soportan y de esta manera veremos cómo se mostrará en ellos.
2. Redimensionar la pantalla para verla en los dispositivos que si las aceptan: algunos tamaños son
   • 240 x 160 pixeles
   • 320  x 240 px
   • 176 x 208 px
3. Instalando el Ópera, se puede utilizar la opción ‘simular pantalla pequeña’.
4. Mediante emuladores
   • dotMobi
   • WinWap Smartphone Emulator
   • OpenWave Browser
   • Nokia Browser Simulator
   • Microsoft Pocket PC Emulators
   • Online Mobile Simulator
   • Online WAP Browser

Algunos de los consejos de la W3C que pueden leerse en Buenas Prácticas en Web Móvil son:

• Diseña para una Web única: que el usuario pueda acceder al mismo contenido, aprovechar las capacidades del dispositivo, evitar los problemas de la implementación, probar en dispositivos móviles y emuladores.
• Confía en los estándares Web: crear documentos válidos, que el formato sea compatible.
• Evita los riesgos conocidos: no a las ventanas emergentes, tablas, gráficos para el espaciado, marcos (frames), mapas de imagen.
• Sé prudente con las limitaciones de los dispositivos: no todos admiten cookies, tablas u hojas de estilo ni tienen cualquier tipografía o colores.
• Optimiza la navegación: que esté arriba y que sea reducida. Identifica el destino del link. Encontrar un equilibrio para incluir la información necesaria evitando pasear al usuario o darle demasiados links.
• Comprueba gráficos y colores: achicar imágenes, poner textos alternativos a las imágenes y otros elementos no textuales.
• Hazlo en pequeño: recuerda que los dispositivos tienen limitaciones de memoria, la página debe ser liviana, asi como las hojas de estilo.
• Economiza el uso de la red: no abuses de la conexión del usuario, no redireccion ni hagas actualizaciones automáticas.
• Facilita la entrada de datos: evitar el ingreso de texto, etiquetar los controles.
• Piensa en los usuarios de la Web móvil: ser claros, limitar el contenido, adecuarse al uso del móvil y al tamaño de pantalla.

Para WordPress hay plugins que facilitan la tarea. Con sólo activarlos tendremos una versión funcional. Hay algunos que permiten configurar la visualización de posts, imágenes, extractos, etc.

1. WordPress Mobile Edition
2. WordPressMobile.mobi
3. WordPress Mobile Pack
4. MobilePress
5. Mobile Admin
6. Mobilize
7. WPhone Admin Plug-in
8. Mowser
9. Wetomo WordPress to Mobile
10. WP viewMobile

Más información

10 wordpress mobile plugins

Return of the mobile stylesheet

W3C mobileOK Basic Tests 1.0

En este video el Gobierno de Aragón (España) promueve el diseño de producto y el diseño de identidad.

Hace años que digo que es necesario en Argentina hacer una campaña así, promoviendo el diseño para que los empresarios conozcan su valor estratégico.

Capacitar a los empresarios los ayudaría a tener elementos a la hora de contratar, sabiendo qué esperar y obteniendo criterios para seleccionar un estudio o profesional. Y con esa información también podrían saber mejor qué especialista contratar.

¿No sería maravilloso tener una asociación profesional que hiciera campañas de esta clase? ¿Que preparara material o diera capacitación para empresarios? Alguna vez propuse por ejemplo, dar charlas en las carreras de empresas.

Vía | R.Ananos

El BMW GINA Light Visionmodel es un prototipo de un vehículo biplaza sin techo. Lo más llamativo es que su carrocería no es de chapa, sino de una estructura de varillas con un recubrimiento de tela resistente al agua y la temperatura. Algunas de estas varillas (de metal y de fibra de carbono) se mueven gracias a un sistema electro-hidráulico, lo que provoca un cambio de forma en diversas zonas de la carrocería.
Las puertas se arrugan, los faros pestañean, el capó se abre al medio… realmente parece una piel. Es muy llamativo este diseño.
Más en km77.com
Vía | Mobuzz.tv

Este video creo que no es tan nuevo. Pero me llamó la atención esta suspensión: el auto salta. Y además saluda, pero no va a buscar la ramita, que sería más impresionante.