Как качественно вставить картинку/ Дизайн-советы

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

ОБЪЯСНЯЕМ НА УТОЧКАХ Вот вы сидите делаете презентацию. Или делаете креатив для соц.сети. Или комментируете визуалы на чужом сайте. Или может вы делаете меню для кафе. Как понять, нормально сделано или нет? Особенно если вы сами ничего в этом не понимаете. Что в целом нормально. Не можем же мы разбираться во всём?

КРЯКНУТЫЙ МАКЕТ Как понять плох ваш макет или нет? Если там есть картинка - то сразу смотрим на нее. Если на макете картинка стоит вот так - у меня для вас плохие новости. Это вкряченое фото. И макет такой же.

ЧТО ДЕЛАТЬ? БАЗОВЫЙ УРОВЕНЬ Фон. В любой непонятной ситуации - убирайте фон. Не знаете как - научитесь. Например, есть сайт remove.bg Если вы бренд менеджер - вам нужно иметь базу картинок без фона. Убрали? Уже выглядит лучше, хотя бы макет дышит. Но еще не вау.

ЧТО ДЕЛАТЬ? ПРОДВИНУТЫЙ УРОВЕНЬ Кадрирование. Это когда объект, как бы не помещается в макет. Излюбленный приём хороших маркетологов. Хотите лучше продавать? Доверьтесь тем, кто так делает. Покажу дальше.

ЧТО ДЕЛАТЬ? ЭКСПЕРТНЫЙ УРОВЕНЬ Рядом с фото можно поставить что-то маленькое. Например, поставить другой объект. Или добавить кнопку на сайт. Или фон, который будет как-то взаимодествовать с объектом. Уже похоже на дизайн.

В ЧЁМ ПРОБЛЕМА-ТО?! А в том, что картинка никак не интегрирована в макет, сайт, слайд, ......... , подставьте свое слово. В хорошем дизайне элементы как-то базово взаимодействуют, обтекают друг друга, пересекают и, как правило, не имеют острых границ. Здесь картинка застряла, как кость в горле. Кстати, «острое» ещё и отталкивает. Есть исследования.

ПРИМЕРЫ ИЗ США Объект выходит за макет, он гораздо больше текста, очень много воздуха вокруг Объект выходит за макет, вокруг объекта яркая и эмоциональная композиция, отличный контраст в размерах шрифтов.

ПРИМЕРЫ ИЗ РОССИИ Объект выходит за макет, есть дополнительные объекты, большие и маленькие объекты хорошо противопоставлены друг другу