9 Principios para un buen diseño web

Los diseños web pueden ser un poco difíciles debido a que involucra lograr un buen diseño de la pagina para que pueda ser fácil de usar y placentera ya que crea marcas y a su vez entrega información por lo cual les explicare como poder hacer todo este proceso de una manera mas fácil : 1- Preferencia (guiando el ojo).Este paso se trata de la carga visual que tendrá las diferentes partes de nuestro diseño para lo cual nuestra pagina deberá tener un buen logo así llamara la atención del publico que la visite para lo cual nuestro logo tiene que tener una buena posición, unos colores que se han llamativos al igual que un buen contraste y por ultimo que tengas varios elementos para el diseño de un tamaño considerable.2- Espacio Como su nombre lo dice nuestra pagina debe tener espacio donde se pueda apreciar todo de una buena manera esto hará que las cosas sean mas claras , en este punto hay 3 tipos de espacios que tenemos que tener en cuenta para que luzca bien las cuales son el espacio entre las lineas este paso es muy importante debido a que si nuestro texto tiene un buen espacio entre cada renglón al usuario se le facilitara mas rápido la lectura evitando la caída de su vista de un renglón a otro ,el siguiente paso es el relleno en este cabe explicar que el texto por ningún motivo tocara otros elementos de la pagina un ejemplo claro son las imágenes que no tienen que tocar el texto y por ultimo los espacios en blanco no tiene que ser obligatorio blanco pero entre mas espacio higa en una pagina sera mas legible su información.3- Navegación Este paso es algo estresante debido a que te puedes perder en la web pero para evitar que eso nos pase les recomiendo saber ¿hacia donde vamos a ir ? en este punto hay unas reglas una de ellas son los botones para navegar en el sitio deben de ser fáciles de encontrar , la mejor opción seria en la parte superior de la pagina y deben estar bien escritos , otra cosa importante es si en nuestra pagina tenemos un sub-menu despegable es importante garantizarle al usuario que puede ir a los objetos del submenu sin perder lo despegable.Otra parte importante es la orientacion saber donde estamos en este momento si nuestra pagina es pequeña podemos utilizar encabezados con un gran tamaño y si es grande podemos utilizar la técnica de las migas del pan ,sub-encabezados y ya en casos extremos un mapa del sitio para las personas que si están muy perdidas.4- Diseña para construir La vida se ha vuelto más fácil desde que los diseñadores Web hicieron la transición a plantillas (layouts) CSS , pero aun así es importante saber como es que vamos a realizar nuestro sitio web para esto debemos considerar cosas como:¿De veras puede hacerse?¿Algo de lo que estás haciendo es técnicamente difícil?¿Qué pasa cuando una pantalla cambia de tamaño? etc..Para sitios grandes podemos simplificar las cosas por ejemplo colocando los botones como imágenes un claro ejemplo seria un botton con la imagen de dowload esto hará que nos ahorremos tiempo de creación y sera llamativo para los usuarios . 5- Tipografía Para que nuestra pagina tenga una buena topografía podemos utilizar varias opciones de letras esto hará que nuestra topografía sea vistosa al meterle diferentes tipos de letras en el texto , otra cosa importante es el tamaño de la letra años atrás en la mayoría de los sitios web la letra era muy pequeña pero para nuestra buena surte en estos años ya podemos poner la letra del tamaño que mas nos agrade , también tenemos que tener en cuenta la anchura de las lineas al igual que su color es importante ir parrafeando antes de empezar a diseñar un punto importante es pegar el alineamiento hacia la izquierda esto favorecerá nuestra vista.6- UsabilidadEste punto nos deja en claro que el diseño web no consta solo de fotos bonitas así que debemos hacer nuestro sitio web utilizable apegandonos a varios estándares , al igual debemos de pensar muy bien lo que los usuarios van a hacer un tu sitio web para eso te sugiero hacer prototipos mejor conocidos como herramientas el cual es un excelente ejemplo para pequeñas interfaces decisivas de diseño que pueden hacer de la vida de un usuario un asco.Otro punto importante debemos pensar bien en las tareas que el usuario realizara para ello es importante enlistar los diferentes tipos de tareas que la gente hace en un sitio , cómo las logran, y qué facilidad quieres darles para ello.7- AlineaciónMantener las cosas alineadas es importante en el diseño Web como lo es en un diseño de impresión. No quiere decir que todo tiene que estar derecho, sino que debes tratar de mantener las cosas bien colocadas en una página. La alineación hace tu diseño más ordenado y digerible, al igual que lo hace ver más pulido.Otra cosa que puedes utilizar es basar tus diseños en una cuadrícula específicasi 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 Mantener nítido tu diseño es importante al igual que la claridad y también es bueno usar los pixeles debidos , Para lograr la nitidez tienes que:– mantén las formas de los límites pegados a los 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”.– 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 La consistencia consiste en hacer que todo combine ,lo cual conlleva un buen tamaño de encabezado ,el tipo de letra que escogimos, colores, estilos de botones, espaciado, elementos de diseño, estilos de ilustraciones, fotos escogidas, etc. Todo deberá basarse en un tema en específico. Para hacer que nuestro diseño sea coherente entre páginas y en la misma página .La manera más simple de mantener la consistencia es hacer decisiones tempranas y pegarte a ellas. Aún así, con un sitio grande, las cosas pueden cambiar en el proceso de diseño .Tener un buen set de CSS también puede ayudar a hacer un diseño consistente y ya por ultimo trata de definir etiquetas como <h1> (header 1) y(paragraph) de una manera para hacer que las predeterminadas encajen perfectamente y te evites el estar tratando de recordar nombres de clases específicas todo el tiempo.