¿Cómo colocaré 2 elementos horizontales para que se vean equilibrados?

Traté de usar la regla de los tercios para colocar mis elementos, pero se veía torcido... posiblemente porque los elementos son de diferentes tamaños y alturas. Los reposicioné para que la distancia vertical sea uniforme entre los elementos, y también entre ellos y la parte superior e inferior de la "página" (pantalla del teléfono para una aplicación que estoy desarrollando). ¿Es este el enfoque correcto?

Tenga en cuenta que las 2 líneas superiores son solo un ejemplo y que la aplicación puede mostrar entre 1 y 4 líneas en la parte superior.

ingrese la descripción de la imagen aquí

¿Querías adjuntar una imagen?
La bola de cristal aquí tiene una resolución demasiado baja. Inserta una foto o boceto de la compilación problemática. Hágalo antes de que su pregunta sea votada como poco clara.
@user287001 & mayersdesign -- ¡No puedo creer que olvidé adjuntar la imagen! ¡GRACIAS por señalarlo!

Respuestas (1)

Es un poco difícil sin ver la estética real. Sin embargo, diría. . . no lo fuerces

Alinee a la izquierda los elementos con el mismo espacio (interlineado) entre las líneas. Como ves para tenerlo en la imagen. No hay una necesidad imperiosa de centrar o distribuir objetos de diferentes longitudes.

Colocaría los elementos superiores más cerca de la parte superior de la ventana gráfica. Básicamente, me aseguraría de que todos los elementos tengan una cantidad mínima de relleno desde el borde de la ventana gráfica. Entonces colocaría los elementos superiores en ese mínimo.

En lo que respecta a la "regla de los tercios", coloque el logotipo/nombre de la aplicación centrado, luego deje el tercio inferior vacío. Esto realmente ayuda a combatir la sensación vertical de que los elementos se "hunden".

ingrese la descripción de la imagen aquí

Podrías centrar esas dos líneas superiores, pero personalmente no soy un gran fanático de centrar todo. El centrado línea por línea suele ser aburrido en términos visuales. Nuevamente, es difícil ser definitivo sin la visión estética completa.

Alternativamente, puede cambiar para usar la proporción áurea y mover las dos líneas de texto, pero no conozco el contexto real, por lo que esto puede no ser apropiado.

ingrese la descripción de la imagen aquí

En última instancia, es importante darse cuenta de que la "regla de los tercios" o "la proporción áurea" son solo pautas generales sobre lo que puede funcionar. Al final, lo que funciona funciona. Nada tiene que ceñirse a ninguna noción preconcebida respecto al diseño.

Excelente guía! ¡Gracias! (Voto a favor). No estoy seguro de que ninguno de estos funcione para mi contenido. Probablemente tendré que morder la bala eventualmente y publicar mi texto e imágenes reales, y explicar cómo se usará la pantalla.
¿Cómo colocaré 2 elementos horizontales para que se vean equilibrados?
RespuestasAquíPolítica de privacidad1y, 0v