Cómo alinear el ícono de búsqueda, el enlace y el encabezado de la columna

¿Existen reglas generales para alinear los elementos alineados a la derecha en la página?
Mire estas capturas de pantalla:
ingrese la descripción de la imagen aquí
En esta captura de pantalla, el ícono de búsqueda y el enlace están alineados con el borde derecho del "cuadro", mientras que el encabezado de la columna de la tabla y las casillas de verificación están alineados con algo de relleno del "cuadro".

ingrese la descripción de la imagen aquí
En esta captura de pantalla, alineé todos los elementos con el mismo relleno del cuadro. ¿Es la forma correcta de hacer el mejor diseño de la historia?

Respuestas (1)

No hay una forma correcta o incorrecta, el diseño siempre es subjetivo y depende de lo que esté tratando de lograr. Sin embargo, con esto en mente, suponiendo que quieras algo que se vea más uniforme, creo que la segunda es la mejor opción.

La razón es que debido a que el texto en azul tiene mucho en común con el elemento debajo de él (el texto negro), probablemente debería alinearse con él.

Sin embargo, podría decirse que tal vez desee que el texto azul se vea 'fuera de lugar' y su intención es llamar la atención sobre él. En ese caso, la primera opción puede funcionar, solo sepa que puede ser visualmente un poco incómodo y llamará la atención. (Esto puede ser un buen truco a veces para llamadas a la acción, etc.)

Si eliminó el texto negro, la opción uno probablemente sería mejor en mi opinión, ya que el borde de las tablas es un poco más fuerte que el borde creado por las casillas de verificación. Sin embargo, cualquiera podría funcionar, ya que no hay desalineaciones obvias en la página.

Supongo que siempre favorecer la línea/borde establecido más fuerte es una buena teoría (de nuevo, a menos que quieras que llame la atención)