Школа
Вёрстка

Подскажите, пожалуйста, как разместить фото на формате А6, чтобы девушка была главным персонажем, парень — второстепенным, но чтобы парень не висел в воздухе? Они ведут диалог. Может, парня заменить на другого?

olga
2 мар 2022
👁 5027   🗩2
Вёрстка

Подскажите, пожалуйста, как разместить фото на формате А6, чтобы девушка была главным персонажем, парень — второстепенным, но чтобы парень не висел в воздухе? Они ведут диалог. Может, парня заменить на другого?

olga
2 мар 2022
👁 5027   🗩2
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Ольга!

Для начала хочу отметить, что у вас фраза парня очень близко стоит к девушке, а фраза девушки — к парню. С первого взгляда легко перепутать, кто что говорит и в какой последовательности читать.

Чтобы персонажи вели диалог и хоть как‑то взаимодействовали друг с другом, нужно добиться, чтобы они смотрели друг на друга. Мой любимый пример — фотографии Жени Арутюнова рекламы мороженого:

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

Поэтому, вероятно, вам придётся поменять фотографию и девушки, и парня: сейчас они оба смотрят куда угодно, кроме как друг на друга, — и я не знаю, как это исправить. При этом можно поискать более изобретательные способы расположить их друг относительно друга. Например, парень может выглядывать из‑за верхнего края листа или из угла:

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

Типографика в вебеФормат: иллюстрацияДоработка вёрстки
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы