El diseño organiza el texto y las imágenes en una página o pantalla. Determina dónde se colocan los elementos y cuánto espacio ocupan. Un diseño puede ser denso o ligero, simétrico o asimétrico, y puede seguir una cuadrícula o prescindir de ella. El diseño influye en la experiencia del usuario con el contenido. Un diseño recargado resulta abrumador, mientras que uno minimalista transmite una sensación de vacío. El equilibrio adecuado depende del mensaje y del medio.

Los principios de maquetación se han perfeccionado a lo largo de los siglos. El diseño impreso estableció las reglas. Los márgenes dan espacio al contenido. Las columnas organizan el texto para facilitar la lectura. El espacio en blanco separa los elementos y guía la mirada. La jerarquía muestra lo más importante. El diseño digital adaptó estos principios a las pantallas. Los diseños responsivos se ajustan a diferentes tamaños de pantalla. Un diseño de escritorio de tres columnas se convierte en una sola columna en dispositivos móviles. El contenido se reorganiza. La jerarquía se mantiene. La maquetación también afecta a la usabilidad. Un botón colocado donde los usuarios esperan que se pulse. Un menú de navegación en la ubicación estándar se utiliza. Un formulario con etiquetas claras y agrupaciones lógicas se completa. La maquetación no es solo estética. Es funcional. Moldea el comportamiento. El diseñador utiliza la maquetación para guiar, informar y persuadir. Cada ubicación es una decisión. Cada decisión tiene consecuencias.

Principios de diseño

• Márgenes: espacio alrededor del contenido
• Columnas: divisiones verticales para texto
• Espacio en blanco: áreas vacías que separan elementos
• Jerarquía: orden de importancia visual
• Alineación: los elementos se alinean a lo largo de bordes comunes.
• Proximidad: los elementos relacionados se agrupan.

La disposición es la organización de las partes. Las partes importan. También importa el espacio entre ellas.