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 over 8 years ago
23
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

Spanish Adjectives (Describing People)
Niat Habtemariam
Plant Structure and Photosynthesis
mckenziedev
GCSE PE - 1
lydia_ward
CHEMISTRY C1 6
x_clairey_x
Maths C4 Trig formulae (OCR MEI)
Zacchaeus Snape
Principles of basic electrical circuits
Vito Martino
Korean Grammar Basics
Eunha Seo
GCSE CHEMISTRY UNIT 2 STRUCTURE AND BONDING
mustafizk
GCSE AQA Biology 1 Nerves & Hormones
Lilac Potato
Using GoConqr to study History
Sarah Egan
2PR101 1.test - 6. část
Nikola Truong