5

CO

El color

18

El color

Prisma que descompone los colores del espectro de luz

El color puede lograr que los diseños resulten más interesantes y estéticos desde el punto de vista visual refuerza la organización y el significado de los elementos del diseño.

Uso del color:

  • Numero de colores: limitar a lo que a la vista puede procesar de una vez y no emplear el color como único medio de información
  • Combinación de color: utilice colores más cálidos para los elementos de los primeros planos, tonos más fríos para los fondos.
  • Saturación: los colores no saturados e intensos se perciben como agradables y profesionales; los no saturados y oscuros se consideran serios y profesionales: y los saturados es perciben como más interesantes y dinámicos. Sea comedido cuando combine colores saturados va que pueden interferir visualmente entre sí y aumentar la fatiga visual.
  • Simbolismo: No existe un simbolismo universal de los colores, cada cultura dota q los colores de significados distintos. Por tanto. verifique el significado de los colores y las combinaciones destinadas a un público determinado antes de su utilización.

3

IM

El Realce

18

El realce

Muestras de la familia tipográfica Open Sans con variantes de estilo

Técnica eficaz para llamar la atención sobre los elementos de un diseño, ya sean imágenes o textos. Sin embargo si se aplica de forma incorrecta puede resultar ineficaz y reducir el rendimiento en esas zonas:

  • General
  • Negrita, cursiva y subrayado
  • Tipo de letra
  • Color
  • Inversión
  • Intermitencia

5

RFF

Relación Figura - Fondo

18

Relación figura-fondo

Figura de gato recortada en un fondo con textura

Los elementos se perciben como figuras (objetos de atención) o como fondo (el resto del campo de percepción). Es uno de los diversos principios de Gestalt.

La relación estable:
Mientras las figuras constituyen el centro de atención, se demuestra mediante estímulos visuales claros logrando que el elemento figura reciba más atención y se recuerde mejor el fondo.
La relación inestable
Existe la ambigüedad y se pueden interpretar de diferente manera por como los elementos cambia entre la figura y el fondo.

4

CD

El Ciclo de Desarrollo

18

6

DG

El diagrama de Gutemberg

18

6

PT

Los prototipos

18

Conceptos universales de diseño web

Aquí encontrarás ejemplos y consejos sobre conceptos como la tipografía, la distribución espacial, la relación de proporción, la proximidad, el realce, la fragmentación, la simetría, la representación icónica, la interacción y la animación.

5

PX

La proximidad

18

La proximidad

Muestras de la familia tipográfica Open Sans con variantes de estilo

La proximidad es la relación entre dos o más elementos que se encuentran en el mismo espacio y que se presentan en direcciones consecutivas.

  • General
  • Negrita, cursiva y subrayado
  • Tipo de letra
  • Color
  • Inversión
  • Intermitencia

4

RL

El realce

18

3

FG

La fragmentación

18

5

SM

La simetría

18

6

RI

La representación icónica

18

5

AL

La alineación

18