Вёрстка для дизайнера | Елена Осипова

Очень ценный лайфхак. Хозяйке на заметку: после 19.00 в целом всё время не рабочее и можно чиллить! 💃

Сегодня в чате канала прилете вопрос от подписчицы:

Добрый день всем! Дано: книга на английском языке. Надо: переверстать в другой формат, перевести текст на русский, сделать пдф для типографии. Заказчик предлагает использовать chatgpt. Говорит, задать алгоритм для каждой страницы, перевести ее в пдф, потом собрать блок для типографии. Как думаете, это реально?

Мы, конечно, порассуждали на тему того, что в целом в теории можно попробовать это сделать, но при очень ограниченных условиях. 1️⃣ Качество перевода не будет важным критерием 2️⃣ Качество вёрстки вообще не особо важно 3️⃣ Подготовка к печати будет как для очень невзыскательной типографии (грубо говоря, которой вообще пофигу на конечный результат) И обсудили возможные варианты, как и что можно сделать. Один из подписчиков даже сделал на пробу перевод одного разворота в том самом чате gpt. Результат: ✅ Перевод посредственный ✅ Вместо разнообразия шрифтов использован буквально один ✅ На выходе растровая картинка без вылетов Но даже не это главное! Главное, что когда в сам чат закинули эту самую книгу с описанием задачи, знаете, что он ответил?

О нет, я это не могу! Могу сказать как!

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

#база Ставим метки реза руками скриптами 🟠 Давайте представим, что у нас есть лист А4, на котором мы решили разложить 3 флаера 86х186 мм и поставить каждому из них метки реза, чтобы потом вырезать это или на каком-нибудь домашнем резаке порубить. Что будем делать🟠 1️⃣ Размещаем эти 3 флаера на листе А4 в Adobe InDesign, оставив достаточные технологические поля для принтера (обычно это около 5 мм со всех сторон). С вылетами размер каждого прямоугольника 90х190 мм. На скрине жёлтое поле — обрезной формат, голубое — дообрезной 2️⃣ Рисуем прямоугольники чётко под обрезной формат и размещаем их, отцентровав внутри каждого флаера. Так, получится, что голубой — макет флаера, а жёлтый — просто прямоугольник, который мы положили сверху 3️⃣ Выделяем все 3 жёлтых прямоугольника и запускаем штатный скрипт (в русской версии программы — Сценарии) CropMarks 3️⃣ Индизайн предложит вам не только расставить метки реза (верхний блок Crop Marks), но и нанести дополнительные метки (Registration Mark). Вот второй блок сразу отключите, он вам только мешать будет, а в верхнем в поле Offset поставьте не 3 pt, а 3 mm. Эта цифра — отступ меток реза от края реза. 3 mm позволит вам ровно порезать, не задев метки, а 3 pt — точно нет 😉 Говорите программе ОК, и она расставляет метки вокруг каждого флаера. После этого вам останется удалить вспомогательные жёлтые прямоугольники и распечатать лист. А порезать его аккуратно помогут метки ❤️

Сегодня в чате канала были жаркие дискуссии на тему того, насколько дизайнерам нужны обучения по карточкам для маркетплейсов. Краткое саммари выложу на ваш суд и задам вопрос 1️⃣ Очень много школ и «школ» дизайна, которые учат клепать эти карточки в нейронках или фигме, буквально поставив дело на поток, обещая золотые горы, но по факту получается просто перенасыщенный рынок: таких дизайнеров ну очень много, но их труд оценивают в три копейки 2️⃣ Если карточки отдать на откуп нейросетям, дизайнер получает более быстрый и дешёвый результат (за стоимость оплаты чата GPT или другой нейронки), но полностью теряет маневренность. Карточка = статичная картинка. Ни о каком быстром внесении правок нет речи, фактически малейшая правка = повторная генерация 3️⃣ Если карточки клепать в фигме, то мы получаем редактируемый исходник, но когда их надо сделать «по образу и подобию» штук 20–30–50, и при этом они будут отличаться только ТТХ и фото объекта, тут уже впору волком выть. Работы хватит надолго, но поскольку она механическая, клиент тупо не готов платить много. 🟠Итак, внимание, вопрос. А что если я скажу, что в Adobe InDesign почти все эти процессы можно автоматизировать? Можно настроить все процессы таким образом, чтобы у вас или генерировались текстовые описания под нужный размер слайда, нужными стилями, если всё грамотно настроить. Или можно сделать такие шаблоны, которые будут вам выдавать правильные карточки с нужными названиями объектов, их ТТХ, фото (!), маркой бренда и так далее. Всё это будет делать программа сама, за вас. Не надо длину, ширину, высоту, мощность и прочее руками переносить для каждого объекта, всё будет сделано ав-то-ма-ти-чес-ки. И без ошибок. Дизайнеру останется проверить дизайн (а иначе зачем он вообще нужен?). Что не наехал текст на картинку или ещё что-то важное. Т.е. ещё раз. Вы настроили шаблон для карточки (это примерно 5–10 минут, умеючи). Заполнили таблицу с данными всех, условно, 100 позиций (это вообще можно запросить у клиента готовое), которые надо сделать по одному шаблону, но с разными данными. И индизайн вам за минуту (ну, может, две) сгенерировал все 100 карточек. 🟠Полностью редактируемых карточек. текст, графика — каждый объект можно подвинуть, переписать. При необходимости у всех 100 объектов можно поменять шрифт, цвет, кегль одной надписи или у всех. Сразу. У всех. Так вот скажите, пожалуйста, если будет такой прямо краткий курс молодого бойца, он вам был бы нужен или хотите дальше сражаться с нейросетями и фигмой?

⚠️ На фоне топливного кризиса и в связи с тем, что бензин дорожает, цены на свои курсы оставляю без изменения 😂 А для тарифа «Старт» (самообучение) добавляю бонус — проверяю лично одну (последнюю, выпускную) домашнюю работу и делаю по ней подробный разбор, если есть ошибки (по всем моментам!). В общем, вы знаете, что делать: https://layout-designer.ru/vd/ Вёрстка для дизайнера

#дайджест Итак, подводим итоги июня (можете ставить лайк сразу те, кто также не заметил его исчезновение) В конце мая (см. предыдущий дайджест) я начала рассказывать о том, какой труд стоит за одной книгой. В июне мы продолжили освещать этот нелёгкий путь, и начали с формных процессов Затем обсудили работу отдела препресс Поговорили про брак: на каком этапе он может возникнуть и по каким причинам Позалипали на процесс печати и выяснили, какие задачи стоят перед печатником и печатной машиной Отдельно рассказала вам о том, как делается книжная крышка — обложка для твёрдого переплёта В конце провели полушуточный опрос на тему, что же надо проверить в макете, а напоследок я написала о самом важном, заключительном этапе проверки Также коллеги скинули статью о цветокоррекции: как её делать по цифрам, «не веря глазам своим» И прислала фото-видео-отчет о том, как окрашивали торцы книги Финально объяснила, как проводить приёмку тиража и на что обращать внимание. Даже если брак по цвету Потом ездила на выставку Printech и накидала вам обзоры разных технологий. Тут, здесь и ещё вот тут И ко мне наконец-то приехала та самая книга, про которую мы с вами два месяца вели разговоры. И я её распаковала прямо на ваших глазах. Видеоотчёт Нашла у коллег на канале отчёт о том, какое огромное количество брака встречается среди логотипов. Поужасались вместе с вами А дальше завели речь про пантоны: стабильны ли они так, как мы привыкли о них думать? И что делают для крупных заказов, чтобы выдержать цвет на разных материалах Записала вам лайфхак, как в два клика мышки сделать модульную сетку в моём любимом индизайне И наконец, записала лайфхак, как с помощью встроенных в InDesign скриптов креативно порезать фото... да-да, в два клика мышки Уфффф! Обалденно продуктивным получился месяц, так что ставьте огонёчки — вам несложно, а мне приятно 😉

#лайфхаки Мало кто знает, но в штатной комплектации Adobe InDesign есть много скриптов, которые позволяют делать разные полезные или просто красивые вещи. Например, нарезать фото на сетку из прямоугольников, и сделать это буквально в пару кликов. При этом количество секций и размер межколонника вы выбираете сами. Скрипт также позволяет клонировать другие объекты — смотрите видео и не забывайте подписываться ставить лайки.

Шрифт Холодильник Декоративный шрифт, стилизованный под советские промышленные логотипы. Узкие наклонные формы и угловатый рисунок сразу отсылают к вывескам, технике и фирменной графике второй половины XX века. Подходит для логотипов, упаковки, постеров и проектов с советской или ретро-эстетикой. Рекомендуем для сочетания: IBM Plex Sans Condensed, PT Root UI, Literata, Golos Text Автор: Денис Щербак Лицензия: Для личного и коммерческого использования Скачать семейство

А вот вам свежая подборка вывесок: два нейминга «на тоненького», евроЛюдмила и ребусы от фотосалона 🤣

Новенький Шрифт Славик. Кириллический шрифт, вдохновленный дореформенной орфографией. Помимо привычных нам литер он включает в себя 4 упраздненные буквы: І (и десятеричное), Ѣ (ять), Ѳ (фита) и Ѵ (ижица). Этот шрифт является результатом переосмысления дореформенной орфографии: он приветлив, непоседлив и отчасти дерзок. Славик демонстрирует данный архаизм в более дружелюбном ключе. Презентацию сохранил от автора) кроме первого экрана Автор: Polina Urbanskaya Бесплатно для личного и коммерции ⚡️Скачать шрифт @sexyfont – бесплатные шрифты

#база #видео #лайфхаки У меня есть видео, в котором я рассказывала, как можно делать модульную сетку в макете средствами программы без сложных танцев с бубнами. Но есть и способ создавать её буквально в два клика мышкой. В карточках показала пошаговку. Важно: на выходе вы получаете разлинованный разворот, и если вам на следующем нужна уже другая сетка — no problem, настраивайте другую Также в 2 клика. Любите ли вы индизайн так же, как люблю его я? ❤️

Я вам вдогонку к вчерашней теме больше скажу. Те, кто работает с пантонами постоянно, знает, что для одинакового цвета на разных материалах нужны... разные краски. Для крупных компаний на заводе намешивают не одно условное ведро пантона «на все случаи жизни», а делают выкраски и создают сразу ряд ведёрок поменьше для разных материалов: ▶️ меловка ▶️ картон ▶️ пленка И т.д., под потребности заказчика. Каждое ведёрко будет немного отличаться от другого, но вот выкрасы — результаты печати — будут одинаковыми. А иначе пантон это та же краска. И отпечаток на разных материалах будет отличаться... Вот такая непростая история эти ваши пантоны 🤗

Стабильны ли пантоны🟠 Мы привыкли думать о том, что пантон — это стабильность. Это стабильная цветопередача от одного изделия к другому, от тиража к тиражу и от типографии к типографии. На самом деле это не вполне так. В чём же проблема🟠 Первая в том, что года 3 назад Pantone поменяла рецепты и сейчас старый и новый веера не совпадают, порой весьма значительно. То есть сравнивать брошюру 2020 года с брошюрой 2025 нецелесообразно — оттенки будут разными. Кроме того, Pantone печатает веера 2 раза в год и... часто не попадает в цвет 🤭 И уж если они сами попасть не могут, то у нас и подавно шансов нет. На фото две обложки одного блокнота с разницей в 2 года. Они печатались по одному ТЗ, но сами видите: отличается и бумага, и цвет. Слева оттенок ярче и светлее, а клиенту нравится темнее. Что делать❓️ Сохранять образцы «того самого цвета» на физических носителях, чтобы отдать в типографию и сказать, что надо именно так. В нашем случае типография смешивала 280 и 281 пантон, чтобы получилось «как тогда», и уже им печатали тираж. По документам P280C, а по факту — франкенштейн. Знали о таких чудесах? P.S. В комментарии выложу фото старой и новой рецептуры в сравнении, там виден и разный состав, и цвет

Нидерландская компания в сфере автоматизации подготовки макетов к печати и нанесению FastEditor выпустила отчёт Artwork Automation Benchmark 2026. Он основан на 13 773 загрузках логотипов, обработанных на этой платформе с 19 ноября 2025 по 31 мая 2026 года. Для показателей качества компания отдельно использовала более узкий, но стабильный диапазон — март–май 2026 года — 8 664 загрузки. Главная цифра отчёта: около 85% загруженных логотипов требовали хотя бы одного автоматического исправления перед запуском в производство.

Обзор этого отчёта нашла на канале ПринтИнсайдер. Что это означает для нас как для дизайнеров? То, что мы наблюдаем в последние несколько десятков лет — падение уровня грамотности дизайнеров. Также в отчёте указано, что около 44% компаний после указания на недостатки в состоянии своими силами доработать логотипы, но всё равно статистика страшная. Вдумайтесь, почти половина логотипов, которые загружаются в программы для автоматизированного создания макетов мерча и сувенирки, тупо не подходят по качеству. Виноват ли клиент? В некоторых случаях да. Ибо часто загружают скрины, джипеги и пнг 🙈 Но остальные ситуации, когда клиент не может исправить файл логотипа, это почти наверняка косяк его разработчика. Отринув варианты исправления, получаем около 40% тупо дизайнерского брака. Не знаю, как вас, а меня такая статистика пугает. Представьте, что наши дома будут строить, а нас лечить будут специалисты, среди которых 40% неграмотные?..

Да будет хорошая погода! Аминь!

В этом году мне довелось сверстать книгу, при изготовлении которой было задействовано много технологий и производственных решений, я вам рассказывала об этом на протяжении всех двух месяцев работы над ней. И вот, наконец, я держу её в руках🔥 Давайте вспомним, какой трудный путь мы прошли. 1️⃣ Генерация ИИ-графики — из примерно 1500 фотографий в книге оказалось чуть больше тысячи 2️⃣ Вёрстка 376 страниц с фотографиями: к каждому стихотворению от 2 до 5 иллюстраций. Но есть исключения, например, стихотворение, каждое четверостишие которого проиллюстрировано. Показываю его в видео отдельно 3️⃣ На обложке объемный УФ-лак, он чувствуется под пальцами 4️⃣ Торцы книги запечатаны 5️⃣ Каптал и ляссе подобраны в тон запечатанным торцам 6️⃣ К книге отдельно напечатаны закладки 7️⃣ Запечатаны форзац и нахзац В общем, не книга, а произведение искусства. Всё это показала в видео. Кто любит получать эстетическое наслаждение — к просмотру обязательно!

Была вчера на стенде компании, производящей упаковку. И раз в чате сегодня уже возникали вопросы, мол, кому нужны коробочки с вау-эффектом, решила отснять несколько образцов, чтобы было понятно, что можно делать и для кого это всё 🟠 Во-первых, конечно, такие красивые коробочки будут востребованы в косметологии, ибо женщины готовы платить довольно немалые деньги за хорошую косметику, и при изначально высокой стоимости продукта можно сделать и недешёвую упаковку. Даже нужно. Чтобы не было диссонанса, что дорогой продукт завернули в копеечный пакетик. Во-вторых, фармацевтика. Там можно делать красивую упаковку, и это будет стоить не очень дорого, потому что очень большие тиражи. Так что добавление конгрева или УФ-лака на упаковку с антигистаминными препаратами, например, незначительно увеличит стоимость коробочки. А вот эффектности добавит. Ну и привлекательности для рядового покупателя. Ну и, конечно, подарочный алкоголь. Коробки для бутылок обычно завораживают количеством использованных технологий и иногда — материалов. Та же история с коробками для конфет. Но, повторюсь, это всё «интересно» при больших тиражах. Точнее, можно, конечно, и на 100 коробочках сделать «дорого-богато», но только тираж в несколько тысяч даст приемлемую себестоимость коробочки, чтобы она не стоила как половина её содержимого 😉 Рассказывайте, на чём любите позалипать в магазинах, а на что перестали обращать внимание🟠

Продолжая тему выставки давайте оценим фантазию дизайнера! Здесь как раз к печати красками (белила + CMYK) добавился УФ-лак. И это же всё рельефное, объёмное — чисто тактильный экстаз!

Моё утро началось на выставке Printech, и сходу повстречался принтер для объёмной печати. Конечно, я спросила, как это готовить к печати. Оказалось — ничего сложного. 1️⃣ Раскладываем изображение в фотошопе на слои. Нижний обычно белила, дальше в зависимости от фантазии дизайнера. В нашем примере, второй слой изображал человека-паука 2️⃣ Дальше нарашиваем объём, но стараемся не мельчить, т.к. слишком тонкие линии могут со временем откалываться 3️⃣ В финале накладываем очки, они самые выступающие. Принтер может клать и УФ-лак, что добавляет сюрреалистичности и эффектности изображению. Печатать можно по любым твердым поверхностям. На стенде были представлены пластик, алюминиевая пластина и вспененный материал. Жалко, образец не отдали, но на видео засняла вам всю красоту 🔥

В продолжение темы поговорим с вами о том, как быть, если внешне всё выглядит нормально, но ваш фирменный цвет внутри тиража «гуляет». Что делать, если получили брак по цвету🟠 Эти ситуации доказывать сложнее, но тоже можно. Здесь, правда, стоит понимать, стоит ли овчинка выделки. Когда речь идет о тираже стоимостью 5.000 руб., связываться с доказыванием брака может быть хлопотнее, чем просто принять всё как есть или получить «извинительную» скидку от производства на будущий заказ. Тем более, что цвет — субъективное понятие, для многих моих клиентов разница в оттенках намного менее заметна, чем для меня. Когда же в большом тираже объективно заметна разница по цветам, в т.ч. внутри каждого издания, а не только от книги к книге, тут уже можно и занять более активную позицию и добиться переделки. Конечно, если у вас тираж не под выставку... Если вы опасаетесь получить брак и не знаете, сможете ли отстоять свои права, памятка вам в помощь. А в комментариях поделитесь, случалось ли вам получать / сдавать клиентам брак и как выходили из ситуаций🟠