Вёрстка онлайн — бесплатно DesignCraft: газета и буклет за вечер
Школьная газета в колонки, буклет к открытому уроку, брошюра для родителей — с фотографиями, заголовками и ровными полями, как в типографии. Текст сам перетекает из колонки в колонку и обтекает снимки, а готовый номер уходит в печать файлом PDF.
Текст, который сам находит место
Меняйте число колонок, размер шрифта и картинку — текст перетечёт сам. Если он не помещается, появится красный плюс: так вёрстка сообщает, что часть статьи осталась за бортом. Нажмите «Добавить страницу» — остаток уйдёт на новую.
Стенд требует JavaScript. Сам DesignCraft открывается кнопкой выше.
В DesignCraft так же связываются текстовые рамки на разных страницах, а лишние страницы добавляются сами, если включить основную текстовую рамку (Primary Text Frame) при создании документа.
Так выглядит DesignCraft
Первый снимок — наша школьная газета, свёрстанная в DesignCraft за десять минут. Второй — пример журнала, который открывается в программе одной кнопкой.
Что умеет DesignCraft
Колонки и рамки
Текст течёт, а не скачет
- колонки и связанные текстовые рамки
- новые страницы добавляются сами
- обтекание картинок и врезок
- мастер-страницы: колонтитулы и номера
Типографика
Ровные строки, как в книге
- стили абзацев и символов
- выключка по ширине
- интерлиньяж, кернинг, трекинг
- маркированные и нумерованные списки
Картинки
Фото на полосе
- перетащить снимок на страницу
- вписать в рамку пропорционально
- обтекание по рамке
- QR-код прямо из меню Object
На выход
В печать и на экран
- PDF для печати и интерактивный PDF
- печать брошюрой (Print Booklet)
- PNG страницы для сайта и соцсетей
- IDML, EPUB и HTML
Как свёрстать газету
File → New Document
Preset — A4, Columns — 2, включите Primary Text Frame (основная текстовая рамка)
Вставьте текст статей
Инструментом Type (T) щёлкните в рамку и вставьте текст из Word — он сам разольётся по колонкам и страницам
Поставьте фото
Перетащите снимок на страницу, в Frame Fitting выберите вписывание, в Text Wrap — обтекание
Заголовки и экспорт
Выделите заголовок, задайте размер и начертание. File → Export PDF… — номер готов к печати
Что готово, а что пока нет
DesignCraft — самый молодой в семье по части наполнения: основа вёрстки уже работает, тонкие инструменты в пути.
Работает сейчас
Можно верстать- Страницы и развороты, колонки, поля, направляющие
- Связанные текстовые рамки и обтекание картинок
- Стили абзацев и символов, выключка по ширине
- Экспорт в PDF, PNG, IDML, EPUB и HTML
- Пример журнала, чтобы разобрать вёрстку по косточкам
Пока нет или неудобно
Оговорки- Русского интерфейса — английский, немецкий, французский и испанский
- Проверки орфографии для русского текста — вычитывайте номер сами или заранее в Word
- Готовых шаблонов газет и буклетов, кроме примера журнала
- Совместной работы: номер верстает один человек, правки — файлом
Это ранняя версия: проекты ArtCraft появились в конце сентября 2026 года и обновляются почти каждый день. Мы держим свежую сборку, но ошибки возможны — сохраняйте работу в файл почаще.
Начните с примера журнала — и замените текст на свой:
Открыть DesignCraft arrow_forwardПрограмма для вёрстки онлайн: газета, буклет, брошюра
Чем вёрстка отличается от Word
Word — программа для документа: текст идёт сверху вниз, и всё, что не текст, к нему цепляется. Поэтому газету в Word собирать мучительно: картинка сдвигает абзацы, вторая колонка начинается не там, а правка на первой странице ломает пятую.
Программа вёрстки устроена наоборот: сначала на полосе раскладываются рамки — под текст, под фото, под заголовок, — а текст течёт по ним, как вода по трубам. Его можно править сколько угодно: рамки стоят на местах, картинки не уезжают, а остаток статьи сам переходит в следующую связанную рамку или на новую страницу.
Что такое DesignCraft
DesignCraft — бесплатная программа для вёрстки, которая работает в браузере и повторяет устройство Adobe InDesign: развороты и мастер-страницы, связанные текстовые рамки, стили абзацев, обтекание, профессиональный набор с выключкой по ширине. Готовый документ выгружается в PDF для печати, в PNG для сайта, в IDML для обмена с InDesign, в EPUB для электронных книг.
Программа написана с нуля с открытым кодом командой ArtCraft. Интерфейс пока английский; кириллица в тексте работает, шрифт по умолчанию — Source Serif.
Что верстают в школе
Школьная газета — главный жанр: колонки, фотографии, заголовки, рубрики. Буклет к открытому уроку, дню открытых дверей или выпускному. Брошюра для родителей первоклассников или памятка по технике безопасности. Программка концерта и афиша мероприятия.
Для проектной работы вёрстка — отдельный навык, которому редко учат: дети пишут тексты, снимают фото и собирают номер как настоящая редакция. Регистрация не нужна, поэтому верстать могут прямо на школьных компьютерах.
Как напечатать брошюру
Брошюра — это листы, сложенные пополам, и страницы на них идут не по порядку: на одной стороне первого листа оказываются последняя и первая страницы. Расставлять их вручную долго и легко ошибиться. File → Print Booklet… делает это сам: вы верстаете страницы по порядку, программа раскладывает их для печати.
Если печатаете в типографии, обычно нужен просто PDF по страницам — File → Export PDF…. А для сайта и школьных чатов удобна отдельная страница картинкой: File → Export Page as PNG….
Часто задаваемые вопросы
DesignCraft — это Adobe InDesign? expand_more
Нужно ли устанавливать или регистрироваться? expand_more
Можно ли сохранить газету в PDF? expand_more
Работает ли русский текст? expand_more
Как вставить фото? expand_more
Откроется ли файл InDesign? expand_more
Можно ли сделать буклет-«гармошку»? expand_more
А можно ли в Word? expand_more
Файлы уходят на ваш сервер? expand_more
На чьих плечах
Мастерская собрана из открытого кода — и авторов нужно назвать
DesignCraft MIT / Apache-2.0
DesignCraft пишет команда ArtCraft (getartcraft.com): программа с открытым кодом, написанная с нуля на языке Rust и собранная для браузера в WebAssembly. Мы раздаём веб-сборку её релиза со своего сервера, не меняя самой программы.
О названиях
Adobe, Photoshop, Acrobat, Illustrator, InDesign, Lightroom, Premiere Pro и After Effects — товарные знаки Adobe Inc. ArtCraft — товарный знак ArtCraft Team. Ни «ПедОбраз», ни ArtCraft не связаны с Adobe: названия её программ упомянуты только для того, чтобы объяснить, что чем можно заменить.
Картины и фотографии в примерах
На снимках и в стендах — произведения в общественном достоянии: картина Н. П. Богданова-Бельского «Устный счёт» (1895, Третьяковская галерея) и цветные фотографии С. М. Прокудина-Горского (1909–1910, Библиотека Конгресса США). Документы на снимках PrintCraft — федеральные рабочие программы с сайта ЕДСОО.
Свёрстайте первый номер
Колонки, фото, заголовки — и PDF для печати. Бесплатно, без регистрации, файлы остаются у вас.
rocket_launch Открыть DesignCraft open_in_new