Fundamentos De Diseño Web

FUNDAMENTOS DE DISEÑO WEB
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
* Color
* Espaciado y composición
TIPOGRAFÍA
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 recomendableque 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:

Las tipografías Lisasson mucho más legibles en un monitor porque al ser más rectas, son más factibles de dibujar por el monitor, en cambio las tipografías con Serifa tienen muchos más detalles y a tamaños pequeños se hace poco legible en una pantalla, que no en papel.

También debido a la tecnología Flash principalmente (si es que somos raritos) surgieron las Pixel Fonts, unas tipografías especialmente diseñadaspara que éstas se viesen bien a un determinado punto, ya que "caían" justo en el píxel del monitor. Éstas fuentes han tenido mucho éxito y son muy recomendables usarlas en Flash, ya que hacen los textos muy legibles y no se ven borrosas las letras.

TEORÍA DEL COLOR
Aunque parezca mentira, los colores de los objetos nos transmiten emociones muy fuertes, pese a que, generalmente no nos demoscuenta de ello. Los hospitales carecen de color rojo, pues éste es asociado a la sangre, y en las oficinas suele predominar el blanco que denota orden y pulcritud (en las BOFH Room predomina el color verde placa base).
¿Acaso os imagináis trabajando en unas oficinas de color rojo? Sería demasiado estresante, pues es un color de un fuerte impacto visual y que tiene mucha fuerza y energía. Esto sonclaros ejemplos de como en la actualidad estamos usando los colores para nuestro beneficio, para trabajar mejor, para estar más tranquilos, etc.
Algunas de las cosas más importantes que debemos saber del color son:
* El color y su expansión
* Armonía y contraste
* Significado del color
El color y su expansión
Probablemente alguna vez os hayáis preguntado por qué la mayoría de laspáginas web que hay en internet tienen un fondo claro y no negro. De hecho, las páginas que tienen un fondo negro suelen quedar peor. Esto se debe al carácter expansivo de los colores, no se verá igual un texto sobre fondo negro que blanco:

El texto sobre fondo blanco es más legible y por lo tanto el lector debe forzar menos la vista, sintiéndose agradecido. Esto también lo podemos ver en coloresclaros y oscuros, no es algo que suceda únicamente en blanco y negro.

En estos dos dibujos parece que el de la izquierda tienda a expandirse y a hacerse más grande, todo lo contrario que en el de la derecha. Eso es debido a que el color oscuro comprime la figura del medio. Estas técnicas las usaremos cuando queramos que una parte de nuestra web quede cerrada o abierta.
Armonía y contrasteArmonía: Crear una gama de colores para nuestra web que esté compuesta por colores de la misma gama o tono. Por ejemplo, CLab es una web con colores armónicos, ya que usa el mismo color y diferentes tonalidades del mismo.

Contraste: Combinar diferentes colores para crear una gama como, por ejemplo, claros y oscuros, cálidos y fríos, etc.

Es obvio que en esta imagen cada casilla nos está...