9 principios para desarrolar una pagina web

9 principios para buen diseño Web

c6c1310d-045c-4f96-99ba-c0092c5116ae (image/jpg)

El diseño Web puede ser difícil, pues involucra lograr un diseño que sea  a la vez que placentero, entrega información y crea marcas, es técnicamente sonoro y visiblemente coherente.pero no te preocupes aquí te daremos unos tips para que sea mas fácil.

cdf12a6b-4016-4b9b-afb9-fffc7585ac87 (image/jpg)

introduccion

Preferencia (Guiando el ojo)

El buen diseño Web, quizá aun más que otro tipo de diseño, se trata de información. Una de las más grandes herramientas en tu arsenal para hacer esto es lapreferencia.“Capture the valley” usa barras de colores para guiar tu ojo entre las secciones de abajo hacia arriba.Un simple ejemplo de preferencia es que en la mayoría de los sitios, la primer cosa que ves es el logo.

40b33bdd-4b70-4431-a9f8-336321543163 (image/jpg)

Espacio

b273c6e3-5dc9-4ab3-8852-cd1b0f279b7d (image/jpg)

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íneasCuando tú presentas un texto, el espacio entre líneas afecta directamente a lo legible que aparece. – RellenoGeneralmente hablando, el texto nunca jamás debería tocar otros elementos. Las Imágenes, por ejemplo, no deben de tocar el texto, ni tocar bordes o tablas.– Espacio en blancoAntes que nada, el espacio en blanco no es necesariamente de color blanco.

Navegación

3135fd17-7e21-45d4-a755-c25cd1c013eb (image/jpg)

Navegación – ¿Hacia dónde puedes ir?Hay algunas reglas con sentido común que hay que recordar. Los botones para navegar en el sitio deberían ser fáciles de encontrar – hacia la parte de arriba de la página y fáciles de identificar. Deberían verse como botones de navegación y estar bien descritos. Orientación – ¿Dónde estas ahora?Hay muchísimas maneras en las que puedes orientar a un usuario, así que no hay excusa para no hacerlo. En sites pequeños, es solo cuestión de un gran encabezado o una versión “menor” de la versión del botón correspondiente.

Diseña para construir.

aquí debes de checa si lo que quieres poner o mostrar en tu pagina , compruebes si en verdad lo puedes poner o la pagina quedaría peor.uedes haber escogido un tipo de letra sorprendente para la copia del cuerpo de tu site, pero ¿Es un tipo de letra estándar en HTML? Quizá tienes un diseño que se ve hermoso, pero su tamaño es de 1100px y como resultado, tendrán que recorrer la página horizontalmente para poder verlo.

50e14465-8deb-41b0-a2f2-56403d11cc56 (image/jpg)

Tipografía

El texto es un elemento común en el diseño, así que no es sorpresa que muchos pensamientos se enfoquen en eso. Es importante considerar cosas como:– Opciones de letras – los diferentes tipos de letras dicen cosas diferentes sobre un diseño.– Tamaño de letras – Años atrás era tendencia tener texto realmente chiquito. Felizmente, en estos días la gente ha empezado a darse cuenta de que el texto está hecho para leerse, no solo para observarse.– Espaciado – Como lo discutimos anteriormente, el espacio entre líneas y lejos de otros objetos es de importante consideración. etc...

9ad681d0-4f8f-43d5-8460-a14d372a696d (image/jpg)

Usabilidad

El diseño Web no solo se trata de fotos bonitas. 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.– Apegándose a los estándares.– 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.Cuando un usuario entra a tu sitio, ¿qué es lo que trata de hacer? Enlista los diferentes tipos de tareas que la gente hace en un Site, cómo las logran, y qué facilidad quieres darles para ello.

501a96b1-2a86-473d-abb8-9ebbdfd36579 (image/jpg)

Alineación

Mantener las cosas alineadas es tan 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.uizá también quieras basar tus diseños en una cuadrícula específica. Debo admitir que no hago esto concientemente, aunque obviamente PSDTUTS tiene de hecho una cuadrícula estructural muy firme.

1fc6371b-e442-4695-aa91-91af9dfc83e5 (image/jpg)

Claridad (Nitidez)

Mantener nítido tu diseño es súper importante en el diseño Web. Y en cuanto a la claridad, se trata de los pixeles.– 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. 

19ac6bd5-5115-483e-a134-cdaea12baa3a (image/jpg)

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. Todo deberá basarse en un tema en específico. Para hacer tu diseño coherente entre páginas y en la misma página.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. Lo único que hacen es bajar la percepción de calidad. No importando cómo luce tu diseño, mantenerlo consistente siempre hará que se vea bien.

0a720d69-e14f-4cbb-a839-e2ea48ab14d2 (image/jpg)