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


11

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:

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 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?


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

Respuestas:


9

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

ingrese la descripción de la imagen aquí


44
Este definitivamente no es el efecto descrito en la pregunta.
KRyan

Casi allí ... no es exactamente el concepto correcto.
vestidos de civil

4

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).

Imagen puntillista con puntos de color ampliados

Encontrarás 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 sean rectas.
a través de Wikipedia

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.


3

Se llama Alineación Óptica. ingrese la descripción de la imagen aquí 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!


Wow, increíble artículo.
Visir el

@JonathanTodd ¿verdad? Acabo de leerlo el otro día y lo guardé, pensé que alguien lo necesitaría, y aquí estamos jaja
Stanley VM

44
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 putrefacción del enlace.
DA01

1
Excelente articulo! He centrado ópticamente las cosas 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.
Vicki

1
@joojaa Estaba demasiado ocupado dibujando sobre mi carpeta. ;)
Vicki

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.