Як я можу краще розмістити продукт у публікації в соціальних мережах?


10

(Логотип у кутку та етикетці товару приховано з міркувань конфіденційності)

Коли я доопрацював дизайн, я отримав відгук про те, що виріб (сіра штука знизу) не відповідає . (Зображення 1). Тож я розмістив його трохи вище (зображення 2). Це виглядало краще, все-таки я отримав відгуки, що він пливе в повітрі .

Тому я вважаю, що щось не так, і я не знаю, як це можна виправити. Це очисник повітря. Він повинен бути розміщений зліва і повинен виглядати краще, ніж ці параметри. Що можна зробити?

Також ви можете запропонувати інший можливий спосіб, якщо ви не хочете розміщувати його лише зліва. Але пріоритет - ліва сторона, оскільки назва продукту згадується на цій стороні.

введіть тут опис зображення

PS: Крім того, зазвичай, запитуючи, що ще ви вважаєте неправильним і що можна вдосконалити, щоб зробити це естетичнішим?


2
Чи повинен він включати неприємні речі "як, поділитися, коментувати, улюблене, робити все чи інше"?
Фабіан Рьолінг,

Перше, що мене вражає, - це те, що у вас є маленький значок, схожий на задню частину iPhone поруч із написом "як, коментуй та діліться", і я припускаю, що він просить мене взаємодіяти за допомогою свого телефону. Можливо, з логотипом там би це не було, але я підозрюю, що все одно це буде.
OGHaza

Відповіді:


18

У мене є відчуття, що ви відповідаєте на своє запитання, можливо, несвідомо.

Спробуйте переглянути порядок читання:

порядок читання

Знаючи західний порядок читання - зверху вниз, зліва направо, око читача спробує пройти цей шлях.

Є предмет, який першим викликає увагу очей: малюнок дівчини. З тенденцією починати зверху вниз, наше око одразу переходить до початку заголовка, спеціально за розміром, разом із відчуттям читання та кольором.

Після зупинки біля логотипу візуальний шлях опускається вниз і, нарешті, вліво, де стоїть помаранчевий міхур і виріб. Усі елементи внизу поглинаються малюнком, тому що вони трактуються як земля. Ось чому в сенсі читання вони відсуваються до кінця.


Якщо ми зробимо вправу з основними фігурами, це зрозуміліше:

введіть тут опис зображення

Є великий центральний об’єкт, що вказує на назву у вигляді трикутної форми стрілки. Слідом за читанням, зверху об’єкти, а звідти вниз.


З іншого боку є недолік, що виріб світло-сірий, колір менш контрастний у всій композиції.

Кольорова вправа показує, як контраст грає на продукт. Уявіть, що хтось намагається запам'ятати кольори, побачивши додаток за хвилину: товару не існує.

кольори

Якби це було моєю роботою, я змінив би колір штанів дівчини, щоб усунути домінуючий і неактуальний колір. Завдяки цій простій зміні (також пом'якшуючи зеленість задньої рослини), продукт набуває більшої присутності:

введіть тут опис зображення

Нарешті, чому я думаю, що ви відповіли на своє запитання, ви поставили номер зображень на місце найбільшої візуальної актуальності, так що той, хто читає ваше запитання, це чітко бачить. На півдорозі між початком порядку читання та основним елементом після фотографії, заголовком. Найкращий сайт у всій композиції для розміщення товару.

введіть тут опис зображення

На відміну від другого прикладу, коли виріб левітає, плаває у повітрі , тут він буде повішений у стіні.

Де ви поставили годинник у цій сцені?

Годинник

Вставити після коментаря

Я слідую на прикладі годинника.

Припустимо, користувачі не бачили цього продукту. Вони прочитають текст "ОЧИЩНИК ПОВІТРЯ ПОВІТРЯ" і можуть не знати, що продукт зображений на зображенні. Вони можуть подумати, що це лише частина фонового зображення.

Єдині елементи, які візуально конкурують з годинником у такому положенні, - це об’єкти, розташовані позаду моделі. Читач несвідомо створює перспективу і визначає фон, де все знаходиться на стіні на одному рівні. Треба знайти спосіб, щоб решта елементів потрапляла за годинником , не буквально, а візуально позаду.

Ось приклад повністю розмиває фон. Це щось нереальне, адже годинник би висів між задньою стінкою і дівчиною, але дуже хороший візуальний ресурс, щоб ще більше виділити виріб. З іншого боку, розмиття фону створює ефект очищення від шуму .

розмиття фону

Друга редакція:

Чому продукт летить у повітрі?

введіть тут опис зображення

Виріб повинен бути десь у всій композиції, в графічному дизайні не потрібно всім радувати, але знайти правильну відповідь, щоб визначити, чому все на своїх місцях. Я думаю, що вся ця відповідь дає достатньо підстав для обгрунтування позиції продукту. Якби виріб був годинником, ви можете подумати про місце останнього малюнка, дотримуючись подвійного віртуального путівника, сформованого рукавами та коміром моделі футболки та її плечей (1). Але, на жаль, ваш виріб не має великої візуальної присутності, тому вам належить віддати переважне місце у всій композиції, тому він знаходиться в центральному місці з великим порожнім простором навколо.

(1) - Існує непряме сприйняття, пов'язане з цією позицією: здоровий продукт відповідає серцю.


Що б ви відповіли на це: чому ви посадили дівчину замість слона?

Ну, ті ж міркування, які ви зробили б для цієї відповіді, ви повинні зробити це, щоб відповісти про позицію продукту.


1
Ваші пропозиції чудові. Мені сподобалось ваше уявлення про течію та домінуючі кольори. Напевно це зроблять. Тепер головною проблемою був продукт. Припустимо, користувачі не бачили цього продукту. Вони прочитають текст "ОЧИЩНИК ПОВІТРЯ ПОВІТРЯ" і можуть не знати, що продукт зображений на зображенні. Вони можуть подумати, що це лише частина фонового зображення. Сенсом тримати текст поруч із текстом було лише це. (Мені подобається ваше розміщення продукту так само, як годинник). Що ти сказав?
Вікас

1
Відповідь оновлено.

1
Відповідь оновлена ​​II (остання :-))

1
Я особисто думаю, що тінь додає бруду, шуму. Запевняю, ваш продукт нічого з цього не потребує.

3
Лол, я думаю, багаторічний досвід. Шукайте бібліографію зорового сприйняття. Одна з класиків - « Мистецтво та візуальне сприйняття » Рудольфа Арнхайма.

13

Я особисто ніколи не буду покладатися на лівий нижній кут реклами, щоб щось передати . Це мертва зона, яку легко забути або не помітити глядач.

Я, можливо, помилково, відчуваю, що зображень може бути більше, ніж те, що показують ваші зразки. Якщо ні, то це може бути лише завдяки використанню у ваших зразках.

Намагаючись змусити нижній лівий кут побачити і прочитати / запам'ятати, для мене часто щось викидає з рівноваги. Якщо в нижньому лівому куті є фактичний текстовий вміст, речі просто "не вважаються правильними". Я намагаюся дотримуватися візуальних зображень лише внизу зліва від будь-чого, ніколи не вводячи об'єкти.

Розміщуючи пояснювальний вміст над пунктами Заклик до дії (CTA), ви представляєте пряму, пам'ятну дію ... Виграйте це .. натисніть тут ...

Крім того, візуально ...

  • руки жінки ведуть глядача по колу за годинниковою стрілкою під час читання.
  • Вони негайно підтягують око до заголовка
  • читаючи праворуч ліворуч, ви потрапляєте на пояснювальний зміст
  • Значок / зображення, що знаходиться над полем тексту, втягує око в цей текст
  • Якщо розмістити зображення / піктограму в правій частині вікна, вказує око рухатися ліворуч
  • Потім око рухається вниз до СТА
  • Потім її ліва рука знову веде око вліво.

Коло за годинниковою стрілкою - це завжди добре.

введіть тут опис зображення

Дуже груба тяга.

Я, можливо, шукаю інший образ "йоги / медитації". Один з посадою, який також виглядає розслабляючим, однак також має більше тягнення вгору і вліво.

Наприклад...

введіть тут опис зображення

Можливо, не ця фотографія конкретно (це був лише 15 секундний пошук Google) .... але щось із схожим кутом. 3/4 перегляду для мене завжди цікавіші, ніж передні фотографії людей - вони, як правило, тонко втягують глядача в зображення.


Якась конкретна причина зміни кольору BG міхура? Як я коментував відповідь @danielillo, чи не могли б ви відповісти на неї (можливо, тут)?
Вікас

1
Використовуючи один і той же колір для основних предметів, він дещо тягне око за собою ... здоровий .... коментуйте і перемагайте ... діліться .. Я також можу змінити "ЗБЕРІГАТИ", або навіть "ЗБЕРІТЬ МОЖЛИВО ЗДОРОВОГО" все тіло .. Я повинен був би перевірити візуально, щоб бути впевненим.
Скотт

Вибачте, я не зрозумів. Однакові кольори чого?
Вікас

1
Ти ведеш око за кольором .. чирок "здоров'я" ... чирок "Виграш" ... чирок "доля"
Скотт

1
Ну, я все це навчився в коледжі, десятиліття тому. Тоді за роки багаторічного досвіду просто здобули міцніші основи. Я б не знав, де сьогодні шукати книги чи ресурси.
Скотт

0

Дайте йому скляну підлогу! 1, перемістіть виріб у видиме положення. крок 1 2, скляна підлога, використовуйте прямокутний накид, дайте йому перо, щоб воно було вільним. крок2 3, за допомогою цього вибору, створіть кривий шар, зробіть його тонким, як скло, для цілей цієї публікації я роблю це наочним. step3 4, ctrl + G, щоб зробити це в групі, додати шару маски, замаскувати особу та продукт itselt, щоб зробити його перспективним. крок4 5, поверніться до маски скляного шару, ctrl + T зробіть якусь перспективу та масштабність. крок5 6, тінь: виберіть виріб у фоновому шарі, зробіть верхній шар кривої, зробіть його темним та ctrl + T, щоб він підходив до правильного положення (від людини, на яку ви бачите джерело світла, наче зліва). крок6 7, ctrl + G, щоб зробити це в групі, додати маску, замаскувати сам продукт, можливо, трохи розмити край. введіть тут опис зображення Все зроблено! Вся справа в тонкощах - поверніться, щоб регулювати яскравість скла і тіні.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.