Zusammenfassung der Ressource
"9 principios para buen
diseño Web"
- Preferencia: Se trata de la carga visual que
tienen las diferentes partes de tu diseño.
Una de las más grandes herramientas en tu
arsenal para hacer esto es la preferencia.
- 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?
- Espacio: El espacio hace las
cosas más claras.
- Espacio entre líneas
- Relleno
- Espacio en blanco
- Navegación: es cuando
no sabes en donde
estás ni para dónde
vas.
- ¿Dónde estas ahora?
- ¿Hacia dónde puedes ir?
- 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,
pero incluso ahora es
importante pensar acerca
de cómo vas a construir tu
sitio si aun estás en
PhotoShop.
- Tipografía: El texto es un
elemento común en el
diseño,
- Opciones de letras – los diferentes tipos de letras
- Tamaño de letras
- Espaciado: el espacio entre líneas
y lejos de otros objetos es de
importante consideración.
- Anchura de las líneas: las líneas
de tu texto no deberían ser tan
largas.
- Color
- Parrafeando: pega el
alineamiento hacia
la izquierda
- Usabilidad: significa que hagas
tu web Site utilizable.
- Apegándose a los estándares.
- Piensa sobre lo que los usuarios van a hacer.
- Piensa en las tareas del usuario.
- Alineación: La alineación hace tu diseño
más ordenado y digerible, al igual que lo
hace ver más pulido. Quizá también
quieras basar tus diseños en una
cuadrícula específica.
- 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.
- 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.
- 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.
- 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.
- 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.