principios para buen diseño Web

principios para buen diseño Web

• 
• Caption: Rocha Ramirez Edgar Osvaldo

1. Preferencia

• Cuando navega por un buen diseño, el usuario debería ser guiado en la pantalla por el diseñador,
• Para lograr la preferencia tienes muchas herramientas a tu disposición:– Posición – Donde algo en la página claramente influencia en qué orden el usuario lo ve.
• – Color – Usando colores sutiles es una manera sencilla de decirle a tu usuario hacia donde mirar.
• – Contraste – Ser diferente es lo que hace a las cosas resaltar, mientras que siendo similares las hace secundarias.
• – Tamaño – Lo grande toma preferencia sobre lo pequeño (a menos que todo sea grande, en cuyo caso lo pequeño quizá sobresaldrá gracias al contraste)
• – Elementos de diseño – Si hay una gran flecha apuntando algo, adivina ¿hacia dónde mirará el usuario?

2 Espacio

• El espacio hace las cosas más claras. En el diseño Web hay tres aspectos sobre espacio que deberías considerar:
• – Espacio entre líneas el espacio entre líneas afecta directamente a lo legible que aparece. Muy poco espacio hace fácil que tu ojo caiga de una línea a otra en lugar de la siguiente
• – Relleno Las Imágenes, por ejemplo, no deben de tocar el texto, ni tocar bordes o tablas.
• poner espacio entre el texto y el resto del mundo lo hace definitivamente más legible y placentero.
• – Espacio en blanco El espacio en blanco es usado para dar balance y contraste a una página. Mucho espacio en blanco tiende a hacer que las cosas parezcan más elegantes y de lujo

3. Navegación

• 
• Navegación – ¿Hacia dónde puedes ir?
• Los botones para navegar en el sitio deberían ser fáciles de encontrar,
• Deberían verse como botones de navegación y estar bien descritos. El texto de un botón debe estar bien claro en cuanto hacia donde te está llevando. Aparte del sentido común, es importante también hacer usable la navegación.
• Orientación – ¿Dónde estas ahora?
• es solo cuestión de un gran encabezado o una versión “menor” de la versión del botón correspondiente. En un sitio más grande, podrías utilizar la técnica de las migas de pan

4. Diseña para construir.

• 
• Ejecutar barias preguntas de diseño para mejorarlo, por ejemplo:
• – ¿De veras puede hacerse?
• – ¿Qué pasa cuando una pantalla cambia de tamaño?
• – ¿Algo de lo que estás haciendo es técnicamente difícil?
• ¿puedes simplificar las cosas?

5. Tipografía

• 
• El texto es un elemento común en el diseño, Es importante considerar cosas como:
• – Opciones de letras –
• – Tamaño de letras –
• – Espaciado –
• – Anchura de las líneas. –
• – Color. –
• – Parrafeando . –

6 .Usabilidad

• 
• es importante que tú, el diseñador, lo proveas para todo. Eso significa que hagas tu web Site utilizable.
• – Apegándose a los estándares-
• – Piensa sobre lo que los usuarios van a hacer-
• – Piensa en las tareas del usuario-

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.
• Quizá también quieras basar tus diseños en una cuadrícula específica, si estás interesado en el diseño en cuadrículas, deberías pasar por designbygrid.com, la casa de todas las cosas cuadriculadas.

8. Claridad (Nitidez)

• 
• Mantener nítido tu diseño es super importante en el diseño Web,
• – mantén las formas de los límites pegados a los pixeles.
• – asegúrate de que el texto está creado usando el comando anti-alistado.
• – asegurarse que el contraste es alto para que los bordes estén claramente definidos.
• – sobre-enfatiza los bordes solo un poco para exagerar el contraste.

9. Consistencia

• Consistencia significa hacer que todo combine........
• La manera más simple de mantener la consistencia es hacer decisiones tempranas y pegarte a ellas,
• Mantener tu diseño consistente es lo que te hace un profesional. Las inconsistencias en un diseño son como cometer errores ortográficos en un ensayo.