PRINCIPIOS PARA UN BUEN DISEÑO WEB ☺

Descripción

Apunte sobre PRINCIPIOS PARA UN BUEN DISEÑO WEB ☺, creado por Alvarado Camacho 4L el 05/03/2016.
 Alvarado Camacho 4L
Apunte por Alvarado Camacho 4L, actualizado hace más de 1 año
 Alvarado Camacho 4L
Creado por Alvarado Camacho 4L hace alrededor de 8 años
21
0

Resumen del Recurso

Página 1

1. Preferencia (Guiando el ojo)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~El buen diseño Web, quizá aun mas que otro tipo de diseño, se trata de informacion. Para lograr la preferencia tienes muchas herramientas Como: POSICION= donde algo en la pagina influencia al usuario en que orden lo ve COLOR TAMAÑO ELEMENTOS DEL USUARIO 2 .Espacio ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Hace las cosas mas claras en el diseño web hay tres tipos de espacios *Espacio entre líneas* Relleno*Espacio en blanco 3. Navegación ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Hay dos aspectos sobre la navegación que hay que tener en cuenta: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.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” 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, – ¿De veras puede hacerse?Puedes 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?– ¿Qué pasa cuando una pantalla cambia de tamaño?¿Necesitas fondos repetitivos? ¿Cómo funcionarán? ¿El diseño es alineado a la izquierda o centrado? 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. Es importante considerar cosas como:– Opciones de letras – Tamaño de letras– Tamaño de letras– Anchura de las líneas. – Color.– Parrafeando . 6 .Usabilidad ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~El diseño Web no solo se trata de fotos bonitas. Si no efectuar en un web Site, es importante que tú, el diseñador, lo proveas para todo. Eso significa que hagas tu web Site utilizable.Hay un cierto tipo de cosas que la gente espera, y no dárselas provoca confusión. Por ejemplo, si el texto esta subrayado, tu esperas que sea un link. Haciéndolo de otra manera no es una buena práctica de usabilidad. etc 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. 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. 8. 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. – 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 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~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.☺☻♠

Página 2

Mostrar resumen completo Ocultar resumen completo

Similar

MARCO CONCEPTUAL NIIF
johanz4
Primera Guerra Mundial
Diego Santos
Bioelementos Mapa Mental
Joseline Loza Gil
TIC APLICADA A LA EDUCACIÓN INICIAL
rosita_20_13
LA PRIMERA REVOLUCIÓN INDUSTRIAL
ROSA MARIA ARRIAGA
GAUDÍ...
JL Cadenas
FASES PROCEDIMIENTO ADMTVO
Lauriña Gomez Martin
Ejercicios de ortografía urgente: echo, echa, hecho, hecha
Iván Jiménez
Cotas y diseño en AutoCAD
Brayan Stiven Rincon Sanchez
Épocas teatro vacío
Manu prieto