Como diseñador de interfaces, y solo 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:
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 se puede observar en la imagen de arriba) no No me siento bien.
Por lo general, solo adivino centrar un ícono volumétricamente, pero apuesto a que el centro apropiado podría determinarse matemáticamente, de ahí mi curiosidad sobre el nombre, en caso de que pueda encontrar una herramienta o complemento para ayudarme a hacer esto con mis herramientas de diseño como InDesign .
Fuera de 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?
fuente
Respuestas:
Se llama "centro óptico"
Básicamente, el ojo del lector comenzará en la esquina superior izquierda y se moverá hacia la esquina inferior derecha, pasando por el centro óptico (en un país que lee de derecha a izquierda, invierte las cosas)
Ese no es el centro geométrico real. Haz 2 líneas de esquina a esquina en un rectángulo y el punto donde las líneas se encuentran, y ese es el centro geométrico. El centro óptico estará un poco por encima del centro geométrico.
Lo que debe hacer es lo que los diseñadores deben hacer es equilibrar sus elementos alrededor del centro óptico, no del centro geométrico.
Tomado de este artículo
fuente
Corrección óptica / compensación
En su caso, está hablando del centrado óptico, pero sus ojos pueden realizar más ajustes que eso, si los deja. Este es el proceso complejo de ponderar la forma, textura, color, distorsión visual, etc. y compensarlo.
De manera similar al concepto de mezcla óptica promovido por los puntillistas del siglo XIX, su cerebro observa un conjunto de formas y promedia las cosas. Como en el puntillismo, el efecto cambia en función de 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 su importancia relativa (lo siento ... décadas de lectura, pero sin fuentes).
Encontrarás otra forma de compensar el volumen percibido en la arquitectura grecorromana.
Usa tus ojos
Lo estás haciendo de la misma manera que cualquier otro diseñador. Es posible que un algoritmo pueda resolver esto en función de áreas relativas, escala, distancia de visualización, etc., pero nada se parece tanto al ojo humano.
fuente
Se llama Alineación Óptica. Aquí hay un gran artículo que discute el mismo problema: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 ¡ Espero que ayude!
fuente
La respuesta de alineación óptica es excelente, y sospecho que es lo que busca, pero cuando menciona el "equilibrio" en su pregunta, pensé en el equilibrio oculto (AKA, equilibrio asimétrico).
Aquí hay un enlace que encontré ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/
Sé que el enlace trata sobre el diseño del paisaje, pero creo que el concepto se aplica aquí.
fuente