En tant que concepteur d'interface, et en tant que concepteur en général, je remarque souvent que je ressens le besoin de placer les choses légèrement décentrées afin de les faire apparaître centrées et équilibrées, en raison des éléments ayant une distribution de volume inégale.

Considérons un bouton de lecture qui est placé dans une boîte:

Des mois après avoir posé cette question, je développais des commandes vidéo et j'ai réalisé que c'était l'exemple parfait. Cette image est centrée géométriquement, mais dans mon interface, j'ai poussé l'icône d'environ 15% plus à droite que son centre géométrique réel afin de la centrer en fonction du volume car géométriquement centrée (comme vous pouvez le voir sur l'image ci-dessus) ne fonctionne pas '' Je me sens bien.

Je suppose généralement de centrer une icône volumétriquement, mais je parie que le bon centre pourrait être déterminé mathématiquement, d'où ma curiosité quant au nom, au cas où je trouverais un outil ou un plugin pour m'aider à le faire avec mes outils de conception tels que InDesign .

Du haut de ma tête, je l'appellerais "Centrage volumétrique", mais ce n'est qu'une supposition. Y a-t-il un nom / terme officiel pour cette technique?

Ça s'appelle "Centre optique"

Fondamentalement, l'œil du lecteur commencera en haut à gauche et se déplacera vers le bas à droite, en passant par le centre optique (dans un pays qui lit de droite à gauche, inversez les choses)

Ce n'est pas le centre géométrique réel. Tracez 2 lignes d'un coin à l'autre sur un rectangle et le point où les lignes se rencontrent, et c'est le centre géométrique. Le centre optique sera un peu au-dessus du centre géométrique.

Ce que vous faites, c'est ce que les concepteurs doivent faire, c'est équilibrer vos éléments autour du centre optique et non du centre géométrique.

Tiré de cet article

Correction / compensation optique

Dans votre cas, vous parlez de centrage optique, mais vos yeux peuvent effectuer plus d'ajustements que cela, si vous les laissez. Il s'agit du processus complexe de pondération de la forme, de la texture, de la couleur, de la distorsion visuelle, etc. et de la compenser.

Semblable au concept de mélange optique mis au point par les pointillistes du 19e siècle, votre cerveau regarde un ensemble de formes et fait la moyenne des choses. Comme dans le pointillisme, l'effet change en fonction de l'échelle des formes en question. La résolution visuelle du spectateur joue un grand rôle, mais elle a aussi à voir avec la pondération perceptuelle, où le cerveau simplifie les choses en fonction de leur importance relative (désolé ... des décennies de lecture, mais pas de sources).

Vous trouverez une autre forme de compensation du volume perçu dans l'architecture gréco-romaine.

Les architectes ont calculé la perspective, les illusions d'optique qui rendent les bords des objets concaves et le fait que les colonnes qui sont vues contre le ciel sont différentes de celles adjacentes qui sont vues contre un mur ombragé. En raison de ces facteurs, les architectes ont ajusté les plans de sorte que les grandes lignes de tout bâtiment important soient rarement droites.
via Wikipedia

Utilisez vos yeux

Vous le faites de la même manière que n'importe quel autre designer. Un algorithme pourrait théoriquement comprendre cela en fonction des zones relatives, de l'échelle, de la distance de vision, etc., mais rien ne le fait tout à fait comme l'œil humain.

Il s'appelle Optical Alignment Voici un excellent article qui traite du problème même: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 J'espère que cela vous aidera!

La réponse d'alignement optique est excellente, et je soupçonne que c'est ce que vous recherchez, mais lorsque vous mentionnez «équilibre» dans votre question, j'ai pensé à l'équilibre occulte (AKA, équilibre asymétrique).

Voici un lien que j'ai trouvé ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/

Je sais que le lien concerne l'aménagement paysager, mais je pense que le concept s'applique ici.