Задание

Студенты второй ступени Школы редакторов получили такое конкурсное задание:

У вас есть холст белого цвета 2000 × 2000 пикселей. У вас есть ваша фотография, на которой вы себе нравитесь. У вас есть две краски: черная и любой цвет из веера «Пантон».

У вас есть текст: «Это конкурсное задание в Школе редакторов бюро. Я тренируюсь расставлять изображения и текст на квадратном холсте, учитывая технологические ограничения. Например, здесь у меня есть вот этот готовый текст и всего две краски, которыми я могу печатать. Как вам такая композиция?»

Ваша задача — составить композицию из текста и фотографии с учетом ограничений по цветам. Можно добавить заголовок. Результат — картинка в Фейсбуке со ссылкой на Школу редакторов. Ссылки на публикации в Фейсбуке скидывайте в этот чат с хештегом #опятьквадрат.

Что нужно было сделать

Это задание на композицию и работу с цветом. У него два измерения: аккуратность и выразительность.

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

Сделать выразительно — то есть чтобы фотография была красивая и мощная, чтобы цвет в работе что-то обозначал или был невероятно красивым. Можно было обойтись без цвета.

Общие рекомендации

Просто соблюдайте правила вёрстки: внутреннее и внешнее, якорные объекты, принцип контраста, подбор кегля и интерлиньяжа, шрифтовые пары. Всё это есть в книге Горбунова о типографике и вёрстке.

Выбирайте выразительные, интересные фотографии. Когда что-то делаешь — это лучше, чем когда просто позируешь. Когда ничего не делаешь, то лучше улыбаться, чем нет. Самый кайф — когда фотография рассказывает историю. «Я стою у стены» — это не история. См. информативность фотографии

Старайтесь не обтравливать фотографии, особенно чтобы заменить темный фон на светлый или наоборот. Чем меньше обтравки, тем меньше проблем.

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

Результаты

Дмитрий Мишейкис. Текст лежит неаккуратно, плашка невыразительная и случайной формы, текст внутри плашки упирается в края. Второй блок текста непропорционально растянут. Сама плашка врезается в голову «почти, но не совсем». Цвет ничем не помогает. Выразительность: 1; аккуратность: 1.

Анна Третьякова. Нарушены требования по размеру изображения. Неаккуратная обтравка фотографии. Не выдержаны поля. Фотография сама по себе хорошая, градиент сверху — норм идея. Аккуратность: 1; выразительность: 2.

Иван Афонченко. С полями почти хорошо, но обтравка слабая, цветной контур невыразительный. Если делать типа грубую обтравку, то контур должен быть выразительным, мощным. А тут обтравили как получилось и добавили обводку просто так. Выбранный синий делает фотографию тусклой. Аккуратность: 2; выразительность: 1.

Галина Хан. Хорошо выбрана и поставлена фотография, но ей не хватило динамического диапазона, то есть контраста. Блики серые, тени чёрные, в целом траурно. В типографике: не соблюдены поля, пережат интерлиньяж, некрасивая форма колонки текста, недостаточно контраста между заголовком и текстом. Цвет так можно делать, если бы он не наехал на белую часть кофты, отчего создалось дребезжание. Аккуратность: 1; выразительность: 2.

Лена Жернова. Интерлиньяж пережат, расстояния между блоками текста случайные, композиция развалилась на пятна. Фотография интересная, но обтравлена с артефактами. Псевдотень ничем не обоснована: не добавляет глубины, просто создаёт дополнительный визуальный дребезг. Аккуратность: 1; выразительность: 2.

Кира Калимулина. Выразительная фотография, грамотная работа с цветом (его нет, и это хорошо). Подвело общее пятно и типографика: интерлиньяж пережат на выворотке, ощущение вёрстки впритык, фотографию объяли жирные заголовки с двух сторон. Нужно было убрать нижний заголовок, сделать кегль мельче и аккуратнее, колонку текста ровнее по форме (можно использовать переносы). Аккуратность: 2; выразительность: 3.

Мария Эл. Мощная, выразительная фотография. Текст развалился: то утыкается почти впритык под грудь, то чуть касается волос, при этом переносы ведут себя непредсказуемо. Аккуратность: 2; выразительность: 3.

Лена Кулачикова. Всё бы хорошо, но подвела форма абзаца — слово «краски» опасно нависло над макушкой. Шутка с квадратом Малевича не вызывает восторга. Фотография тонально не принадлежит пространству «Чёрного квадрата», но обтравлена так, будто принадлежит. Видны артефакты обтравки. Аккуратность: 3; выразительность: 2.

Любовь Верещинская. Смелое решение — разбить квадрат на части и работать с каждой как с отдельным холстом. Решение оправданное. С полями у текста всё хорошо, но выключка вправо вызывает вопросы. Плашка под заголовком создаёт лишнюю декоративность и дребезг. А вот узорчик на фоне создаёт приятное освежающее ощущение, получается приятная такая фактура. Аккуратность: 3; выразительность: 3.

Юлия Занкевич. Идея с двумя столбцами текста — норм, хотя левый столбец без переносов чувствует себя дырявым. Поля и интерлиньяжи на грани. На фото есть эмоция, но нет действия, этого не хватило. Цвет ничего не даёт, но и не портит. Аккуратность: 3; выразительность: 3.

Владимир Тупикин. Отступы на грани, интерлиньяж пережат, цвет не портит, но и не помогает. Фактурка освежает, но физическая природа изображаемой ей тень неубедительная, из-за чего пространство скорее ломается, чем создаётся. На фото сдерживается эмоция, но ничего не происходит. Аккуратность: 4; выразительность: 3.

Наталья Турачёва. Яркая, запоминающаяся композиция, ради которой пришлось пожертвовать читаемостью. Наслоения и пересечения усложняют чтение, а не помогают. Получился дизайн ради дизайна. Аккуратность: 3; выразительность: 4.

Кристина Лунина. С типографикой вроде всё прилично. Серое небо на фото позволило не страдать обтравкой, но оно же и убило выразительность. Фигура мелковатая, лица не видно. Что происходит на фото — неясно. Если Кристина фотографирует текст, то он должен был вписаться в пространство фотографии (он не вписывается). Аккуратность: 4; выразительность: 3.

Алексей Плетнёв. Выразительная фотография. Наконец-то кто-то что-то делает, а не просто сидит и смотрит. Перебор по контрасту в фотографии, пятно довольно дробное. Интерлиньяж на грани, можно чуть больше. Правый край рваный, хорошо бы включить переносы. Поля документы выдержаны хорошо. Шрифтовая пара не нравится. Эмодзи — норм. Аккуратность: 4; выразительность: 4.

Анна Волкова. Несмотря на дополнительное усложнение в виде двойного набора полей композиция читается, есть пространство, приятная графика декоративного шрифта. В обтравке ничего криминального не вижу. Губы можно было не красить. Аккуратность: 5; выразительность: 4.

Андрей Евтеев. Ещё более замороченная конструкция: текст на трёх холстах! На счастье, почти везде отступы работают, форма основного абзаца неплохая. Не хватает контраста между заголовком и основным текстом. Фото невыразительное, но есть эмоция. Цвет ничего не даёт. Аккуратность: 5; выразительность: 4.

Лена Жукович. Выразительная фотография: лицо, причёска, крупный план, фактура, глубина резкости. Нормальная форма столбца текста, нормальный интерлиньяж. Тяжеловато читать часть текста на светло-сером фоне. Аккуратность: 5; выразительность: 5.

Алиса Ястремская. На фото яркая эмоция, и даже артефакты сжатия её не портят. Обтравка не понадобилась благодаря светлому фону. Весело использован цвет. Придирка по типографике — жирность основного текста и форма основной колонки. Можно включить переносы и сделать текст обычной толщины, всё будет нормально читаться. Аккуратность: 5; выразительность: 5.

Вячеслав Лазарев. Выразительная фотография, которая, заметьте, не ломает чётко выстроенный каркас. С полями, интерлиньяжем и контрастом всё хорошо. Цветная надпись хорошо сидит в пространстве. Фотография залезает на текст, но не мешает читаемости. Обтравка без явных проблем. Аккуратность: 5; выразительность: 6.

Марья Янкович. Впервые на фотографии есть не только эмоция и действие, но и история. Наложить текст и заголовок — смелое решение, и оно было бы оправданным если бы цвет был не таким контрастным или текст был пожирнее. Сейчас напряжно читать. Но всё это не проблема, когда есть история. Аккуратность: 4; выразительность: 7.