Principios para un buen diseño web. ♥

Espinoza Morales 4°L
Note by Espinoza Morales 4°L, updated more than 1 year ago
14
0
1

Description

Note on Principios para un buen diseño web. ♥, created by Espinoza Morales 4°L on 03/05/2016.
Tags No tags specified

Resource summary

Page 1

Principios para un buen diseño Web ♥

1. Preferencia -----------------------El buen diseño web se trata de información, de la carga visual que tienen las diferentes partes de un diseño 2. Espacio --------------------------------------El espacio hace la cosas más claras y hay 3 aspectos a considerar: ESPACIO ENTRE LINEAS.- Afecta directamente a lo legible que aparece. Cuando hay muy poco espacio debajo de las lineas hace que el ojo caiga fácilmente de una linea a otra; demasiado espacio hará que al pasar a otra linea, se pierda de vista.RELLENO.- El relleno es el espacio entre los elementos y el texto. Una regla fundamental aquí es que siempre debes tener espacio ahí.ESPACIO EN BLANCO.- El término se refiere al espacio vacío en una página, es usado para dar balance y contraste a una página. 3. Navegación --------------------------------------¿Hacia dónde puedes ir?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.¿Dónde estas ahora?En sitios pequeños, es solo cuestión de un gran encabezado. En un sitio más grande, se podrían utilizar sub-encabezados y un mapa del sitio para los que están realmente perdidos. 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, pero incluso ahora es importante pensar acerca de cómo vas a construir tu sitio. 5. 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. Aquí debemos considerar cosas como: Opciones de letras, tamaño de letras, espaciado, anchura de lineas, color y parrafeando. 6. 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. Eso significa que hagas tu Sitio web utilizable.– 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, 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) ------------------------------------------------Mantener claro tu diseño es muy importante en el diseño Web. Y en cuanto a la claridad, se trata de los pixeles. – Mantener 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. – Asegurarse de que el texto está creado usando el comando anti-alistado. Seguido usa “Nitidez”.– También asegurarse que el contraste es alto para que los bordes estén claramente definidos.– Enfatizar los bordes solo un poco para exagerar el contraste. 9. 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.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 y 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.

Page 2

Show full summary Hide full summary

Suggestions

An Inspector Calls
niamh.parris
10 Basic English Questions - Quiz 1
Leo JC
BIOLOGY B1 3
x_clairey_x
CHEMISTRY C1 6
x_clairey_x
Biology AQA 3.1.5 The Biological basis of Heart Disease
evie.daines
Restless Earth Notes
Gladys Mba
MACRO-MOLECULES
Melinda Colby
Evolution
rebeccachelsea
Business Studies - KEY TERMS
Dani Whitrick
An Inspector Calls Revision Notes
Noor Sohail
English Language Techniques 2
Adam Arrell