Fundamentos Básicos del Diseño Web

Son las tantas de la madrugada, sigues sentado en calzoncillos delante de tu ordenador viendo páginas web, decides meterte un rato en http://www.worstoftheweb.com, y ver qué atrocidades se han cometido este mes... el resultado es más horrible del que esperabas (p. ej. http://www.porkjerky.com/ esta web parece mentira pero esta hecha en el 2004). ¿Realmente cuesta tanto hacer algo bueno visualmente?

Generalmente la gente piensa que por tener buen gusto vistiendo o decorando su impoluta casa, puede diseñar con soltura. ¡Pues no! El arte del diseño gráfico/web precisa de años de estudio y práctica, es imprescindible el dominio de la tipografía, las simetrías, espaciados, y un sinfín de cosas que la gente ignora conscientemente, pero que agradecen visualmente como no se imaginan.

Lo cierto, es que la mayoría interpreta que el diseño es hacer que nuestras páginas sean visualmente bonitas, pero con eso no basta, nosotros como diseñadores debemos transmitir una idea y un sentimiento al navegante, y que todo esto se produzca de una manera clara y concisa. Para transmitir estos sentimientos deberemos usar correctamente las técnicas siguientes:

• Tipografía
• Teoría del color
• Espaciado y composición

Empezaremos hablando básicamente sobre la tipografía en internet, la cual tiene sus propias reglas, aunque como en el diseño gráfico la regla principal es que todo sea legible, es algo así como la regla de oro de las tipografías (si no se puede leer no mola).

A la hora de trabajar con nuestros textos podemos separar en dos grupos, títulos y cuerpos de texto o mensajes.

Para los primeros necesitaremos letras generalmente gruesas y detalladas. Es muy recomendable que las tipografías escogidas para los títulos concuerden perfectamente con el diseño de la página y también tendremos que tratar su color con mucho cuidado, ya que el color en los títulos expresa mucho, pero esto lo veremos más adelante

Para los segundos deberemos usar tipografías "Lisas" (Arial, Verdana), nunca con "Serifa" (Times). Aquí tenéis una imagen de ejemplo:

Usuarios que han visto este tema también han visto...

- Promoción Web Efectiva
- ¿Qué es RSS?
- Uso de SMS para publicidad y/o citas
- Crear nuevas versiones de un web o mejorar la versión actual
- Consejos básicos para aprender Usabilidad y Arquitectura de la Información

- Versión imprimible de este documento

- Enviar por e-mail este documento