PRINCIPIOS PARA UN BUEN DISEÑO WEB ☺

 Alvarado Camacho 4L
Note by Alvarado Camacho 4L, updated more than 1 year ago More Less
 Alvarado Camacho 4L
Created by Alvarado Camacho 4L almost 4 years ago
18
0
4

Description

Note on PRINCIPIOS PARA UN BUEN DISEÑO WEB ☺, created by Alvarado Camacho 4L on 03/05/2016.

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

THEMES IN KING LEAR
Sarah-Elizabeth
1. Weimar Republic: its early problems and achievements
ShreyaDas
Changing Urban Environments
John Ditchburn
Physical Geography
littlegoulding
History- Home Front WW1
jessmitchell
Biological molecules
sadiaali363
GCSE REVISION TIMETABLE
gracemiddleton
Geography Tourism
lauramarypowell
A-Level Revision Tips
Alex Declan
Maths: Formulas for Areas & Perimeters of Shapes
Annan S
Specimen Paper B - Unit 1 – Finance, the Individual and Society (FIS)
Carina Storm