Existe um nome, termo ou prática para coisas descentralizadas com base no volume e não na largura e altura?


11

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:

insira a descrição da imagem aqui

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?


Prazo Física seria centro de massa en.wikipedia.org/wiki/Center_of_mass
Dax Fohl

Respostas:


9

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

insira a descrição da imagem aqui


4
Definitivamente, este não é o efeito descrito na pergunta.
KRyan

Quase lá ... não é o conceito certo.
Plainclothes

4

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

Imagem pontilhista com zoom em pontos de cor

Você encontrará outra forma de compensar o volume percebido na arquitetura greco-romana.

Os arquitetos calcularam por perspectiva, pelas ilusões ópticas que fazem as bordas dos objetos parecerem côncavas e pelo fato de as colunas que são vistas contra o céu parecerem diferentes daquelas adjacentes que são vistas contra uma parede sombreada. Devido a esses fatores, os arquitetos ajustaram os planos para que as principais linhas de qualquer edifício significativo raramente sejam retas.
via Wikipedia

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.


3

Chama-se Alinhamento óptico insira a descrição da imagem aqui 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!


Uau, artigo incrível.
Viziionary

@JonathanTodd certo? Acabei de ler no outro dia e salva-lo, percebi que alguém iria precisar dele, e aqui estamos nós haha
Stanley VM

4
Cite as partes pertinentes do artigo ao qual você vincula para adicionar à sua resposta. As respostas apenas para links são desaprovadas devido à podridão do link.
DA01 9/09/15

1
Excelente artigo! Eu tenho centralizado as coisas opticamente com apenas meus próprios olhos por anos. Não acredito que nunca fui ensinado (ou descobri por conta própria) o truque do círculo. Segundo o pedido do DA01, você deve adicionar imagens / texto da postagem à sua resposta, ótimas coisas.
Vicki

1
@joojaa Eu estava muito ocupado desenhando todo o meu caderno. ;)
Vicki

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.