Evitando ilusões de ótica no design (ícone)


8

Sou relativamente novo no maravilhoso mundo do design de ícones e tenho um problema recorrente com o qual acho difícil lidar. para mim, a consistência na espessura da linha, tamanhos e cores da forma é muito importante para criar uma peça bem projetada.

No entanto, pareço me deparar com um problema de "ilusão de ótica" com frequência. O ícone mais recente que estou criando, por exemplo, deve representar uma bicicleta antiga. Definei o traçado da linha como 10px e desenhei um pequeno círculo de 10x10px. No entanto, todas as minhas três formas parecem ter tamanho e espessura de linha diferentes para os olhos.

insira a descrição da imagem aqui

No entanto, como você pode ver pelas bolas laranja que incluí, as linhas são do mesmo tamanho.

insira a descrição da imagem aqui

Como evito que essas coisas aconteçam? Parece muito estranho para mim. Eu poderia reduzir e aumentar o tamanho aqui e ali, para agradar aos olhos, mas não é mais tecnicamente correto ...


1
FYI essas motos são chamados de bicicletas "-Farthing moeda de um centavo" ea grande roda é muitas vezes mais espessa do que a roda menor, de modo que poderia ser parte da razão pela qual parece fora para nós.
Zach Saucier

Respostas:


7

Você tem duas opções: altere a espessura da linha para que pareça correta ou deixe-a em paz. Não há outras maneiras.

Imagem de exemplo

Ninguém, exceto você, provavelmente perceberá que não é "tecnicamente correto", a menos que eles tenham TOC e usem uma régua para verificar, ou olhos mágicos que não sofrem das mesmas ilusões de ótica que atormentam o resto da raça humana.


4
Eu acho que uma dica aqui é que "tecnicamente correto" não importa. (Bem, eu posso pensar em casos extremos de design de logotipo ... para engenheiros ou algo assim!), Mas na verdade design é arte. Arte é design. E arte é agradar aos olhos de quem vê ... ou, no nosso caso, ao cliente.
Mayersdesign 04/07
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.