¿Cuál debería ser la relación entre el margen y el relleno?

En los diseños basados ​​en cuadrículas, ¿debería haber alguna relación entre los márgenes (la distancia entre los elementos) y el relleno (la distancia entre el contenido de un elemento y sus bordes)?

Respuestas (3)

No, no existe una relación o tamaño universal para el margen y el relleno. Lo que parece armonioso en el diseño A puede ser bastante peculiar en el diseño B. Los elementos fuera de tono pueden ser elecciones de diseño intencionales y la intención del diseñador. Así que todo vale. Dicho esto...

La idea común es que la disonancia distrae. Por lo tanto, la mayoría de los diseños requieren márgenes y rellenos que vayan en armonía con otros elementos. Consejos para conseguir un margen y relleno armonioso:

  • Lee sobre la proporción áurea y la secuencia de Fibonacci.
  • Busque los cánones de la construcción de páginas.
  • Déjese inspirar por el ritmo dentro y entre otros elementos de la página, como el tamaño de la cuadrícula, los márgenes de la página, la medianera de la columna, la altura de la línea, etc.
  • Cree su diseño inicial con marcos grises en lugar de texto real. Esto le permite aislar el desafío del diseño, centrándose en las opciones de diseño disponibles. Un estilo de párrafo temporal que estilice el texto como líneas grises puede ser útil.
  • Mira otras publicaciones.

Si su margen y relleno razonados lógicamente todavía se sienten un poco fuera de lugar (lo cual es perfectamente posible porque todos los elementos se influyen entre sí), entonces puede crear rangos de variaciones, ajustando un solo parámetro en ese momento. Elija la variación que se vea bien. Guardar sus variaciones le permite mirar hacia atrás y reflexionar sobre las elecciones de diseño que hizo. Repita todos los parámetros siempre que no esté satisfecho. Al principio, puede usar pasos más grandes y exagerar, reduciéndose a un ajuste fino casi imperceptible.

No, esto depende bastante de lo que esté tratando de lograr.

Personalmente trato de quedarme con un mínimo de 5px de relleno y 10px de margen. Pero, de nuevo, depende de cómo quieras que se vea la página.

A veces, el relleno hará el trabajo del margen si el color de fondo debe tocar el elemento vecino.

..donde-como el margen separaría los dos colores de fondo.

Entonces, esto dependería nuevamente de cómo desea el estilo de la página, en algunos casos esto puede ser más estricto que en otros.

No, si PARECE correcto, ES correcto.

Tú eres el diseñador, las reglas están para romperlas :-) Si nadie jugara, todo se vería igual.

No creo que este consejo sea muy sólido, el margen y el relleno tienen una funcionalidad diferente y no deben elegirse arbitrariamente en función del aspecto.
es completamente subjetivo, basado en lo que estás tratando de lograr.
¿Subjetivo? Estoy en desacuerdo con ese postulado. La elección de usar relleno o margen es absolutamente objetiva en función de lo que está tratando de lograr
Entonces, lo que estás diciendo es que, incluso si parece correcto, podría ser "incorrecto"...
Algunas reglas no se pueden romper. Como si no pudieras hacer que una imagen salga del lienzo a la derecha sin una barra de desplazamiento horizontal. Es la regla de HTML.