freeCodeCamp/guide/spanish/visual-design/layout/index.md

2.1 KiB

title localeTitle
Layout Diseño

Diseño

El diseño se refiere a la disposición o colocación de elementos en una página determinada. Los elementos pueden incluir elementos funcionales como párrafos, encabezados, listas y secciones. Los elementos también pueden incluir elementos de diseño como iconos, formas e imágenes. El uso de espacios en blanco, relleno y margen también se utiliza en gran medida en el diseño. Puede considerar lo primero como características de diseño en lugar de elementos en sí mismos.

El diseño de una página es la disposición de estos diversos elementos en una presentación que transmite un significado a la persona que está viendo la página. Por lo tanto, una consideración primordial para el diseño debe ser cómo se entenderá el diseño y qué significado transmitirá en última instancia. Sin considerar cuidadosamente el significado de un diseño, puede causar confusión y desconfianza entre su público objetivo.

Un error común que podría cometer es determinar el diseño según lo que crea que se ve mejor. Hacer esto puede violar la idea de las convenciones estándar y debe evitarse hasta que tenga más experiencia en el diseño de diseños.

Convenciones estándar es un término que se usa para describir un proceso o aplicación de una técnica que cuenta con la aprobación de toda la industria y la aceptación cultural general entre los usuarios. A continuación se enumeran ejemplos de estas convenciones relacionadas con el diseño:

  • La ubicación del texto del encabezado sobre el párrafo es lo que significa describir.
  • Colocación de una barra de navegación en la parte superior de la página.
  • Uso de espacios en blanco para separar diferentes secciones y tipos de contenido.
  • Falta de espacios en blanco para reunir secciones y tipos de contenido.
  • Asegurar que los elementos estén ordenados y organizados (es decir, dos botones alineados para ser visualmente aceptables)
  • La simplicidad del diseño, de modo que es fácil de seguir y fluye muy bien.
  • Uso de la jerarquía visual para ayudar a que el diseño fluya visualmente (tamaño, color, posicionamiento, etc.)