Come posso posizionare meglio il prodotto su un post sui social media?


10

(Il logo nell'angolo e l'etichetta del prodotto sono nascosti per motivi di privacy)

Quando ho finalizzato il design, ho avuto il feedback che il prodotto (la cosa grigia in basso a sinistra) non si adattava bene . (Immagine 1). Quindi l'ho posizionato poco sopra (Immagine 2). Sembrava migliore, ho comunque ricevuto feedback sul fatto che fluttua nell'aria .

Quindi credo che ci sia qualcosa di sbagliato e non so come posso ripararlo. È un purificatore d'aria. Deve essere posizionato a sinistra e dovrebbe apparire migliore di queste opzioni. Cosa si può fare?

Inoltre, puoi suggerire anche un altro modo possibile, se non vuoi posizionarlo solo a sinistra. Ma la priorità è a sinistra, perché il nome del prodotto è citato da quella parte.

inserisci qui la descrizione dell'immagine

PS: Inoltre, generalmente chiedendo, cos'altro vedi di sbagliato e può essere migliorato per renderlo più estetico?


2
Deve includere l'odiosa "mi piace, condividi, commenta, favorisci, fai tutto o altro"?
Fabian Röling,

La prima cosa che mi colpisce è che hai una piccola icona che assomiglia al retro di un iPhone accanto alle parole "mi piace, commenta e condividi", e presumo che mi stia chiedendo di interagire usando il mio telefono. Forse con il logo lì non sarebbe il caso, ma sospetto che lo sarebbe ancora.
OGHaza,

Risposte:


18

Ho la sensazione che stai rispondendo alla tua domanda, forse inconsciamente.

Prova a vedere l'ordine di lettura:

ordine di lettura

Conoscendo l'ordine di lettura occidentale è dall'alto verso il basso, da sinistra a destra, l'occhio del lettore cercherà di seguire quel percorso.

C'è un oggetto che per primo attira l'attenzione dell'occhio: la foto della ragazza. Con la tendenza a partire dall'alto verso il basso, il nostro occhio andrà immediatamente all'inizio del titolo, specialmente per le dimensioni, insieme al senso e al colore della lettura.

Dopo la fermata sul logo, il modo visivo scende e infine a sinistra, dove si trovano la bolla arancione e il prodotto. Tutti gli elementi nella parte inferiore sono assorbiti dall'immagine, perché interpretati come il terreno. Ecco perché, nel senso della lettura, sono relegati fino alla fine.


Se eseguiamo l'esercizio con forme base è più chiaro:

inserisci qui la descrizione dell'immagine

C'è un grande oggetto centrale che punta al titolo come una forma di freccia triangolare. Seguendo il senso della lettura, gli oggetti in alto e da lì in basso.


Dall'altro lato c'è lo svantaggio che il prodotto è grigio chiaro, il colore che contrasta meno nell'intera composizione.

L'esercizio a colori mostra come il contrasto gioca sul prodotto. Immagina qualcuno che prova a ricordare i colori dopo aver visto l'aggiunta per un minuto: il prodotto non esiste.

colori

Se questo fosse il mio lavoro, cambierei il colore dei pantaloni della ragazza per eliminare un colore dominante e irrilevante. Con questo semplice cambiamento (ammorbidendo anche il verde della pianta posteriore), il prodotto acquisisce maggiore presenza:

inserisci qui la descrizione dell'immagine

Infine, perché penso che tu abbia risposto alla tua domanda, hai posizionato il numero di immagini sul luogo di maggiore rilevanza visiva, in modo che chiunque legga la tua domanda la veda chiaramente. A metà strada tra l'inizio dell'ordine di lettura e l'elemento principale dopo la foto, il titolo. Il miglior sito in tutta la composizione per posizionare il prodotto.

inserisci qui la descrizione dell'immagine

A differenza del secondo esempio, in cui il prodotto sta levitando, fluttuando nell'aria , qui verrà appeso al muro.

Dove metteresti un orologio in questa scena?

Orologio

Inserisci dopo il commento

Seguo l'esempio dell'orologio.

Supponiamo che gli utenti non abbiano visto quel prodotto. Leggeranno il testo "POCKET AIR PURIFIER" e potrebbero non sapere che il prodotto è nella foto. Potrebbero pensare che sia solo una parte dell'immagine di sfondo.

Gli unici elementi che competono visivamente con l'orologio in quella posizione sono gli oggetti situati dietro il modello. Il lettore crea inconsciamente la prospettiva e definisce uno sfondo in cui tutto si trova sul muro allo stesso livello. Dobbiamo trovare un modo in cui il resto degli elementi passi dietro l'orologio , non letteralmente ma visivamente dietro.

Ecco un esempio di sfocatura dello sfondo completamente. È qualcosa di irreale, perché l'orologio sarebbe sospeso tra la parete posteriore e la ragazza, ma un'ottima risorsa visiva per evidenziare ancora di più il prodotto. Dall'altro lato, la sfocatura dello sfondo crea un effetto di pulizia del rumore .

sfocatura dello sfondo

Seconda modifica:

Perché il prodotto vola in aria?

inserisci qui la descrizione dell'immagine

Il prodotto deve trovarsi da qualche parte nell'intera composizione, nella progettazione grafica non devi piacere a tutti, ma trova la risposta giusta per definire perché tutto è al suo posto. Penso che tutta questa risposta ti dia abbastanza motivi per giustificare la posizione del prodotto. Se il prodotto fosse l'orologio, potresti pensare alla posizione dell'ultima foto, seguendo la doppia guida virtuale generata dalle maniche e dal colletto della maglietta modello e dalle sue spalle (1). Ma sfortunatamente il tuo prodotto non ha molta presenza visiva, quindi devi dare un posto predominante all'intera composizione, ecco perché è nel posto centrale con l'ampio spazio vuoto intorno.

(1) - C'è una percezione indiretta associata a questa posizione: il prodotto sano è in linea con il cuore.


Cosa risponderesti a questo: perché hai messo una ragazza invece di un elefante?

Bene, lo stesso ragionamento che faresti per questa risposta, dovresti farlo per rispondere sulla posizione del prodotto.


1
I tuoi suggerimenti sono eccellenti. Mi è piaciuta la tua idea sul flusso e sui colori dominanti. Lo farà sicuramente. Ora, il problema principale era il prodotto. Supponiamo che gli utenti non abbiano visto quel prodotto. Leggeranno il testo "POCKET AIR PURIFIER" e potrebbero non sapere che il prodotto è nella foto. Potrebbero pensare che sia solo una parte dell'immagine di sfondo. Il punto per mantenere il testo nelle vicinanze del prodotto era solo questo. (Mi piace il tuo posizionamento del prodotto proprio come un orologio). Che ne dici?
Vikas,

1
Risposta aggiornata

1
Risposta aggiornata II (l'ultima :-))

1
Personalmente penso che un'ombra aggiunga sporco, rumore. Ti assicuro che il tuo prodotto non ne ha bisogno.

3
Lol, credo che anni di esperienza. Cerca la bibliografia della percezione visiva. Uno dei classici è Art and Visual Perception di Rudolph Arnheim.

13

Personalmente, non farò mai affidamento sull'angolo in basso a sinistra di una pubblicità per trasmettere qualcosa . È una zona morta, facilmente dimenticata o trascurata dallo spettatore.

Forse, per sbaglio, ho la sensazione che potrebbero esserci più immagini di quelle mostrate dai tuoi campioni. In caso contrario, potrebbe essere semplicemente dovuto all'utilizzo nei campioni.

Cercare di forzare l'angolo in basso a sinistra per essere visto e letto / ricordato, per me, spesso getta qualcosa di sbilanciato. Le cose non "sembrano" corrette se c'è un vero contenuto di testo nell'angolo in basso a sinistra. Cerco di attenermi agli elementi visivi solo per l' angolo in basso a sinistra di qualsiasi cosa, non digitare mai oggetti.

Posizionando il contenuto esplicativo sopra gli elementi Call to Action (CTA), presenti un'azione diretta e memorabile ... vinci .. fai clic qui ...

Inoltre, visivamente ...

  • le braccia della donna guidano lo spettatore in un cerchio in senso orario durante la lettura.
  • Allontanano immediatamente l'occhio fino al titolo
  • leggendo da destra a sinistra, si colpisce il contenuto esplicativo
  • L'icona / immagine che si trova sopra la casella di testo attira l'attenzione su quel testo
  • Posizionando l'immagine / icona sul lato destro del riquadro, si dice all'occhio di spostarsi a sinistra
  • Quindi l'occhio si sposta verso il CTA
  • Quindi il suo braccio sinistro porta di nuovo l'occhio a sinistra.

Un cerchio in senso orario è sempre una buona cosa.

inserisci qui la descrizione dell'immagine

Tiraggio molto approssimativo.

Io possa cercare un'immagine diversa "yoga / meditazione-style", però. Uno con un post che sembra anche rilassante, tuttavia ha anche una maggiore spinta verso l'alto e a sinistra.

Per esempio...

inserisci qui la descrizione dell'immagine

Forse non questa foto in particolare (era solo una ricerca di Google per 15 secondi) .... ma qualcosa con un'angolazione simile. 3/4 di vista sono sempre più interessante per me rispetto alle foto di fronte a fronte di persone - tendono a tirare lo spettatore nella foto in un modo sottile.


Qualche motivo specifico per cambiare il colore della bolla BG? Come ho commentato sulla risposta di @danielillo, per favore risponderesti (forse qui)?
Vikas,

1
Usando lo stesso colore per gli oggetti primari, in qualche modo trascina l'occhio lungo ... salutare .... commenta e vinci ... condividi .. Potrei anche cambiare "MANTENERE", o anche "MANTENERE ME SANO" tutto verde acqua. Dovrei testare visivamente per essere sicuro.
Scott,

Mi dispiace non l'ho capito. Stessi colori di cosa?
Vikas,

1
Guidi l'occhio attraverso il colore ... verde acqua "salute" ... verde acqua "Vinci" ... verde acqua "condividi"
Scott

1
Bene, ho imparato tutto al college, decenni fa. Quindi ho semplicemente acquisito una base più solida attraverso anni di esperienza. Oggi non saprei dove cercare libri o risorse.
Scott,

0

Dagli un pavimento di vetro! 1, spostare il prodotto in posizione apparente. passo 1 2, un pavimento di vetro, usa il rettangolo rettangolare, dagli una piuma per renderlo fluido. passo 2 3, con quella selezione, crea un livello di curva, rendilo sottile come il vetro, ai fini di questo post lo rendo evidente. step3 4, ctrl + G per renderlo in un gruppo, aggiungere una maschera di livello, mascherare la persona e il suo prodotto, per renderlo prospettiva. step4 5, torna alla maschera di vetro, ctrl + T fai qualcosa di prospettiva e scala. step5 6, un'ombra: selezionare il prodotto nel livello di sfondo, creare un livello superiore della curva, renderlo scuro e ctrl + T per adattarlo alla posizione corretta (dalla persona che si vede l'origine della luce è un po 'da sinistra). step6 7, ctrl + G per farlo in un gruppo, aggiungere una maschera, mascherare il prodotto stesso, forse sfocare un po 'il bordo. inserisci qui la descrizione dell'immagine Tutto fatto! Si tratta di sottigliezza: torna indietro per regolare la luminosità del vetro e delle ombre.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.