El diseño Web puede ser difícil, involucra lograr un diseño que sea usado a la vez que placentero. El diseño web es lo suficiente nuevo para ser solo un tema, el medio cambia tan frecuentemente como la tecnología subyacente lo hace.

1. Preferencia (Guiando el ojo).
Una de las mas grandes herramientas en tu arsenal para hacer esto el la preferencia. Se llama preferencia cuando el usuario es guiado en la pantalla por el diseño, Se trata de la carga visual que tiene las diferentes partes del diseño.
La preferencia debe de ir mas allá, debería dirigir los ojos del usuario mediante una secuencia de pasos. lo que tu usuario debería de estar buscando depende de lo que el diseñador web lo averigüe.
TIENE MUCHAS HERRAMIENTAS A TU DISPOSICIÓN.

POSICIÓN: Cuando algo en la pagina claramente influencia en que orden el usuario lo ve.
COLO: Es mejor usar colores sutiles de esa es una manera sencilla de decirle a tu usuario hacia donde observar.
CONTRASTE: Ser diferente es lo que hace a las cosas resaltar.
TAMAÑO: Lo grande toma preferencia sobre lo pequeño.

2. Espacio. El espacio hace las cosas mas claras. En el diseño web hay tres aspectos Sobre el espacio que se debería considerar:

ESPACIO ENTRE LINEAS: puedes controlar el espacio en CSS con un sector llamado "linea-height" (interlineado). El espacio entre lineas es llamado leading, que se deriva del proceso que las impresoras usan para que las lineas se separen del texto. poniendo barras de plomo entre las lineas.
RELLENO: El texto nunca debería tocar otros elementos, las imágenes no deben tocar el texto, ni tocar los borde o alguna tabla. El relleno es el espacio entre los elementos & el texto, siempre debe de tener espacio ahí.
ESPACIO EN BLANCO: se refiere al espacio vació en una pagina. El espacio en blanco es usado para dar balance, & contraste a una pagina.

3. Navegación La negación es un concepto que hemos pasterizado. Hay dos aspectos para la negación que debemos tener en cuenta:

Navegación – ¿Hacia dónde puedes ir?: Los botones para navegar en el sitio deberían de estar fácil de encontrar. El texto de un botón debe estar bien claro hacia donde te esta llevando, también es importante hacer usable la navegación.
Orientación – ¿Dónde estas ahora? : es solo cuestión de un encabezado o una versión menor de la versión del botón correspondiente.

4. Diseña para construir. Para realizar este diseño debes considerar ciertas preguntas acerca de tus plantillas tales como:

¿De veras puede hacerse?: Es importante saber lo que se puede hacer y lo que no, creo que todos los diseñadores web deberían incluso hacer sitios completos, al menos unas cuantas veces.
¿Qué pasa cuando una pantalla cambia de tamaño?: ¿Necesitas fondos repetitivos? ¿Cómo funcionarán? ¿El diseño es alineado a la izquierda o centrado?
¿Algo de lo que estás haciendo es técnicamente difícil?: Incluso con el posicionamiento del CSS, algunas cosas como el alineamiento vertical son un poco dolorosas y algunas veces mejor evitarlas.

5. Tipografía

Opciones de letras: los diferentes tipos de letras dicen mucho de un diseño: algunas lucen modernas & otras lucen Retro.
Tamaño de letras : el tamaño de tus letras debe de ser consiente, suficientemente grande para leerse.
Espaciado: debes de pensar en el espacio entre letras.
Color: debes de encotrar un color que sea adecuado de bajo del contraste.

6 .Usabilidad Tu sitio web debe ser utilizable. La mayor parte de tu Web debería de hacer lo que la gente espera que haga.

Piensa sobre lo que los usuarios van a hacer: una herramienta común usada en diseño para de hecho “probar” un diseño, se hace con frecuencia cuando utilizas un diseño.
Piensa en las tareas del usuario: Enlista los diferentes tipos de tareas que la gente hace en un Site, como logar. Esto puede significar que haya tareas comunes en tu homepage.

7. Alineación Mantener las cosas alineadas es tan importante en el diseño Web como lo es en un diseño de impresión.
Debes tratar de tener la cosas bien colocadas en una pagina, la alineación hace tu diseño mas ordenado & lo hace ver la pulido.
Quizá también quieras basar tus diseños en una cuadrícula específica.

8. Claridad (Nitidez) cuanto a la claridad, se trata de los pixeles. en tu CSS todo va ser perfecto en cuanto alos pixeles.

Mantener las formas de los limites pegados a lo pixeles. Esto podrá incluir limpiar los límites manualmente, las líneas y los cuadros de texto si las estás creando en PhotoShop.
asegúrate de que el texto está creado usando el comando anti-alistado. Seguido usa “Nitidez”.

9. Consistencia Consistencia significa hacer que todo combine. Tamaño de encabezados, tipos de letra escogidas, colores, estilos de botones, espaciado, elementos de diseño, estilos de ilustraciones, fotos escogidas, etc.
Mantener tu diseño consistente es lo que te hace un profesional. La manera más simple de mantener la consistencia es hacer decisiones tempranas y pegarte a ellas. Tener un buen set de CSS también puede ayudar a hacer un diseño consistente. Trata de definir etiquetas básicas como <h1> (header 1) y
(paragraph).

	Creado por Hernández López 4°L hace más de 8 años

Apunte sobre 9 principios para buen diseño Web., creado por Hernández López 4°L el 05/03/2016.