Comment puis-je mieux placer le produit sur une publication sur les réseaux sociaux?


10

(Le logo dans le coin et l'étiquette du produit sont cachés pour des raisons de confidentialité)

Lorsque j'ai finalisé le design, j'ai eu la rétroaction que le produit (la chose grise en bas à gauche) ne convenait pas bien . (Image 1). Je l'ai donc placé un peu au-dessus (Image 2). Cela avait l'air mieux, j'ai quand même eu des commentaires selon lesquels il flottait dans l'air .

Je pense donc qu'il y a quelque chose qui ne va pas et je ne sais pas comment le réparer. C'est un purificateur d'air. Il doit être placé à gauche et devrait être meilleur que ces options. Ce qui peut être fait?

En outre, vous pouvez également suggérer une autre manière possible, si vous ne souhaitez pas la placer uniquement à gauche. Mais la priorité est à gauche, car le nom du produit est mentionné sur ce côté.

entrez la description de l'image ici

PS: En outre, en général, que pensez-vous d'autre de mal et que pouvez-vous améliorer pour le rendre plus esthétique?


2
Doit-il inclure les trucs odieux "comme, partager, commenter, favori, tout faire ou autre"?
Fabian Röling

La première chose qui me frappe, c'est que vous avez une petite icône qui ressemble à l'arrière d'un iPhone à côté des mots "comme, commenter et partager", et je suppose que cela me demande d'interagir avec mon téléphone. Peut-être qu'avec le logo là-bas, ce ne serait pas le cas, mais je pense que ça le serait toujours.
OGHaza

Réponses:


18

J'ai l'impression que vous répondez à votre question, peut-être inconsciemment.

Essayez de voir l'ordre de lecture:

ordre de lecture

Sachant que l'ordre de lecture occidental est de haut en bas, de gauche à droite, l'œil du lecteur tentera de suivre ce chemin.

Il y a un objet qui attire d'abord l'attention: l'image de la fille. Avec la tendance à partir du haut vers le bas, notre œil va immédiatement au début du titre, spécialement par la taille, avec le sens de lecture et la couleur.

Après l'arrêt au logo, puis le chemin visuel descend et enfin à gauche, où se trouvent la bulle orange et le produit. Tous les éléments du bas sont absorbés par l'image, car ils sont interprétés comme le sol. C'est pourquoi, au sens de la lecture, ils sont relégués à la fin.


Si nous faisons l'exercice avec des formes de base, c'est plus clair:

entrez la description de l'image ici

Il y a un grand objet central pointant vers le titre sous la forme d'une flèche triangulaire. En suivant le sens de la lecture, les objets du haut, et de là vers le bas.


De l'autre côté, il y a l'inconvénient que le produit est gris clair, la couleur qui contraste moins dans toute la composition.

L'exercice de couleur montre comment le contraste joue avec le produit. Imaginez quelqu'un essayant de se souvenir des couleurs après avoir vu la publicité pendant une minute: le produit n'existe pas.

couleurs

Si c'était mon travail, je changerais la couleur du pantalon de la fille pour éliminer une couleur dominante et non pertinente. Avec ce simple changement (adoucissant également le vert de la plante arrière), le produit gagne en présence:

entrez la description de l'image ici

Enfin, pourquoi je pense que vous avez répondu à votre question, vous avez placé le numéro des images à l'endroit le plus pertinent visuellement, de sorte que celui qui lit votre question le voit clairement. À mi-chemin entre le début de l'ordre de lecture et l'élément principal après la photo, le titre. Le meilleur site dans toute la composition pour placer le produit.

entrez la description de l'image ici

Contrairement au deuxième exemple, où le produit est en lévitation, flottant dans l'air , ici il sera accroché au mur.

Où mettriez-vous une horloge dans cette scène?

L'horloge

Insérer après le commentaire

Je poursuis avec l'exemple de l'horloge.

Supposons que les utilisateurs n'aient pas vu ce produit. Ils liront le texte "POCKET AIR PURIFIER" et ne sauront peut-être pas que le produit est en photo. Ils pourraient penser que ce n'est qu'une partie de l'image d'arrière-plan.

Les seuls éléments qui rivalisent visuellement avec l'horloge dans cette position sont les objets situés derrière le modèle. Le lecteur crée inconsciemment la perspective et définit un arrière-plan où tout est situé sur le mur au même niveau. Nous devons trouver un moyen pour que le reste des éléments se place derrière l'horloge , pas littéralement mais visuellement derrière.

Voici un exemple floutant complètement l'arrière-plan. C'est quelque chose d'irréel, car l'horloge serait accrochée entre le mur du fond et la fille, mais une très bonne ressource visuelle pour mettre encore plus en valeur le produit. De l'autre côté, le flou de l'arrière-plan crée un effet antibruit .

flou d'arrière-plan

Deuxième montage:

Pourquoi le produit vole-t-il dans les airs?

entrez la description de l'image ici

Le produit doit être quelque part dans toute la composition, dans la conception graphique, vous n'avez pas à plaire à tout le monde, mais trouvez la bonne réponse pour définir pourquoi tout est à sa place. Je pense que toute cette réponse vous donne suffisamment de raisons pour justifier la position du produit. Si le produit était l'horloge, vous pourriez penser à l'emplacement de la dernière photo, en suivant le double guide virtuel généré par les manches et le col du modèle T-shirt et ses épaules (1). Mais malheureusement, votre produit n'a pas beaucoup de présence visuelle, vous devez donc donner une place prédominante dans toute la composition, c'est pourquoi il est à la place centrale avec le grand espace vide autour.

(1) - Il y a une perception indirecte associée à cette position: le produit sain est en ligne avec le cœur.


Que répondriez-vous à cela: pourquoi avez-vous mis une fille au lieu d'un éléphant?

Eh bien, le même raisonnement que vous feriez pour cette réponse, vous devriez le faire pour répondre sur la position du produit.


1
Vos suggestions sont excellentes. J'ai bien aimé votre idée du flow et des couleurs dominantes. Fera sûrement ça. Maintenant, le principal problème était le produit. Supposons que les utilisateurs n'aient pas vu ce produit. Ils liront le texte "POCKET AIR PURIFIER" et ne sauront peut-être pas que le produit est en photo. Ils pourraient penser que ce n'est qu'une partie de l'image d'arrière-plan. Le point de garder le texte du produit à proximité n'était que cela. (J'aime votre placement de produit comme une montre). Que dis-tu?
Vikas

1
Réponse mise à jour.

1
Réponse mise à jour II (la dernière :-))

1
Personnellement, je pense qu'une ombre ajoute de la saleté, du bruit. Je vous assure que votre produit n'a besoin de rien de tout cela.

3
Lol, des années d'expérience, je suppose. Recherchez une bibliographie sur la perception visuelle. L'un des classiques est l' Art et la perception visuelle de Rudolph Arnheim.

13

Personnellement, je ne compterai jamais sur le coin inférieur gauche d'une publicité pour transmettre quoi que ce soit . C'est une zone morte, facilement oubliée ou négligée par le spectateur.

J'ai peut-être l'impression, à tort, qu'il peut y avoir plus d'images que ce que montrent vos échantillons. Sinon, cela peut être simplement dû à l'utilisation dans vos échantillons.

Essayer de forcer le coin inférieur gauche à être vu et lu / mémorisé, pour moi, jette souvent quelque chose de déséquilibré. Les choses ne se "sentent" pas correctement s'il y a du contenu textuel dans le coin inférieur gauche. J'essaie de m'en tenir aux visuels uniquement pour le coin inférieur gauche de quoi que ce soit, ne tape jamais d'objets.

En plaçant le contenu explicatif au-dessus des éléments de l'Appel à l'Action (CTA), vous présentez une action directe et mémorable ... gagnez ceci .. cliquez ici ...

De plus, visuellement ...

  • les bras de la femme conduisent le spectateur dans un cercle dans le sens des aiguilles d'une montre lors de la lecture.
  • Ils tirent immédiatement l'œil vers le titre
  • lire de droite à gauche, vous frappez le contenu explicatif
  • L'icône / l'image au-dessus de la zone de texte attire l'œil sur ce texte
  • Placer l'image / l'icône sur le côté droit de la boîte indique à l'œil de se déplacer vers la gauche
  • Ensuite, l'œil descend vers le CTA
  • Puis son bras gauche conduit à nouveau l'œil vers la gauche.

Un cercle dans le sens horaire est toujours une bonne chose.

entrez la description de l'image ici

Tirant d'eau très rugueux.

Je peux cependant rechercher une autre image de "style yoga / méditation". L'un avec un poste qui semble également relaxant, a également plus de traction vers le haut et vers la gauche.

Par exemple...

entrez la description de l'image ici

Peut-être pas cette photo en particulier (c'était seulement une recherche Google de 15 secondes) .... mais quelque chose avec un angle similaire. Les vues 3/4 sont toujours plus intéressantes pour moi que les photos de face de personnes - elles ont tendance à attirer le spectateur dans l'image d'une manière subtile.


Une raison spécifique pour changer la couleur BG de la bulle? Comme j'ai commenté la réponse de @danielillo, pourriez-vous s'il vous plaît y répondre (peut-être ici)?
Vikas

1
En utilisant la même couleur pour les articles primaires, cela traîne un peu l'œil le long ... sain .... commenter et gagner ... partager .. Je pourrais aussi changer "GARDER", ou même "GARDER MOI EN SANTÉ" tout sarcelle .. Je devrais tester visuellement pour être certain.
Scott

Désolé de ne pas l'avoir compris. Mêmes couleurs de quoi?
Vikas

1
Vous dirigez l'œil via la couleur .. sarcelle "santé" ... sarcelle "Win" ... sarcelle "partage"
Scott

1
Eh bien, j'ai tout appris au collège, il y a des décennies. Ensuite, ils ont simplement acquis une assise plus solide grâce à des années d'expérience. Je ne saurais pas où chercher des livres ou des ressources aujourd'hui.
Scott

0

Donnez-lui un plancher de verre! 1, déplacez le produit en position apparente. étape 1 2, un sol en verre, utilisez un chapiteau rectangulaire, donnez-lui une plume pour le rendre fluide. étape 2 3, avec cette sélection, créez un calque courbe, rendez-le subtil comme du verre, pour les besoins de ce message, je le rend évident. étape 3 4, ctrl + G pour le faire dans un groupe, ajoutez un masque de calque, masquez la personne et produisez-le, pour le mettre en perspective. étape 4 5, revenez au masque de calque de verre, ctrl + T faites une perspective et une chose à l'échelle. step5 6, une ombre: sélectionnez le produit dans le calque d'arrière-plan, créez un calque supérieur, assombrissez-le et ctrl + T pour l'adapter à la bonne position (de la personne que vous pouvez voir la source de lumière est un peu de gauche). étape 6 7, ctrl + G pour le faire dans un groupe, ajouter un masque, masquer le produit lui-même, peut-être flouter un peu le bord. entrez la description de l'image ici Terminé! Tout est question de subtilité - revenez en arrière pour régler la luminosité du verre et des ombres.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.