Come designer di interfacce e proprio come designer in generale, noto spesso che sento la necessità di posizionare le cose leggermente fuori centro per farle apparire centrate ed equilibrate, a causa degli articoli con distribuzione del volume irregolare.

Prendi in considerazione un pulsante di riproduzione inserito in una casella:

Mesi dopo aver fatto questa domanda stavo sviluppando controlli video e mi sono reso conto che questo era l'esempio perfetto. Questa immagine è centrata geometricamente, ma nella mia interfaccia ho spinto l'icona di circa il 15% più a destra rispetto al suo vero centro geometrico per centrarla in base al volume perché centrata geometricamente (come si può vedere nell'immagine sopra) mi sento abbastanza bene.

Di solito immagino solo di centrare un'icona volumetricamente, ma scommetto che il centro corretto potrebbe essere determinato matematicamente, quindi la mia curiosità sul nome, nel caso in cui potessi trovare uno strumento o un plugin per aiutarmi a farlo con i miei strumenti di progettazione come InDesign .

In cima alla mia testa lo definirei "Volumetric Centering", ma è solo una supposizione. Esiste un nome / termine ufficiale per questa tecnica?

Si chiama "Centro ottico"

Fondamentalmente, l'occhio del lettore inizierà in alto a sinistra e si sposterà in basso a destra, passando attraverso il centro ottico (in un paese che legge da destra a sinistra, inverti le cose)

Questo non è il vero centro geometrico. Crea 2 linee da un angolo all'altro su un rettangolo e sul punto in cui le linee si incontrano, e questo è il centro geometrico. Il centro ottico sarà un po 'sopra il centro geometrico.

Quello che fai è ciò che i designer dovrebbero fare è bilanciare i tuoi elementi attorno al centro ottico e non al centro geometrico.

Tratto da questo articolo

Correzione / compensazione ottica

Nel tuo caso, stai parlando di centratura ottica, ma i tuoi occhi possono eseguire più regolazioni di così, se glielo permetti. Questo è il complesso processo di ponderazione della forma, della trama, del colore, della distorsione visiva, ecc. E della sua compensazione.

Simile al concetto di missaggio ottico introdotto dai pointillists del 19 ° secolo, il tuo cervello osserva un aggregato di forme e fa una media delle cose. Come nel puntinismo, l'effetto cambia in base alla scala delle forme in questione. La risoluzione visiva dello spettatore gioca un ruolo importante, ma ha anche a che fare con la ponderazione percettiva, in cui il cervello semplifica le cose in base all'importanza relativa (scusate ... decenni di lettura, ma nessuna fonte).

Troverai un'altra forma di compensazione del volume percepito nell'architettura greco-romana.

Gli architetti calcolati per la prospettiva, per le illusioni ottiche che fanno apparire i bordi degli oggetti concavi e per il fatto che le colonne che sono viste contro il cielo sembrano diverse da quelle adiacenti che sono viste contro un muro in ombra. A causa di questi fattori, gli architetti hanno adattato i piani in modo che le linee principali di qualsiasi edificio significativo siano raramente diritte.
tramite Wikipedia

Usa i tuoi occhi

Lo stai facendo allo stesso modo di qualsiasi altro designer. Un algoritmo potrebbe immaginarlo in base a aree relative, scala, distanza di visione, ecc., Ma nulla lo ottiene esattamente come l'occhio umano.

Si chiama Optical Alignment Ecco un ottimo articolo che discute del problema: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Spero che sia d'aiuto!

La risposta di allineamento ottico è ottima, e sospetto che sia ciò che stai cercando, ma quando menzioni "equilibrio" nella tua domanda, ho pensato a Occult Balance (AKA, equilibrio asimmetrico).

Ecco un link che ho trovato ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/

So che il collegamento riguarda la progettazione del paesaggio, ma penso che il concetto si applichi qui.