PRINCIPIOS PARA UN BUEN DISEÑO WEB ☺

Description

Note on PRINCIPIOS PARA UN BUEN DISEÑO WEB ☺, created by Alvarado Camacho 4L on 05/03/2016.
 Alvarado Camacho 4L
Note by Alvarado Camacho 4L, updated more than 1 year ago
 Alvarado Camacho 4L
Created by Alvarado Camacho 4L about 8 years ago
21
0

Resource summary

Page 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.☺☻♠

Page 2

Show full summary Hide full summary

Similar

French Intermediate
PatrickNoonan
Spanish: Grammar 3.2
Selam H
Biology- Genes and Variation
Laura Perry
AQA GCSE Biology B1 unit 1
Olivia Phillips
IB Chem Flashcards
j. stu
Biology AS Level UNIT 1
Valentin Andrei
Quick tips to improve your Exam Preparation
James Timpson
Hitler's Chancellorship
c7jeremy
Atomic Structure
Jenni
AQA Biology B2 Unit 2.1 - Cells Tissues and Organs
BeccaElaine
1PR101 2.test - Část 5.
Nikola Truong