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

Glossary of Accounting Terms
racheloucks
B1.2: Responses to a changing environment
benprice99
P2 Radioactivity and Stars
dfreeman
20 Study Hacks To Improve Your Memory
jen.sch.ca
USA and Vietnam (1964 - 1975) Part 2
Lewis Appleton-Jones
The Periodic Table
Catherine Kidd
F212: Classification, Biodiversity & Evolution
helen.rebecca
AQA A2 Biology - Chapter 8 Inheritance and Selection
Charlotte Lloyd
Sustainability & digital technology
Eden Goddard
Market Positioning
Helen Rennie
Social Influence
olimcconnell