Un diccionario de 36 términos de diseño en castellano contiene 36 explicaciones sobre terminología de uso común en el mundo del diseño: PPP, DPI, CMYK, interlineado, capa, espacios negativos, etc.
Es una traducción del diccionario en inglés disponible en Un diccionario sobre diseño en 36 términos y explicaciones.
El artículo What a Prototype Is (and Is Not) explica muy bien cómo usar un prototipo.
Un prototipo no es:
A prototype is not the final product. Do not expect it to look like the final product. It need not have a high fidelity or be pixel perfect.
Un prototipo sí es:
It’s a simulation of the final product. It’s like an interactive mockup that can have any degree of fidelity. The main purpose of building prototypes is to test whether or not the flow of the product is smooth and consistent.
[kml_flashembed movie=”http://www.youtube.com/v/PoJ3234Y4Nw” width=”560″ height=”315″ wmode=”transparent” /]
CSS: diseño adaptable, adaptativo o flexible:
[kml_flashembed movie=”http://www.youtube.com/v/4-LaxnCKxHw” width=”560″ height=”315″ wmode=”transparent” /]
CSS: creación de un diseño adaptable, adaptativo o flexible (parte 1):
[kml_flashembed movie=”http://www.youtube.com/v/ktGF7Dda0wI” width=”560″ height=”315″ wmode=”transparent” /]
CSS: creación de un diseño adaptable, adaptativo o flexible (parte 2):
[kml_flashembed movie=”http://www.youtube.com/v/96U4zPbyq9c” width=”560″ height=”315″ wmode=”transparent” /]
CSS: creación de un diseño adaptable, adaptativo o flexible (parte 3):
[kml_flashembed movie=”http://www.youtube.com/v/cbtJ4udg7sM” width=”560″ height=”315″ wmode=”transparent” /]
Recuerda esto: el subrayado no se debe usar, no, nunca, aunque te guste. En las páginas web sólo se puede usar, y se debe usar, para destacar los enlaces.
¿Por qué? Se explica muy bien en cuatro líneas en ¿Cómo, cuándo y por qué se utiliza el subrayado en un texto?:
Con los actuales sistemas de procesadores de textos el subrayado apenas tiene uso en tipografía; se usaba anteriormente en las máquinas de escribir y en los textos manuscritos para marcar las palabras que debían ir en cursiva. En la actualidad se restringe a algunos usos especializados y el destacado de hipervínculos en documentos electrónicos.
The Boston Globe es un periódico que presenta un diseño adaptable. ¿Hay algún periódico español que tenga también un diseño adaptable? De los grandes yo no conozco ninguno.
Resolución 1920:
Resolución 1024:
Resolución 640:
Resolución 320:
Me ha sorprendido encontrar en la Wikipedia el artículo Tableless web design. El diseño sin tablas es algo superado desde hace tiempo, aunque aún existen muchos sitios web cuya maquetación está realizada con tablas. Para esos diseñadores, recomiendo la lectura de Why tables for layout is stupid: problems defined, solutions offered, y que aprendan un poco.
Google Web Starter Kit es el nuevo framework desarrollado por Google para crear diseños adaptables que funcionen correctamente en distintos dispositivos.
Seguro que se pone de moda rápidamente.
ZURB University es un pequeño tesoro que ofrece información muy útil sobre el diseño de productos. Tiene un apartado dedicado al diseño web. En ese apartado he encontrado las siguientes lecciones que son muy interesantes:
Bad Human Factors Designs es un sitio web en el que se pueden encontrar muchos ejemplos de malos diseños.
Hay varios relacionados con los ordenadores, como el mal diseño de los conectores de USB o de los antiguos conectores de ratón y teclado PS/2.
