Principios para un buen diseño Web

Principios para buen diseño Web

80816220-f9a7-48df-9bae-4e7b6b17d133 (image/jpg)

1. Preferencia

Cuando navega por un buen diseño, el usuario debería ser guiado en la pantalla por el diseñador. Lo que tu usuario debería estar buscando depende de que tú, el diseñador Web, lo averigües.Para lograr la preferencia tienes muchas herramientas a tu disposición:– Posición– Color-Contraste-Tamaño-Elementos de diseño

98d0cecd-f19c-4484-89cf-9a050995167d.gif (image/gif)

Espacio

Puede parecer que mientras mas llena esta una pagina web con imágenes o texto sea mejor pero en la mayoría de los casos es mejor una pagina web bien distribuida..ESPACIO ENTRE LINEASHabiendo poco espacio entre cada linea puede que, quien este leyendo caiga de una linea a otra.RELLENOSe refiere a la distribucion entre los elementos y el texto estos nunca deben tocar uno con el otro.ESPACION EN BLANCOSe refiere al espacio vacio que hay en una pagina web.El espacio en blanco es usado para dar balance y contraste a una página, esto tiende a parecer una pagina mas lujosa o elegante.

4bc3c0f1-3c7f-4c83-820c-db96511bece7 (image/jpg)

Navegación

Un problema que el usuario puede tener al visitar una pagina web es no saber para donde ir despues de 2clickear" en algo.Hay dos aspectos sobre la navegación que hay que tener en cuenta:NAVEGACIÓN: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.ORIENTACIÓN: En sitios pequeños, 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, sub-encabezados y un mapa del sitio para los que están realmente perdidos.

5b15b025-7fb2-4a05-abe7-ac468df49b7d (image/jpg)

Diseña para construir

Diseña para construir

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.A veces mover un objeto en el diseño puede hacer una gran diferencia en el diseño de tu pagina web. En particular cuando los elementos de un diseño se cruzan entre ellos le añade un poco de complejidad al proyecto.

52d0ba88-42b1-4fd5-992c-e0bff1877d87 (image/jpeg)

Tipografía

El texto es un elemento común en el diseño, Por esa razon importante considerar cosas como:Opciones de letrasTamaño de letrasEspaciadoAnchura de las líneasColor parrafeando

9a95e9b5-326b-4eca-a306-7900093b03ee (image/jpg)

Usabilidad

Con la tanta información e interacción que hay que efectuar en una pagina web es importante que el diseñador, lo prepare 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

c4b37902-79b6-4083-8096-8a77b29c72ce (image/jpg)

Alineació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.

43d2ba95-5c87-4ead-8979-a1d40a254b3c (image/jpg)

Claridad o 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.Para lograr la nitidez en PhotoShop 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.

6f43d7b8-6e85-4d5b-b363-61c6ecc4bf8e (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.

df97072a-e1b2-4570-bfcd-951bd38c9fd5 (image/jpg)