Como posso colocar o produto em uma postagem de mídia social melhor?


10

(O logotipo no canto e a etiqueta do produto estão ocultos por motivos de privacidade)

Quando finalizei o design, recebi o feedback de que o produto (a coisa cinza no canto inferior esquerdo) não estava se encaixando bem . (Imagem 1). Então eu coloquei pouco acima (Imagem 2). Parecia melhor, ainda assim recebi feedback de que está flutuando no ar .

Então, acredito que há algo errado e não sei como consertá-lo. É um purificador de ar. Ele deve ser colocado à esquerda e deve parecer melhor do que essas opções. O que pode ser feito?

Além disso, você também pode sugerir outra maneira possível, se não quiser colocá-lo apenas à esquerda. Mas a prioridade fica do lado esquerdo, porque o nome do produto é mencionado nesse lado.

insira a descrição da imagem aqui

PS: Além disso, geralmente perguntando, o que mais você vê de errado e pode ser melhorado para torná-lo mais estético?


2
Ele precisa incluir as coisas desagradáveis ​​de "curtir, compartilhar, comentar, favorito, fazer tudo ou mais"?
Fabian Röling 28/04/19

A primeira coisa que me impressiona é que você tem um pequeno ícone que se parece com a parte de trás de um iPhone ao lado das palavras "curtir, comentar e compartilhar", e presumo que ele esteja me pedindo para interagir usando meu telefone. Talvez com o logotipo não fosse esse o caso, mas suspeito que ainda seria.
OGHaza

Respostas:


18

Sinto que você está respondendo sua pergunta, talvez inconscientemente.

Tente ver a ordem de leitura:

ordem de leitura

Sabendo que a ordem de leitura ocidental é de cima para baixo, da esquerda para a direita, o olho do leitor tentará seguir esse caminho.

Há um objeto que primeiro chama a atenção dos olhos: a foto da menina. Com a tendência de começar de cima para baixo, nossos olhos vão imediatamente para o início do título, especialmente pelo tamanho, juntamente com o sentido e a cor da leitura.

Após a parada no logotipo, o caminho visual desce e finalmente sai, onde estão a bolha laranja e o produto. Todos os elementos na parte inferior são absorvidos pela imagem, porque são interpretados como o solo. Por isso, no sentido da leitura, eles são relegados até o fim.


Se fizermos o exercício com formas básicas, fica mais claro:

insira a descrição da imagem aqui

Há um grande objeto central apontando para o título como uma forma de seta triangular. Seguindo o sentido da leitura, os objetos superiores e de lá para baixo.


Por outro lado, há a desvantagem de o produto ser cinza claro, a cor que menos contrasta em toda a composição.

O exercício de cores mostra como o contraste se compara ao produto. Imagine alguém tentando se lembrar das cores depois de ver a adição por um minuto: o produto não existe.

cores

Se esse fosse o meu trabalho, eu mudaria a cor das calças da menina para eliminar uma cor dominante e irrelevante. Com essa mudança simples (também suavizando o verde da planta traseira), o produto ganha mais presença:

insira a descrição da imagem aqui

Finalmente, por que acho que você respondeu à sua pergunta, você colocou o número das imagens no lugar de maior relevância visual, para que quem lê sua pergunta a veja claramente. A meio caminho entre o início da ordem de leitura e o elemento principal após a foto, o título. O melhor site em toda a composição para colocar o produto.

insira a descrição da imagem aqui

Ao contrário do segundo exemplo, onde o produto está levitando, flutuando no ar , aqui ele será pendurado na parede.

Onde você colocaria um relógio nessa cena?

Relógio

Inserir após o comentário

Eu sigo com o exemplo do relógio.

Suponha que os usuários não tenham visto esse produto. Eles lerão o texto "POCKET AIR PURIFIER" e talvez não saibam que o produto está na imagem. Eles podem pensar que é apenas parte da imagem de fundo.

Os únicos elementos que competem visualmente com o relógio nessa posição são os objetos localizados atrás do modelo. O leitor inconscientemente cria a perspectiva e define um pano de fundo onde tudo está localizado na parede no mesmo nível. Precisamos encontrar uma maneira de o resto dos elementos ficar atrasado , não literalmente, mas visualmente atrasado.

Aqui está um exemplo que desfoca o fundo completamente. É algo irreal, porque o relógio estaria pendurado entre a parede traseira e a garota, mas um recurso visual muito bom para destacar ainda mais o produto. Por outro lado, desfocar o fundo cria um efeito de limpeza de ruído .

desfoque de fundo

Segunda edição:

Por que o produto está voando no ar?

insira a descrição da imagem aqui

O produto deve estar em algum lugar de toda a composição; no design gráfico, você não precisa agradar a todos, mas encontre a resposta certa para definir por que tudo está no seu lugar. Eu acho que toda essa resposta fornece razões suficientes para justificar a posição do produto. Se o produto era o relógio, você pode pensar na localização da última foto, seguindo o duplo guia virtual gerado pelas mangas e gola da camiseta modelo e pelos ombros (1). Mas, infelizmente, o seu produto não tem muita presença visual, então você deve dar um lugar predominante em toda a composição, por isso está no lugar central, com o grande espaço em branco ao redor.

(1) - Existe uma percepção indireta associada a essa posição: o produto saudável está alinhado com o coração.


O que você responderia a isso: por que você colocou uma garota em vez de um elefante?

Bem, o mesmo raciocínio que você faria para esta resposta, deveria fazê-lo para responder sobre a posição do produto.


11
Suas sugestões são excelentes. Gostei da sua ideia sobre fluxo e cores dominantes. Certamente fará isso. Agora, o principal problema era o produto. Suponha que os usuários não tenham visto esse produto. Eles lerão o texto "POCKET AIR PURIFIER" e talvez não saibam que o produto está na imagem. Eles podem pensar que é apenas parte da imagem de fundo. O ponto para manter o produto próximo ao texto era apenas isso. (Gosto da sua colocação do produto como um relógio). O que você disse?
Vikas

11
Resposta atualizada.

11
Resposta atualizada II (o último :-))

11
Pessoalmente, acho que uma sombra acrescenta sujeira, barulho. Garanto que seu produto não precisa disso.

3
Lol, anos de experiência, eu acho. Procure bibliografia de percepção visual. Um dos clássicos é Arte e percepção visual de Rudolph Arnheim.

13

Pessoalmente, nunca vou confiar no canto inferior esquerdo de um anúncio para transmitir nada . É uma zona morta, facilmente esquecida ou esquecida pelo espectador.

Eu, talvez por engano, tenho a sensação de que pode haver mais imagens do que o que suas amostras mostram. Caso contrário, pode ser apenas devido ao uso em suas amostras.

Tentar forçar o canto inferior esquerdo a ser visto e lido / lembrado, para mim, muitas vezes joga algo fora de equilíbrio. As coisas simplesmente não "parecem" corretas se houver conteúdo de texto real no canto inferior esquerdo. Eu tento manter o visual apenas no canto inferior esquerdo de qualquer coisa, nunca digito objetos.

Ao colocar o conteúdo explicativo acima dos itens da chamada à ação (CTA), você apresenta uma ação direta e memorável ... ganhe isso .. clique aqui ...

Além disso, visualmente ...

  • os braços da mulher conduzem o espectador em um círculo no sentido horário ao ler.
  • Eles imediatamente puxam o olho para a manchete
  • lendo da direita para a esquerda, você acessa o conteúdo explicativo
  • O ícone / imagem acima da caixa de texto chama a atenção para esse texto
  • Colocar a imagem / ícone no lado direito da caixa indica ao olho para mover para a esquerda
  • Então o olho desce para o CTA
  • Então o braço esquerdo leva o olho para a esquerda novamente.

Um círculo no sentido horário é sempre uma coisa boa.

insira a descrição da imagem aqui

Rascunho muito áspero.

No entanto, posso procurar uma imagem "estilo de ioga / meditação" diferente. Um com um post que também parece relaxante, mas também tem mais puxões para cima e para a esquerda.

Por exemplo...

insira a descrição da imagem aqui

Talvez não esta foto especificamente (foi apenas uma pesquisa de 15 segundos no Google) ... mas algo com um ângulo semelhante. As vistas de 3/4 são sempre mais interessantes para mim do que fotos de pessoas de frente - elas tendem a atrair o espectador para a imagem de maneira sutil.


Algum motivo específico para alterar a cor BG da bolha? Como já comentei a resposta @danielillo, responda a ela (talvez aqui)?
Vikas

11
Ao usar a mesma cor para itens primários, isso arrasta um pouco os olhos ... saudável ... comente e ganhe ... compartilhe ... Eu também posso mudar "KEEP", ou mesmo "KEEP MEIELF HEALTHY all all teal". Eu teria que testar visualmente para ter certeza.
Scott

Desculpe, eu não entendi. Mesmas cores do que?
Vikas

11
Você lidera o olho através de cor .. teal "saúde" ... teal "Win" ... teal "share"
Scott

11
Bem, eu aprendi tudo na faculdade, décadas atrás. Então, apenas ganharam uma base mais sólida ao longo de anos de experiência. Eu não saberia onde procurar livros ou recursos hoje.
Scott

0

Dê um piso de vidro! 1, mova o produto para a posição aparente. passo 1 2, um piso de vidro, use a marca retangel, aplique uma pena para torná-la fluente. passo 2 3, com essa seleção, crie uma camada curva, torne-a sutil como vidro, para os fins deste post, eu a deixo aparente. etapa 3 4, ctrl + G para formar um grupo, adicionar uma máscara de camada, mascarar a pessoa e o produto em si, para torná-lo em perspectiva. Passo 4 5, volte para a máscara da camada de vidro, ctrl + T faça alguma coisa de perspectiva e escala. step5 6, uma sombra: selecione o produto na camada de segundo plano, faça uma camada superior da curva, faça-a escura e pressione Ctrl + T para ajustá-la à posição correta (da pessoa que você pode ver a fonte de luz fica meio à esquerda). step6 7, ctrl + G para formar um grupo, adicionar uma máscara, mascarar o produto em si, talvez desfocar um pouco a borda. insira a descrição da imagem aqui Tudo feito! É tudo uma questão de sutileza - volte para ajustar o brilho do vidro e das sombras.

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.