Percepção de um logotipo em primeiro plano e em segundo plano


7

Estou criando um logotipo para o meu site. A seguir, é o que tenho agora:

O logotipo

Para a maioria das pessoas, esse logotipo é percebido como uma forma branca de trindade em um fundo circular azul. Para mim, também pode ser vista como uma forma circular azul com três partes semelhantes a flores se expandindo para o topo em um fundo branco.

O que eu gostaria de realizar é:

Com o menor número de alterações no logotipo, altere a percepção padrão principal desse logotipo, do primeiro (branco sobre fundo azul) para o segundo (azul sobre fundo branco).

A menor quantidade de alterações significa que eu gostaria de preservar o máximo possível do design, incluindo a cor única, o número de pequenas formas (7) e a sensação minimalista do design.

Eu adoraria entender o princípio por trás do que governa essas percepções e quais fatores determinam como o logotipo é percebido de uma maneira sobre a outra.

Obrigado por sua ajuda e compreensão!


5
O que pensei primeiro é: por que não é simétrico nos três eixos? É pouca diferença para ter um propósito.
21417 Thomas Weller às

11
Sim, muitas pessoas se perguntam. Isso foi feito intencionalmente e tem um propósito não relacionado ao design.
nazim

9
A assimetria será absolutamente percebida por todos como um erro, intencional ou não. O símbolo é reconhecível demais como tipicamente simétrico e a assimetria não é grande o suficiente para parecer intencional.
Scott

2
Sei que não é um vetor puro como tal, mas uma leve sombra sob os segmentos azuis no fundo branco provavelmente conseguiria isso.
Digital Lightcraft

2
Nossos olhos percebem as coisas mais claras como coisas mais próximas e mais escuras mais distantes. Se você deseja que as seções azuis estejam acima ou na frente do branco, deixe-as com uma cor mais clara.
11787 Webster

Respostas:


0

Aqui está minha entrada (e uma variação) para ilustrar três "folhas" lineares minimalistas assimétricas, lineares e azuis, sobre uma sugestão de fundo branco (mostrado contra um fundo branco).

Azul em forma de fundo branco

Acredito que a lei / princípio perceptivo da Gestalt é Pragnanz.


14

Se você deseja que as três formas principais sejam pétalas ou folhas de flores, não as torne ambíguas.

No momento, ele tem arcos adicionais (se estou entendendo seus "três" corretamente, e talvez não seja) e tudo tem a mesma cor e forma. Então mude isso.

(Desculpe pelo gráfico bruto; estou pré-cafeinado :)

insira a descrição da imagem aqui

Eu removi a linha do arco inferior para que você tenha quatro peças distintas em vez de sete. Isso deixa claro os "três primeiros". Eu os colori de maneira diferente, tornando-os ainda mais distintos. Depois reduzi o tamanho das pétalas esquerda e direita.

Isso tornará inequivocamente essa imagem "três folhas / pétalas azuis sobre fundo branco". Ajustar conforme necessário para seus requisitos corporativos, obviamente, mas essa é a direção que acho que você precisa buscar para obter o que está perguntando.


2
Se você gosta desta resposta, mas por algum motivo quer manter a outra linha, eu acho que você poderia experimentar com tornando-se mais fino do que as linhas de separação que Lauren mantidos lá
lucidbrot

3
Quebrar o círculo com a grande "pétala" média força o olho a focar nas peças. Agradável!
Kys

De certa forma (artisticamente, de qualquer maneira), você passou de uma visualização de cima para baixo para uma visualização lado a lado. Boa escolha e execução para este caso.

@HoldOffHunger De cima para baixo? Caramba, eu nem vi o original dessa maneira. Dá ainda mais ênfase à "remoção da ambiguidade".
Lauren-clear-monica-ipsum

7

Você pode usar uma leve sombra de deslocamento .... empurrando o azul para frente ...

insira a descrição da imagem aqui

Você pode adicionar um gradiente ao azul, colocar alguns traços de cores mais escuras ao longo de algumas arestas para indicar uma direção da luz e adicionar um destaque global ao azul ...

insira a descrição da imagem aqui

Não há percepção "típica" para esse tipo de item. Muitos verão as formas brancas ... e assim como muitos verão as formas azuis. É um velho dilema convexo / côncavo. A única maneira de garantir uma percepção específica é através de outros objetos ou interação via luz / sombra.


11
Obrigado, mas essa direção a tornaria menos abstrata e afastaria o tipo minimalista da sensação 2D.
nazim

2
Bem, então eu acho que você não pode mudar a percepção. Além de colocar o símbolo em uma cor usada em toda a área, forçando as áreas brancas a parecerem transparentes.
Scott

2
Suas sugestões podem diminuir o uso para fins de impressão (por exemplo, quando convertidas em preto e branco).
21416 Thomas Weller

5
  • Remova o preenchimento azul da forma circular e adicione um traço azul.
  • Pegue as 3 folhas e mude o traço de branco para azul.
  • Verifique se todas as formas estão usando o mesmo peso (espessura). Ou você pode optar por deixar o anel externo um pouco mais grosso.
  • Com ajustes mínimos, você deve ter um logotipo sem preenchimento e somente traçado, semelhante ao abaixo.

insira a descrição da imagem aqui


Você pode me dar um pouco mais de ajuda sobre o que você quer dizer exatamente com as folhas? Para mim, as folhas não são a três centrais licença-como formas, mas as 3 formas maiores na parte superior (o do meio que ambos consideram uma licença)
nazim

2

Acho um pouco difícil imaginar as três "pétalas azuis" como primeiro plano. Estou tendo problemas para descobrir qual deles está na frente de quem, e isso continua incomodando e mexendo com a minha crença de que eles podem formar um todo consistente. No entanto, é fácil ver o círculo azul como pano de fundo. Faz todo o sentido por si só, se você remover o primeiro plano. E as linhas fazem todo o sentido como primeiro plano, portanto não há razão para vê-las como plano de fundo.

Isso é revertido para a flor de Lauren Ipsum: cada forma faz sentido como uma pétala de uma flor, mas as formas azuis juntas não fazem muito sentido como um conjunto de espaços entre linhas, enquanto as linhas são mais simples de descrever como espaços do que como linhas. As linhas podem ser um primeiro plano, mas não se alinham exatamente onde esperam. Se eles são um pano de fundo, eles fazem todo o sentido.

Eu posso ver duas maneiras básicas de fazer suas regiões azuis parecerem um primeiro plano. Primeiro, você pode usar uma cor diferente para as partes em que dois círculos se sobrepõem. Isso criaria uma interação visível entre as três regiões circulares, de modo que ficou claro que eram regiões. Também preservaria a simetria do logotipo. Mas você teria que ter cuidado para garantir que as 4 regiões internas não se tornem o primeiro plano.

Em segundo lugar, você pode fazer com que as linhas brancas pareçam mais um plano de fundo. Eu acho que qualquer padrão de linhas fará algum sentido como primeiro plano. Mas acho que é possível que as linhas façam mais sentido como pano de fundo do que como primeiro plano. Uma maneira de fazer isso seria tornar cada uma das regiões de interseção, entre cada par de pétalas, um pouco menor. Então, cada borda longa de uma região não se alinharia com a borda correspondente da região central. Além disso, a espessura de cada linha varia de uma maneira específica. Seria fácil descrever as espessuras variadas e os não alinhados como as lacunas entre as sete regiões azuis. Mas se você tentasse descrever como as linhas alteravam a espessura, seria difícil. Isso faria as linhas brancas parecerem mais uma imagem de fundo,

Por fim, você pode alterar a borda do seu logotipo para que não seja um círculo perfeito. O arco que descreve a parte externa de cada região externa não precisa ser centralizado no centro do círculo. Você poderia desenhar qualquer outro círculo pelos dois cantos da região e ainda obteria uma imagem simétrica se fizesse a mesma alteração nas três regiões externas. Isso faria com que a forma azul geral fizesse menos sentido como pano de fundo.


0

insira a descrição da imagem aqui

Faça a peça azul para ter uma aparência 3D adequada. Isso é extrudado e o ângulo de visão está a alguns graus de diferença. O resultado também é utilizável em BW.


muito snazzy, mas não resolve o problema de percepção. Ainda não estou vendo as "três pétalas / folhas azuis" primeiro. Vejo muitas formas legais separadas por um recorte de trindade. A questão, para mim, é que tudo ainda é da mesma cor. Não há distinção suficiente para separar os "três" de "tudo o resto". Além disso, o OP realmente queria um logotipo minimalista e, apesar de mais bonito, não é "mínimo".
Lauren-Clear-Monica-Ipsum
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.