4748506
Description
Mind Map by Rodríguez López R., updated more than 1 year ago
|
Created by Rodríguez López R.
over 8 years ago
|
|
Principios para un buen diseño web
- Diseño visual
- Factor importante para que cuando el usuario entra en la pagina
hacer que su vista sea dirigida a un punto en especifico. Se debe
tomar en cuenta algunos puntos que ayudaran a realizar esto:
- Posición –
Donde algo en
la página
claramente
influencia en
qué orden el
usuario lo ve.
- Color –
Usando
colores
sutiles es una
manera
sencilla de
decirle a tu
usuario hacia
donde mirar.
- Contraste –
Ser diferente
es lo que hace
a las cosas
resaltar,
mientras que
siendo
similares las
hace
secundarias.
- Tamaño –
Lo grande
toma
preferencia
sobre lo
pequeño (a
menos que
todo sea
grande, en
cuyo caso lo
pequeño
quizá
sobresaldrá
gracias al
contraste)
- Elementos de diseño –
Si hay una gran flecha
apuntando algo,
adivina ¿hacia dónde
mirará el usuario?
- Elementos de diseño –
Si hay una gran flecha
apuntando algo,
adivina ¿hacia dónde
mirará el usuario?
- Tamaño –
Lo grande
toma
preferencia
sobre lo
pequeño (a
menos que
todo sea
grande, en
cuyo caso lo
pequeño
quizá
sobresaldrá
gracias al
contraste)
- Contraste –
Ser diferente
es lo que hace
a las cosas
resaltar,
mientras que
siendo
similares las
hace
secundarias.
- Color –
Usando
colores
sutiles es una
manera
sencilla de
decirle a tu
usuario hacia
donde mirar.
- Posición –
Donde algo en
la página
claramente
influencia en
qué orden el
usuario lo ve.
- Factor importante para que cuando el usuario entra en la pagina
hacer que su vista sea dirigida a un punto en especifico. Se debe
tomar en cuenta algunos puntos que ayudaran a realizar esto:
- Espacio
- Es vital saber cuanto espacio se quiere usar
para cada cosa que se quiera poner en la
pagina. Para esto es bueno tener en cuenta
los siguientes puntos:
- Espacio entre líneas
Dejar un espacio muy
grande entre lineas hace
que la vista del usuario
se desvié con facilidad,
por eso un espacio corto
entre lineas es bueno
para que la vista del
usuario siga con la
siguiente linea de texto
sin dificultad.
- Relleno
Es el
espacio
que
puede
existir
entre
cada
objeto,
ya sean
imágenes,
tablas,
entre
otros
- Espacio en blanco
Tener espacios en
blanco no siempre
esta del todo mal, ya
que con esto se puede
dar contraste a la
pagina
- Espacio en blanco
Tener espacios en
blanco no siempre
esta del todo mal, ya
que con esto se puede
dar contraste a la
pagina
- Relleno
Es el
espacio
que
puede
existir
entre
cada
objeto,
ya sean
imágenes,
tablas,
entre
otros
- Espacio entre líneas
Dejar un espacio muy
grande entre lineas hace
que la vista del usuario
se desvié con facilidad,
por eso un espacio corto
entre lineas es bueno
para que la vista del
usuario siga con la
siguiente linea de texto
sin dificultad.
- Es vital saber cuanto espacio se quiere usar
para cada cosa que se quiera poner en la
pagina. Para esto es bueno tener en cuenta
los siguientes puntos:
- Navegación
- Para que una pagina tenga una buena
navegación es buen saber estos puntos para
ayudar al usuario el como andar por la
pagina:
- Navegación – ¿Hacia dónde puedes ir?
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. Deberían verse
como botones de navegación y estar
bien descritos. El texto de un botón
debe estar bien claro en cuanto hacia
donde te está llevando.
- Orientación – ¿Dónde estas ahora?
Hay muchísimas maneras en las que se le
puede orientar a un usuario. En
sitios pequeños, con
un gran encabezado o una versión
“menor” de la versión del botón
correspondiente.
- Orientación – ¿Dónde estas ahora?
Hay muchísimas maneras en las que se le
puede orientar a un usuario. En
sitios pequeños, con
un gran encabezado o una versión
“menor” de la versión del botón
correspondiente.
- Navegación – ¿Hacia dónde puedes ir?
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. Deberían verse
como botones de navegación y estar
bien descritos. El texto de un botón
debe estar bien claro en cuanto hacia
donde te está llevando.
- Para que una pagina tenga una buena
navegación es buen saber estos puntos para
ayudar al usuario el como andar por la
pagina:
- Diseño para construir
- El como esta organizado
el cuerpo y su forma son
importantes ya que así
la pagina sera atractiva
para el usuario.
- El como esta organizado
el cuerpo y su forma son
importantes ya que así
la pagina sera atractiva
para el usuario.
- Tipografía
- Para esto se debe tomar en cuenta que tipo de
letra se va a usar dependiendo del contexto de
la pagina.
- Para esto se debe tomar en cuenta que tipo de
letra se va a usar dependiendo del contexto de
la pagina.
- Usabilidad
- Tener en cuenta loe que el usuario
hará en tu pagina es vital, para que
así puedas hacer un buen acomodo
de botones
- Tener en cuenta loe que el usuario
hará en tu pagina es vital, para que
así puedas hacer un buen acomodo
de botones
- Alineación
- Mantener las cosas alineadas es
tan importante en el diseño Web.
No quiere decir que
todo tiene que estar derecho, sino
que debes tratar de mantener las
cosas bien colocadas en una
página.
- Mantener las cosas alineadas es
tan importante en el diseño Web.
No quiere decir que
todo tiene que estar derecho, sino
que debes tratar de mantener las
cosas bien colocadas en una
página.
- Claridad
- Mantener nítido tu diseño es súper
importante en el diseño Web
- Mantener las formas de los límites
pegados a los pixeles. Esto podrá
incluir limpiar los límites
manualmente, las líneas y los
cuadros de texto si las estás creando
en PhotoShop.
- Mantener las formas de los límites
pegados a los pixeles. Esto podrá
incluir limpiar los límites
manualmente, las líneas y los
cuadros de texto si las estás creando
en PhotoShop.
- Mantener nítido tu diseño es súper
importante en el diseño Web
- Consistencia
- Es hacer que todo el contenido
que existe en tu pagina este bien
acomodado, para que todo tenga
un orden que seguir y sea facíl su
recorido
- Es hacer que todo el contenido
que existe en tu pagina este bien
acomodado, para que todo tenga
un orden que seguir y sea facíl su
recorido
Want to create your own Mind Maps for free with GoConqr? Learn more.