¿Hay algún nombre, término o práctica para descentrar cosas en función del volumen en lugar del ancho y la altura?

Como diseñador de interfaces, y como diseñador en general, a menudo noto que siento la necesidad de colocar las cosas ligeramente descentradas para que parezcan centradas y equilibradas, debido a que los elementos tienen una distribución de volumen desigual.

Considere un botón de reproducción que se coloca en una caja:

ingrese la descripción de la imagen aquí

Meses después de hacer esta pregunta, estaba desarrollando controles de video y me di cuenta de que este era el ejemplo perfecto. Esta imagen está centrada geométricamente, pero en mi interfaz, empujé el icono un 15 % más hacia la derecha que su centro geométrico real para centrarlo en función del volumen porque centrado geométricamente (como puede observar en la imagen de arriba) no No me siento muy bien.

Por lo general, solo apuesto a centrar un ícono volumétricamente, pero apuesto a que el centro adecuado podría determinarse matemáticamente, de ahí mi curiosidad en cuanto al nombre, en caso de que pueda encontrar una herramienta o un complemento que me ayude a hacer esto con mis herramientas de diseño como InDesign. .

En mi cabeza lo llamaría "Centrado volumétrico", pero eso es solo una suposición. ¿Existe un nombre/término oficial para esta técnica?

El término de física sería centro de masa en.wikipedia.org/wiki/Center_of_mass

Respuestas (4)

Se llama "Centro óptico"

Básicamente, el ojo del lector comenzará en la parte superior izquierda y se desplazará hacia la parte inferior derecha, pasando por el centro óptico (en un país que lee de derecha a izquierda, al revés)

Ese no es el centro geométrico real. Haz 2 líneas de esquina a esquina en un rectángulo y el punto donde se unen las líneas, y ese es el centro geométrico. El centro óptico estará un poco por encima del centro geométrico.

Lo que haces es lo que los diseñadores deberían hacer es equilibrar tus elementos alrededor del centro óptico, no del centro geométrico.

Tomado de este artículo

ingrese la descripción de la imagen aquí

Este definitivamente no es el efecto descrito en la pregunta.
Casi allí... no es del todo el concepto correcto.

Corrección/compensación óptica

En su caso, está hablando de centrado óptico, pero sus ojos pueden realizar más ajustes que eso, si se los permite. Este es el complejo proceso de ponderar la forma, la textura, el color, la distorsión visual, etc. y compensarlo.

Similar al concepto de mezcla óptica iniciado por los puntillistas del siglo XIX, su cerebro observa un conjunto de formas y promedia las cosas. Como en el puntillismo, el efecto cambia según la escala de las formas en cuestión. La resolución visual del espectador juega un papel importante, pero también tiene que ver con la ponderación perceptiva, donde el cerebro simplifica las cosas en función de la importancia relativa (lo siento... décadas de lectura, pero no fuentes).

Imagen puntillista con puntos de color ampliados

Encontrará otra forma de compensar el volumen percibido en la arquitectura grecorromana.

Los arquitectos calcularon la perspectiva, las ilusiones ópticas que hacen que los bordes de los objetos parezcan cóncavos y el hecho de que las columnas que se ven contra el cielo se ven diferentes de las adyacentes que se ven contra una pared sombreada. Debido a estos factores, los arquitectos ajustaron los planos para que las líneas principales de cualquier edificio importante rara vez fueran rectas.
a través de Wikipedia

usa tus ojos

Lo estás haciendo de la misma manera que lo hace cualquier otro diseñador. Posiblemente, un algoritmo podría resolver esto en función de las áreas relativas, la escala, la distancia de visualización, etc., pero nada lo hace como el ojo humano.

Se llama Alineación óptica ingrese la descripción de la imagen aquí Aquí hay un gran artículo que analiza el problema: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 ¡Espero que ayude!

Vaya, impresionante artículo.
@JonathanTodd, ¿verdad? Lo leí el otro día y lo guardé, pensé que alguien lo necesitaría, y aquí estamos jaja
Cite las partes pertinentes del artículo al que se vincula para agregar a su respuesta. Las respuestas de solo enlace están mal vistas debido a la descomposición del enlace.
@joojaa, ¿podrías explicar eso? no entiendo tu comentario
@Johannes, lo siento, estaba confundido porque no me di cuenta de que Jonathan Todd mostró el control de video que está mal
¡Excelente artículo! He estado centrando ópticamente las cosas solo con mis propios globos oculares durante años. No puedo creer que nunca me enseñaron (o descubrí por mi cuenta) el truco del círculo. Secundo la solicitud de DA01 de que agregue imágenes/texto de la publicación a su respuesta, excelente material.
@Vicki, ¡apuesto a que tu profesor de matemáticas te enseñó esto! Simplemente no estabas prestando atención.
@joojaa Estaba demasiado ocupado dibujando en mi carpeta. ;)

La respuesta de Alineación óptica es excelente, y sospecho que es lo que busca, pero cuando menciona "equilibrio" en su pregunta, pensé en Equilibrio oculto (también conocido como equilibrio asimétrico).

Aquí hay un enlace que encontré... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/

Sé que el enlace es sobre diseño de paisajes, pero creo que el concepto se aplica aquí.

¿Hay algún nombre, término o práctica para descentrar cosas en función del volumen en lugar del ancho y la altura?
RespuestasAquíPolítica de privacidad1y, 0v