Как мне лучше разместить продукт в социальной сети?


10

(Логотип в углу и ярлык продукта скрыт по соображениям конфиденциальности)

Когда я доработал дизайн, я получил мнение, что продукт (серая вещь внизу слева) не подходит . (Изображение 1). Поэтому я поместил его чуть выше (изображение 2). Выглядело лучше, все же я получил ответ, что он парит в воздухе .

Так что я верю, что-то не так, и я не знаю, как я могу это исправить. Это очиститель воздуха. Он должен быть расположен слева и должен выглядеть лучше, чем эти варианты. Что можно сделать?

Также вы можете предложить другой возможный способ, если вы не хотите размещать его только слева. Но приоритет остается на левой стороне, потому что название продукта упоминается на этой стороне.

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

PS: Кроме того, вообще спрашиваю, что еще ты видишь неправильно и что можно улучшить, чтобы сделать его более эстетичным?


2
Нужно ли включать в себя такие отвратительные вещи, как «делиться, делиться, комментировать, избирать, делать все или еще»?
Фабиан

Первое, что меня поражает, это то, что у вас есть маленькая иконка, похожая на заднюю часть iPhone, рядом со словами «нравится, комментируйте и делитесь», и я предполагаю, что она просит меня взаимодействовать с помощью моего телефона. Может быть, с логотипом это было бы не так, но я подозреваю, что это все еще будет.
О.Г.Газа

Ответы:


18

У меня такое чувство, что вы отвечаете на ваш вопрос, может быть, неосознанно.

Попробуйте увидеть порядок чтения:

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

Зная западный порядок чтения сверху вниз, слева направо, читатель попытается следовать этому пути.

Есть объект, который первым привлекает внимание: изображение девушки. С тенденцией начинать сверху вниз, наш взгляд немедленно переходит к началу заголовка, особенно по размеру, вместе со смыслом чтения и цветом.

После остановки на логотипе, визуальный путь идет вниз и, наконец, влево, где находятся оранжевый пузырь и продукт. Все элементы внизу поглощены картиной, потому что они интерпретируются как земля. Вот почему в смысле чтения они откладываются до конца.


Если мы выполним упражнение с основными формами, это станет более понятным:

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

Существует большой центральный объект, указывающий на заголовок в виде треугольной стрелки. Следуя смыслу чтения, верхние объекты, а оттуда до нижних.


С другой стороны, недостатком является то, что продукт имеет светло-серый цвет, который меньше контрастирует по всей композиции.

Цветовое упражнение показывает, как контраст играет с продуктом. Представьте, что кто-то пытается вспомнить цвета, увидев надстройку на минуту: товара не существует.

цвета

Если бы это была моя работа, я бы изменил цвет брюк девушки, чтобы устранить доминирующий и нерелевантный цвет. Благодаря этому простому изменению (также смягчающему зеленый цвет заднего растения) продукт получает больше присутствия:

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

Наконец, почему я думаю, что вы ответили на свой вопрос, вы разместили номер изображения в месте наибольшей визуальной значимости, чтобы тот, кто читает ваш вопрос, ясно видел его. На полпути между началом порядка чтения и основным элементом после фотографии - заголовком. Лучший сайт во всей композиции для размещения товара.

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

В отличие от второго примера, когда продукт парит в воздухе , он будет висеть на стене.

Где бы вы положили часы в этой сцене?

Часы

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

Я следую примеру часов.

Предположим, что пользователи не видели этот продукт. Они прочтут текст «POCKET AIR PURIFIER» и могут не знать, что продукт изображен на картинке. Они могут подумать, что это только часть фонового изображения.

Единственными элементами, которые визуально конкурируют с часами в этом положении, являются объекты, расположенные за моделью. Читатель неосознанно создает перспективу и определяет фон, где все находится на стене на одном уровне. Мы должны найти способ, которым остальные элементы отстают , не буквально, а визуально отстают.

Вот пример размытия фона полностью. Это что-то нереальное, потому что часы будут висеть между задней стенкой и девушкой, но это очень хороший визуальный ресурс, чтобы еще больше подчеркнуть продукт. С другой стороны, размытие фона создает эффект очистки от шума .

размытие фона

Второе редактирование:

Почему продукт летит в воздухе?

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

Продукт должен быть где-то во всей композиции, в графическом дизайне вам не нужно всем нравиться, но нужно найти правильный ответ, чтобы определить, почему все на своем месте. Я думаю, что весь этот ответ дает вам достаточно оснований для обоснования позиции продукта. Если бы продуктом были часы, вы могли бы подумать о местонахождении последнего снимка, следуя двойному виртуальному направляющему, сгенерированному рукавами и воротником модели футболки и ее плеч (1). Но, к сожалению, ваш продукт не имеет большого визуального присутствия, поэтому вы должны занимать доминирующее место во всей композиции, поэтому он находится в центральном месте с большим пустым пространством вокруг.

(1) - С этой позицией связано косвенное восприятие: здоровый продукт соответствует сердцу.


Что бы вы ответили на это: почему вы положили девушку вместо слона?

Ну, то же самое, что вы бы сделали для этого ответа, вы должны сделать это для ответа о позиции продукта.


1
Ваши предложения превосходны. Мне понравилась ваша идея о потоке и доминирующих цветах. Обязательно сделаю это. Теперь основной проблемой стал товар. Предположим, что пользователи не видели этот продукт. Они прочтут текст «POCKET AIR PURIFIER» и могут не знать, что продукт изображен на картинке. Они могут подумать, что это только часть фонового изображения. Смысл держать продукт рядом с текстом был только этим. (Мне нравится ваше размещение продукта, как часы). Что ты говоришь?
Викас

1
Ответ обновлен.

1
Ответ обновлен II (последний :-))

1
Я лично думаю, что тень добавляет грязь, шум. Уверяю вас, вашему продукту это не нужно.

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

13

Я, лично, не будет не никогда полагаться на левый нижний угол рекламного объявления , чтобы передать что - нибудь . Это мертвая зона, которую зритель легко забывает или не замечает.

Я, возможно, ошибочно, чувствую, что может быть больше образов, чем то, что показывают ваши образцы. Если нет, то это может быть просто из-за использования в ваших образцах.

Попытка заставить левый нижний угол быть увиденным и прочитанным / запомненным, для меня часто выбивает из равновесия. Вещи просто «не чувствуются» правильно, если в левом нижнем углу есть фактическое содержание текста. Я стараюсь придерживаться визуальных элементов только для нижнего левого угла чего-либо, никогда не набираю объекты.

Размещая пояснительное содержание над элементами «Призыв к действию» (CTA), вы представляете прямое, запоминающееся действие ... выиграть это ... нажмите здесь ...

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

  • руки женщины приводят зрителя в круг по часовой стрелке при чтении.
  • Они сразу подтягивают взгляд к заголовку
  • читая справа налево, вы попадаете в пояснительное содержание
  • Значок / изображение, находящееся над текстовым полем, притягивает взгляд к этому тексту.
  • Размещение изображения / значка на правой стороне рамки говорит глазу двигаться влево
  • Затем глаз движется вниз к CTA
  • Затем ее левая рука снова ведет взгляд влево.

Круг по часовой стрелке - это всегда хорошо.

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

Очень грубый проект.

Хотя я могу искать другое изображение в стиле йоги / медитации. Тот, у которого столб также выглядит расслабляющим, но также имеет больше тяги вверх и влево.

Например...

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

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


Есть ли какая-то конкретная причина для изменения цвета пузыря? Как я прокомментировал ответ @danielillo, не могли бы вы ответить на него (может быть, здесь)?
Викас

1
Используя один и тот же цвет для основных предметов, он несколько затягивает взгляд ... здоровый .... комментируйте и выигрывайте ... делитесь .. Я мог бы также поменять "ХРАНИТЬ" или даже "ХРАНИТЬ СЕБЕ ЗДОРОВОГО" за весь чирок ... Я должен проверить визуально, чтобы быть уверенным.
Скотт

Извините, я не понял. Такие же цвета чего?
Викас

1
Вы ведете глаза через цвет .. чирок "здоровье" ... чирок "Win" ... чирок "доля"
Скотт

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

0

Дайте ему стеклянный пол! 1, переместите продукт в видимое положение. шаг 1 2, стеклянный пол, используйте прямоугольный шатер, дайте ему перо, чтобы сделать его свободным. шаг 2 3, с этим выделением создайте слой кривой, сделайте его тонким, как стекло, для целей этого поста я сделаю это очевидным. шаг 3 4, Ctrl + G, чтобы сделать это в группе, добавить маску слоя, замаскировать человека и продукта, чтобы сделать его перспективным. step4 5, вернитесь к маске слоя стекла, Ctrl + T сделать перспективу и масштаб. step5 6, тень: выберите продукт в фоновом слое, сделайте верхний слой кривой, сделайте его темным, и Ctrl + T, чтобы соответствовать его правильному положению (от человека, которого вы видите, источник света вид слева). step6 7, Ctrl + G, чтобы сделать это в группе, добавить маску, замаскировать сам продукт, возможно, немного размыть края. введите описание изображения здесь Все сделано! Все дело в тонкости - вернитесь к настройке яркости стекла и тени.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.