Jak mogę lepiej umieścić produkt w poście w mediach społecznościowych?


10

(Logo w rogu i etykieta produktu jest ukryta ze względu na prywatność)

Kiedy sfinalizowałem projekt, otrzymałem informację, że produkt (szara rzecz w lewym dolnym rogu) nie pasuje dobrze . (Zdjęcie 1). Więc umieściłem to trochę wyżej (zdjęcie 2). Wyglądało to lepiej, wciąż dostaję informację, że unosi się w powietrzu .

Więc wierzę, że coś jest nie tak i nie wiem, jak to naprawić. To oczyszczacz powietrza. Musi być umieszczony po lewej stronie i powinien wyglądać lepiej niż te opcje. Co można zrobić?

Możesz również zasugerować inny możliwy sposób, jeśli nie chcesz umieszczać go tylko po lewej stronie. Ale priorytetem jest lewa strona, ponieważ nazwa produktu jest wymieniona po tej stronie.

wprowadź opis zdjęcia tutaj

PS: Poza tym, ogólnie pytając, co jeszcze widzisz źle i które można poprawić, aby było bardziej estetyczne?


2
Czy musi zawierać wstrętne „lubić, dzielić się, komentować, ulubione, robić wszystko albo jeszcze”?
Fabian Röling,

Pierwszą rzeczą, która mnie uderza, jest to, że obok słów „polub, komentuj i udostępnij” masz małą ikonę, która wygląda jak tył iPhone'a, i zakładam, że prosi mnie o interakcję za pomocą telefonu. Może z logo tam nie byłoby, ale podejrzewam, że nadal tak będzie.
OGHaza,

Odpowiedzi:


18

Mam wrażenie, że odpowiadasz na twoje pytanie, może nieświadomie.

Spróbuj zobaczyć kolejność czytania:

kolejność czytania

Znając zachodnią kolejność czytania od góry do dołu, od lewej do prawej, oko czytelnika będzie próbowało podążać tą ścieżką.

Istnieje obiekt, który najpierw zwraca uwagę oczu: zdjęcie dziewczyny. Z tendencją do rozpoczynania od góry do dołu, nasze oko natychmiast przechodzi do początku tytułu, szczególnie według wielkości, wraz z wyczuciem czytania i kolorem.

Po zatrzymaniu się na logo, wizualna droga idzie w dół i wreszcie w lewo, gdzie są pomarańczowe bąbelki i produkt. Wszystkie elementy na dole są absorbowane przez obraz, ponieważ są interpretowane jako ziemia. Dlatego w sensie czytania są relegowani do końca.


Jeśli wykonamy ćwiczenie z podstawowymi kształtami, będzie to bardziej jasne:

wprowadź opis zdjęcia tutaj

Duży centralny obiekt wskazuje na tytuł w kształcie trójkątnej strzałki. Zgodnie z sensem czytania górne obiekty, a stamtąd do dołu.


Z drugiej strony wadą jest jasnoszary produkt, którego kolor mniej kontrastuje w całej kompozycji.

Ćwiczenie z kolorami pokazuje, jak kontrast gra z produktem. Wyobraź sobie, że ktoś próbuje zapamiętać kolory po obejrzeniu dodania przez minutę: produkt nie istnieje.

zabarwienie

Gdyby to była moja praca, zmieniłbym kolor spodni dziewczyny, aby wyeliminować dominujący i nieistotny kolor. Dzięki tej prostej zmianie (również zmiękczającej zieleń rośliny tylnej), produkt zyskuje większą obecność:

wprowadź opis zdjęcia tutaj

Wreszcie, dlaczego myślę, że odpowiedziałeś na swoje pytanie, umieściłeś numer zdjęcia w miejscu o największym znaczeniu wizualnym, aby każdy, kto przeczyta twoje pytanie, zobaczył je wyraźnie. W połowie drogi między początkiem kolejności czytania a głównym elementem po zdjęciu tytuł. Najlepsza strona w całej kompozycji do umieszczenia produktu.

wprowadź opis zdjęcia tutaj

W przeciwieństwie do drugiego przykładu, w którym produkt lewituje, unosi się w powietrzu , tutaj zostanie powieszony na ścianie.

Gdzie umieściłbyś zegar w tej scenie?

Zegar

Wstaw po komentarzu

Podążam za przykładem zegara.

Załóżmy, że użytkownicy nie widzieli tego produktu. Przeczytają tekst „POCKET AIR PURIFIER” i mogą nie wiedzieć, że produkt jest na zdjęciu. Mogą myśleć, że to tylko część obrazu tła.

Jedynymi elementami, które wizualnie konkurują z zegarem w tej pozycji, są obiekty znajdujące się za modelem. Czytelnik nieświadomie tworzy perspektywę i określa tło, w którym wszystko znajduje się na ścianie na tym samym poziomie. Musimy znaleźć sposób, by reszta elementów opóźniła się , nie dosłownie, ale wizualnie.

Oto przykład całkowicie rozmazujący tło. To coś nierzeczywistego, ponieważ zegar wisiałby między tylną ścianą a dziewczyną, ale jest to bardzo dobry zasób wizualny, aby jeszcze bardziej podkreślić produkt. Z drugiej strony, rozmycie tła tworzy efekt usuwania szumu .

rozmycie tła

Druga edycja:

Dlaczego produkt leci w powietrzu?

wprowadź opis zdjęcia tutaj

Produkt musi być gdzieś w całej kompozycji, w grafice nie musisz zadowolić wszystkich, ale znajdź właściwą odpowiedź, aby określić, dlaczego wszystko jest na swoim miejscu. Myślę, że cała ta odpowiedź zawiera wystarczające powody, aby uzasadnić pozycję produktu. Jeśli produktem był zegar, możesz pomyśleć o lokalizacji ostatniego zdjęcia, postępując zgodnie z podwójnym wirtualnym przewodnikiem wygenerowanym przez rękawy i kołnierz modelowej koszulki i jej ramion (1). Ale niestety twój produkt nie ma dużej wizualnej obecności, więc musisz dać dominujące miejsce w całej kompozycji, dlatego jest w centralnym miejscu z dużą pustą przestrzenią wokół.

(1) - Istnieje pośrednia percepcja związana z tą pozycją: zdrowy produkt jest zgodny z sercem.


Co byś na to odpowiedział: dlaczego umieściłeś dziewczynę zamiast słonia?

Cóż, z tego samego powodu, dla którego podałbyś tę odpowiedź, powinieneś to zrobić, aby odpowiedzieć na temat pozycji produktu.


1
Twoje sugestie są doskonałe. Podobał mi się twój pomysł na płynność i dominujące kolory. Z pewnością to zrobię. Teraz głównym problemem był produkt. Załóżmy, że użytkownicy nie widzieli tego produktu. Przeczytają tekst „POCKET AIR PURIFIER” i mogą nie wiedzieć, że produkt jest na zdjęciu. Mogą myśleć, że to tylko część obrazu tła. Chodziło o to, aby tekst produktu w pobliżu był tylko ten. (Podoba mi się twoje umieszczenie produktu tak jak zegarek). Co mówisz?
Vikas

1
Odpowiedź zaktualizowana.

1
Odpowiedź zaktualizowana II (ostatnia :-))

1
Osobiście uważam, że cień dodaje brudu, hałasu. Zapewniam cię, że twój produkt tego nie potrzebuje.

3
Lol, chyba lata doświadczenia. Poszukaj bibliografii percepcji wzrokowej. Jedną z klasyków jest sztuka i percepcja wizualna autorstwa Rudolpha Arnheima.

13

Ja osobiście nigdy nie polegam na lewym dolnym rogu reklamy, aby coś przekazać . To martwa strefa, którą widz może łatwo zapomnieć lub przeoczyć.

Być może omyłkowo mam wrażenie, że może być więcej zdjęć niż to, co pokazują twoje próbki. Jeśli nie, może to wynikać jedynie z użycia próbek.

Próba zmuszenia lewego dolnego rogu do wyświetlenia i odczytania / zapamiętania, dla mnie, często wytrąca z równowagi. Rzeczy po prostu „nie wydają się” poprawne, jeśli w lewym dolnym rogu znajduje się rzeczywista treść tekstowa. Staram się trzymać grafiki tylko w lewym dolnym rogu czegokolwiek, nigdy nie pisz obiektów.

Umieszczając treść objaśniającą nad elementami wezwania do działania (CTA), przedstawiasz bezpośrednie, niezapomniane działanie ... wygraj to ... kliknij tutaj ...

Ponadto wizualnie ...

  • ramiona kobiety prowadzą czytelnika w kierunku zgodnym z ruchem wskazówek zegara podczas czytania.
  • Natychmiast przyciągają oko do nagłówka
  • czytając od prawej do lewej, trafiasz w objaśnienia
  • Ikona / obraz znajdujący się nad polem tekstu przyciąga wzrok do tego tekstu
  • Umieszczenie obrazu / ikony po prawej stronie pola nakazuje oko przesunąć się w lewo
  • Następnie oko przesuwa się w dół do CTA
  • Potem jej lewe ramię znów prowadzi oko w lewo.

Koło zgodnie z ruchem wskazówek zegara jest zawsze dobrą rzeczą.

wprowadź opis zdjęcia tutaj

Bardzo szorstki ciąg.

I może szukać innego „joga / medytacji w stylu” obraz, choć. Jeden z postem, który również wygląda relaksująco, ale ma również więcej przyciągania w górę i w lewo.

Na przykład...

wprowadź opis zdjęcia tutaj

Być może nie to zdjęcie (tylko 15 sekund na wyszukiwanie w Google) .... ale coś o podobnym kącie. Widoki 3/4 są dla mnie zawsze bardziej interesujące niż zdjęcia ludzi z przodu - mają tendencję do subtelnego wciągania widza w obraz.


Czy jest jakiś konkretny powód, aby zmienić kolor BG bańki? Jak skomentowałem odpowiedź @danielillo, czy mógłbyś na nią odpowiedzieć (może tutaj)?
Vikas,

1
Używając tego samego koloru do podstawowych przedmiotów, nieco przyciąga wzrok ... zdrowy ... komentuj i wygrywaj ... dziel się ... Mogę również zmienić „ZACHOWAJ”, a nawet „ZACHOWAJ SIĘ ZDROWE” wszystkie turkusowe .. Musiałbym przetestować wizualnie, aby mieć pewność.
Scott

Przepraszam, nie dostałem tego. Te same kolory czego?
Vikas

1
Prowadzisz oko kolorem .. turkusowy „zdrowie” ... turkusowy „Win” ... turkusowy „udział”
Scott

1
Cóż, nauczyłem się tego wszystkiego na studiach, dekady temu. Dzięki temu zdobyli jedynie solidniejszą pozycję dzięki wieloletniemu doświadczeniu. Nie wiedziałbym dzisiaj, gdzie szukać książek lub zasobów.
Scott

0

Daj mu szklaną podłogę! 1, przenieś produkt do widocznej pozycji. krok 1 2, szklaną podłogę, użyj markizy prostokątnej, daj mu pióro, aby płynnie. krok 2 3, z tym wyborem, utwórz warstwę krzywej, uczyń ją subtelną jak szkło, na potrzeby tego postu uznaję ją za oczywistą. krok 3 4, ctrl + G, aby utworzyć grupę, dodaj maskę warstwy, zamaskuj osobę i produkt itselt, aby uzyskać perspektywę. krok 4 5, wróć do maski warstwy szklanej, ctrl + T zrób perspektywę i skaluj. krok 5 6, cień: wybierz produkt w warstwie tła, ułóż górną warstwę krzywej, przyciemnij, i ctrl + T, aby dopasować ją do właściwej pozycji (od osoby, którą widzisz, źródło światła jest jakby od lewej). krok 6 7, ctrl + G, aby zrobić to w grupie, dodać maskę, zamaskować sam produkt, może trochę rozmyć krawędź. wprowadź opis zdjęcia tutaj Wszystko gotowe! Chodzi o subtelność - wróć, aby wyregulować jasność szkła i cienia.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.