UX
Diseño Visual
Proximidad
Elementos que están cerca se asumen como relacionados
Elementos que no estén relacionados deben estar separados
Sin el espacio en blanco todo se mezcla y se vuelve agotador
Repetición
Elementos de equivalente jerarquía o funcionalidad deben verse iguales
Elementos deben encontrarse donde el/la usuario/a lo espera
Respetar forma de elementos aprendidos
Alineación
Alineación da orden.
Une elementos aunque estén separados.
Mantén la menor cantidad de líneas de alineación posible
Elige por defecto la alineación a la izquierda. A la derecha o centro sólo con intención. Justificado nunca.
Contraste
Contraste figura (texto) fondo debe ser suficiente para una cómoda lectura. Tener cuidado especial con fondos de imagen o textura.
webaim.org/resources/contrastchecker
Marca jerarquía
Marca estados distintos
Marca funciones distintas
Tipografía
Lorem Ipsum
Quisque non ligula
Ut quam ex, facilisis ut dictum et, ullamcorper a sapien. Suspendisse pellentesque, neque in tristique scelerisque, erat felis condimentum eros.
Proin tempus, velit eu tristique facilisis, lacus justo accumsan arcu, id mollis neque nibh sit amet odio.
Nam vulputate
h1
h2
h3
h4
p
Color
material.io/tools/color
EJERCICIO