Como designer de interface, e como designer em geral, muitas vezes percebo a necessidade de colocar as coisas um pouco fora do centro para fazê-las parecer centralizadas e equilibradas, devido aos itens terem distribuição de volume desigual.
Considere um botão de reprodução que é colocado em uma caixa:
Meses depois de fazer essa pergunta, eu estava desenvolvendo controles de vídeo e percebi que esse era o exemplo perfeito. Essa imagem é centralizada geometricamente, mas, na minha interface, empurrei o ícone cerca de 15% mais para a direita do que seu centro geométrico real, a fim de centralizá-lo com base no volume porque o centro geometricamente (como você pode observar na imagem acima) não ' não me sinto bem.
Normalmente, acho que centralizo um ícone volumetricamente, mas aposto que o centro adequado pode ser determinado matematicamente, daí minha curiosidade quanto ao nome, caso eu encontre uma ferramenta ou plugin para me ajudar a fazer isso com minhas ferramentas de design, como o InDesign .
Em cima da minha cabeça eu chamaria de "Volumetric Centering", mas isso é apenas um palpite. Existe um nome / termo oficial para esta técnica?
fonte
Respostas:
Chama-se "centro óptico"
Basicamente, o olho do leitor começa no canto superior esquerdo e se move em direção ao canto inferior direito, passando pelo centro óptico (em um país que lê da direita para a esquerda, inverte as coisas)
Esse não é o centro geométrico real. Faça duas linhas de canto a canto em um retângulo e o ponto onde as linhas se encontram, e esse é o centro geométrico. O centro óptico estará um pouco acima do centro geométrico.
O que você faz é o que os designers devem fazer: equilibrar seus elementos em torno do centro óptico e não do centro geométrico.
Retirado deste artigo
fonte
Correção / compensação óptica
No seu caso, você está falando da centralização óptica, mas seus olhos podem realizar mais ajustes do que isso, se você permitir. Esse é o processo complexo de ponderar forma, textura, cor, distorção visual etc. e compensá-lo.
Semelhante ao conceito de mistura óptica pioneiro pelos pontilhistas do século 19, seu cérebro olha para um conjunto de formas e calcula a média das coisas. Como no pontilhismo, o efeito muda com base na escala das formas em questão. A resolução visual do espectador tem um papel importante, mas também tem a ver com a ponderação perceptiva, onde o cérebro simplifica as coisas com base na importância relativa (desculpe ... décadas de leitura, mas sem fontes).
Você encontrará outra forma de compensar o volume percebido na arquitetura greco-romana.
Use seus olhos
Você está fazendo da mesma maneira que qualquer outro designer. Um algoritmo pode concebivelmente descobrir isso com base em áreas relativas, escala, distância de visualização, etc., mas nada se parece com o olho humano.
fonte
Chama-se Alinhamento óptico Aqui está um ótimo artigo que discute a questão: https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175 Espero que ajude!
fonte
A resposta do Alinhamento óptico é ótima, e eu suspeito que é isso que você procura, mas quando você menciona "equilíbrio" em sua pergunta, pensei em Equilíbrio Oculto (AKA, equilíbrio assimétrico).
Aqui está um link que eu encontrei ... http://www.revolutionarygardens.com/principles-of-design-balance-in-the-landscape/
Eu sei que o link é sobre paisagismo, mas acho que o conceito se aplica aqui.
fonte