9 principios para un buen diseño web

Se trata de un artículo publicado en psdtut llamado 9 Essential Principles for Good Web Design y los voy a comentar enseguida:

El diseño Web puede llegar a ser engañosamente difícil.

Ya que debes crear un diseño que a la vez sea usable y agradable, que muestre información y que a la vez haga marca y que técnicamente y visualmente sea coherente.

Los principios son:

1. Precedencia (guiando al ojo), esto se refiere a la facilidad con que el usuarios encuentra algo en la pantalla sin mucho esfuerzo, para lograrlo es necesario tomar en cuenta la posición, el color y el contraste de los elementos, un ejemplo de un sitio con buena precedencia es: Capture the Valley que usa barras de color para guiar el ojo a través de las secciones desde arriba hasta abajo.
2. Espaciado, el espaciado hace que las cosas se vean más claras, debes tomar en cuenta el espacio entre líneas, el padding y los espacios en blanco, un ejemplo de un buen uso de espacios es Marius que tiene un sitio muy limpio, simple y usa bien los espacios
3. Navegación, para la navegación debes tomar en cuenta estos dos tipos de navegación: la que te dice a donde puedes ir y la que te indica donde estás que se refiere a la del tipo: Inicio → Sección → Subsección, cómo ejemplo a todo esto tenemos a Noodlebox tiene un buen trabajo en cuanto a los botones de navegación que indican cuando están activo y cuando no.
4. Diseñar para construir, debes tener en cuenta antes de diseñar algo que todo puede cambiar, por ejemplo si alguien cambia la resolución de pantalla, cómo simplificar las cosas, etc.
5. Tipografía, el texto es uno de los elementos más importantes del diseño así que no lo debemos olvidar y debemos considerar cosas cómo el tipo de fuente, el tamaño de la fuente, el espaciado, lo largo de la línea, el color y los párrafos, en iLoveTypography! utilizan muy bien las tipografías.
6. Usabilidad, para diseñar s sitio usable debemos apegarnos a los estándares web, pensar en el usuario y que pueda hacer lo que queremos que haga y ponernos en su lugar, un ejemplo de usabilidad es Happycog que tiene un sitio muy usable ya que es simple y fácil de usar.
7. Alineación, mantener las cosas alineadas es muy importante para el diseño de un sitio web, hace poco escribí sobre cómo diseñar con grillas, un ejemplo claro de alineación es Electric Pulp.
8. Claridad, para lograr un diseño claro debes detallar my bien cada borde, asegurarte que a cada texto se le aplica bien el anti-alias, asegurarte que el contraste de los colores el alto, y enfatizar sólo un poco los bordes, no exagerar. El sitio de ExpressionEngine tiene un diseño muy claro, cada elemento está perfectamente posicionado y claro.
9. Consistencia, se refiere a que todo debe coincidir tamaños de los títulos, estilos colores, elementos, etc., el sitio de Veerle hace un gran trabajo de mantener incluso los detalles más minúsculos constantes.

Puedes encontrar más información en el libro How to Be a Rockstar Freelancer escrito por el mismo autor de estos 9 principios.