9 Principios para buen diseño Web.

-El diseño Web puede involucrar,entrega información y crea marcas, es técnicamente sonoro y visiblemente coherente. 1. Preferencia (Guiando el ojo)Es una de las mas grandes herramientas.Dar preferencia de como voy a diseñar mi pagina Web, consta de 5 herramientas que están a nuestra disposición (Posición,Color,Contraste,Tamaño,Elementos de diseño).Posición: Donde algo en la pagina claramente influencia en que orden el usuario lo ve.Color:usando colores sutiles es una manera sencilla de decirle a tu usuario hacia donde mirar.Contraste:Hacer o elaborar algo diferente para que las cosas se vean bien o de una forma correcta.Tamaño:Hacer una letra grande y pequeña para indicar algo y sea vea mejor el contraste.Elementos del diseño: Saber que diseños voy a utilizar para tener una mejor visión. 2 Espacio El espacio hace las cosas mas claras para el diseño web.En el diseño web hay tres aspectos sobre el espacio que deberías considerar:Espacio entre lineas: El espacio entre lineas afecta a lo legible que aparece y demasiado espacio significa que cuando terminas una línea de texto y vayas a la siguiente, la pierdas de vista. Podemos controlar el espaciado en CSS con el selector “line-height” (interlineado).Relleno:Es el espacio entre los elementos y el texto, una simple regla aquí es que siempre debes tener espacio ahí.Espacio en blanco: El termino no especialmente es que la pagina este en blanco se refiere al espacio vació. 3. Navegación Es una experiencias muy frustrantes que puedes tener. Hay dos aspectos sobre la navegación que hay que tener en cuenta:Navegación – ¿Hacia dónde puedes ir?:Los botones para navegar en el sitio deberían ser fáciles de encontrar.El texto de un botón debe estar bien claro en cuanto hacia donde te está llevando.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. 4. Diseña para construir: -Es importante pensar acerca de cómo vas a construir tu sitio si aun estás en PhotoShop. -Es importante saber lo que se puede hacer y lo que no, por lo cual creo que todos los diseñadores web deberían incluso hacer sitios completos, al menos unas cuantas veces.-Mover un objeto en el diseño puede hacer una gran diferencia en cómo tendrás que codificar tu CSS después. 5. Tipografía: El texto es un elemento común en el diseño.Es importante considerar cosas como:Opciones de letras:Los diferentes tipos de letras dicen cosas diferentes sobre un diseño. Hace que se vea mejor.Tamaño de letras:Asegúrate de que el tamaño de tus letras sean consistentes, suficientemente grandes para leerse y proporcionales para que el encabezado y el sub-encabezado resalten apropiadamente.Espaciado:El espacio entre líneas y lejos de otros objetos es de importante consideración y también deberías de pensar en el espaciado entre letras.Anchura de las líneas: Generalmente las líneas de tu texto no deberían ser tan largas. Mientras más largas son, más difíciles son de leer. 6 .Usabilidad Con la tanta información e interacción que hay que efectuar en un web Site, es importante que tú, el diseñador, lo proveas para todo.– Piensa sobre lo que los usuarios van a hacer:Hacer prototipos es una herramienta común usada en diseño para de hecho “probar” un diseño.– Piensa en las tareas del usuario:Enlista los diferentes tipos de tareas que la gente hace en un Site, cómo las logran, y qué facilidad quieres darles para ello. 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.-La alineación hace tu diseño más ordenado y digerible, al igual que lo hace ver más pulido. 8. Claridad (Nitidez) -En tu CSS todo va a ser perfecto en cuanto los pixeles. Para lograr la nitidez tienes que:-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 -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).- Las inconsistencias en un diseño son como cometer errores ortográficos en un ensayo y tener un buen set de CSS también puede ayudar a hacer un diseño consistente.