4748282
Description
Mind Map by Mendoza Aranda, updated more than 1 year ago
|
|
Created by Mendoza Aranda
almost 9 years ago
|
|
Principios para un buen diseño Web
- 1. Preferencia (Guiando el ojo)
- Un simple ejemplo de preferencia es que en la mayoría de los sitios, la primer cosa
que ves es el logo. Hay muchas herramientas que puedes utilizar y son: Posición,
Color, Contraste, Tamaño y Elementos de Diseño.
- Un simple ejemplo de preferencia es que en la mayoría de los sitios, la primer cosa
que ves es el logo. Hay muchas herramientas que puedes utilizar y son: Posición,
Color, Contraste, Tamaño y Elementos de Diseño.
- 2. Espacio
- El espacio hace las cosas más claras. En el diseño Web hay tres
aspectos sobre espacio que deberías considerar: Espacio entre
lineas, Relleno y Espacio en blanco
- El espacio hace las cosas más claras. En el diseño Web hay tres
aspectos sobre espacio que deberías considerar: Espacio entre
lineas, Relleno y Espacio en blanco
- 3. Navegación
- Cuando navegamos podemos encontrar paginas mal echas y para evitar eso hay dos aspectos sobre la
navegación que hay que tener en cuenta y son la Navegación esto involucra una pregunta que seria ¿Hacia
dónde puedes ir? y la Orientación que seria ¿Dónde estas ahora?, esto es fundamental para que las
personas no se pierdan al estar en tu pagina.
- Cuando navegamos podemos encontrar paginas mal echas y para evitar eso hay dos aspectos sobre la
navegación que hay que tener en cuenta y son la Navegación esto involucra una pregunta que seria ¿Hacia
dónde puedes ir? y la Orientación que seria ¿Dónde estas ahora?, esto es fundamental para que las
personas no se pierdan al estar en tu pagina.
- 4. Diseña para contruir
- Para esto hay que atraer la atención de las personas que visitaran tu Web Site
para que esto de un buen aspecto, si utilizas fondos con algún personaje o
estructuras evita a que se repitan
- Para esto hay que atraer la atención de las personas que visitaran tu Web Site
para que esto de un buen aspecto, si utilizas fondos con algún personaje o
estructuras evita a que se repitan
- 5. Topografí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,
tipos de letras, Tamaño de letras, Espaciado, Anchura de las lineas, Color y Parrafeando.
- 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,
tipos de letras, Tamaño de letras, Espaciado, Anchura de las lineas, Color y Parrafeando.
- 6. Usabilidad
- El diseño Web no solo se trata de fotos bonitas. Con la tanta información e interacción que hay que
efectuar en un web Site, es importante que tú, el diseñador, lo proveas para todo. Eso significa que
hagas tu web Site utilizable. – Apegándose a los estándares, Piensa sobre lo que los usuarios van a
hacer y sobre todo Piensa en las tareas del usuario.
- El diseño Web no solo se trata de fotos bonitas. Con la tanta información e interacción que hay que
efectuar en un web Site, es importante que tú, el diseñador, lo proveas para todo. Eso significa que
hagas tu web Site utilizable. – Apegándose a los estándares, Piensa sobre lo que los usuarios van a
hacer y sobre todo Piensa en las tareas del usuario.
- 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.
- 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 muy importante en el diseño Web. Y en cuanto a la claridad, se trata de
los pixeles, algunos consejos serian: – 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, asegurarse que el contraste
es alto para que los bordes estén claramente definidos y sobre-enfatiza los bordes solo un poco para
exagerar el contraste
- Mantener nítido tu diseño es muy importante en el diseño Web. Y en cuanto a la claridad, se trata de
los pixeles, algunos consejos serian: – 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, asegurarse que el contraste
es alto para que los bordes estén claramente definidos y 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.
- Tener un buen set de CSS también puede ayudar a hacer un diseño consistente. Trata de definir
etiquetas básicas como <h1> (header 1) y (paragraph) de una manera para hacer que las
predeterminadas encajen perfectamente y te evites el estar tratando de recordar nombres de clases
específicas todo el tiempo.
- Tener un buen set de CSS también puede ayudar a hacer un diseño consistente. Trata de definir
etiquetas básicas como <h1> (header 1) y (paragraph) de una manera para hacer que las
predeterminadas encajen perfectamente y te evites el estar tratando de recordar nombres de clases
específicas todo el tiempo.
- 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.
Media attachments
Want to create your own Mind Maps for free with GoConqr? Learn more.