¿Debe ser constante el espacio entre los contenedores?

Primero una admisión: no soy diseñador gráfico. Así que estoy publicando esta pregunta aquí.

Según la solicitud, el propósito de los contenedores internos es proporcionar un conjunto de opciones para elegir. Todos los contenedores internos contienen datos similares y una vez que se hace clic en uno, se voltea para mostrar el conjunto más pequeño de opciones, como se puede ver en el primer contenedor interno.

¿Cuál de los dos contenedores ( primer diseño o segundo diseño ) se ve mejor en cuanto a presentación? ¿Y puedo pedir una explicación de por qué? ¿Cómo puede ser mejorado?

Primer diseño:

Espaciado flexible alrededor

Segundo diseño:

ingrese la descripción de la imagen aquí

Segundo. el espaciado simétrico es más agradable. El primero va todo el camino a ser inquietante. Además, estoy votando para cerrar esta pregunta como demasiado amplia.
depende _ Si los contenidos están unificados o completamente relacionados, el segundo es el camino a seguir. Si la columna de la izquierda es distinta de la columna de la derecha, entonces la primera es mejor. Necesitamos más información en cuanto a lo que es útil para ser de mucha utilidad.
@ZachSaucier Gracias por los comentarios, sí, los contenedores internos están relacionados, son una pila de opciones disponibles para que el usuario elija.
Utilice el botón de edición para actualizar su pregunta con el comentario anterior y cualquier otro detalle que pueda ofrecer.
También estoy en el campamento depende . -- Opción 1 si desea separar el contenido de la izquierda y la derecha, opción 2 si desea que el contenido se vea también como un todo.

Respuestas (1)

Si no hay distinción entre el contenido de las columnas izquierda y derecha, en otras palabras, si todas son similares o completamente diferentes donde dos grupos no están separados, entonces el segundo diseño con el mismo tamaño de medianil (espaciado) vertical y horizontalmente es mejor.

Esto se debe a que el espacio se usa para ayudar a relacionar o disociar cosas. Si se utiliza un espacio coherente, los elementos se asocian. Si hay inconsistencias, en la mayoría de los casos se desvincula unas de otras.

En el caso de su ejemplo, una canaleta más vertical hace que parezca que hay dos grupos: los de la izquierda y los de la derecha. Dado que esta no es su intención, debe evitar este diseño.

Otra nota es que probablemente sería mejor tener un margen vertical consistente entre la parte superior de la sección que contiene estos mosaicos y los botones de puntos debajo de ellos. Tal como está, parece que puede faltar algo o que hay más espacio del previsto, pero es menor en comparación con tener un espacio de canalón inconsistente entre los elementos mismos.

Si cree que hay demasiado espacio vacío alrededor de los elementos por alguna razón, puede llenarlo haciendo cada mosaico más grande o agregando algunos elementos de diseño extraños que le darían más estilo a la página.