Как переверстать фотоальбом #типографика #верстка #дизайн #нозик
Бюро Горбунова · 2026-05-06 · 1м 49с · 1 540 просмотров · YouTube ↗
Топики: craft-bureau-gorbunov
Аудио ещё не скачано.
📝 Summary
model=deepseek-v4-flash · prompt=summary-v7 · 2 503→972 tokens · 2026-05-29 07:00:20
🎯 Главная суть
Разбор конкретных ошибок вёрстки фотоальбома: неуместный акцидентный шрифт, хаотичное расположение заголовка, лишние кавычки, неудачный порядок иллюстраций и слабый контраст между полями. Показано, как точечные правки — смена кегля, выравнивание точки привязки, перестановка фотографий — превращают разрозненный макет в «конфетку».
Проблема шрифта и кавычек
Первая заметная ошибка — шрифт, «похожий на шрифт имени Дудя», который не соответствует эпохе объекта. Два шрифта в кадре спорят друг с другом: один — яркий акцидентный, второй — недостаточно спокойный, с «покрутасами» в букве Т. Вместо такого конфликта предлагается сделать оба шрифта максимально спокойными — уменьшить кегль и убрать лишние детали. Также сняты кавычки с обычного текста, где они не нужны (текст не цитата), что упрощает восприятие.
Работа с заголовком и композицией
Заголовок болтался между элементами без чёткой привязки. Ему добавлена точка привязки — например, выравнивание по краю — и он сразу «заработал». Появился контраст между полями и внутренними расстояниями. Если нужен дополнительный текст, можно безболезненно добавить вторую колонку, не ломая композицию — модульная сетка позволяет.
Иллюстрации и контраст
Первая фотография фасада необоснованно открывает главу про собор. Логичнее поставить на первое место изображение, которое сразу даёт понять, о чём идёт речь — например, портрет собора (святой Антоний Майдельфир? — в оригинале «Антой Мейдельфир»). Квадратные иллюстрации с «аллюзией на сложную геометрию» — элемент графдизайна, но их можно сделать более эффектными за счёт увеличения контраста между внешним полем и внутренними расстояниями. Рискованный, но стильный ход — срезка иллюстраций с крупными отступами, что даёт «конфетку» и противопоставление одного поля другому.
📜 Transcript
ru · 281 слов · 5 сегментов · clean
Показать текст транскрипта
Первым делом меня встречает фотка фасада. Но почему она первая? Вылез какой-то шрифт имени Дудя. Он совершенно не из той эпохи, да? Эти два шрифта, они спорят друг с другом. Этот такой весь из себя акцидентный. И этот, в общем-то, нихрена не спокойный. Тут еще какие-то странные покрутасы с буквой Т. Теперь он делаем вот так вот. И в плане кегля тоже мы его делаем максимально спокойненьким. То есть, вот смотри, видишь, как вот этот сразу начинает играть, да? Это я не знаю, зачем здесь те кавычки, это вроде не цитата, ничего, а просто текст, поэтому берем. Вот этот заголовок у тебя как-то болтается между всем и всем, его хочется найти место. Например, можно сделать ему вот так. Видишь, все, он заработал сразу. просто у него точка привязки появилась пробильчики они явно чрезмерно большие просто уже конфетка классный контраст вот этого поля вот этого поля вот с этим всем прям хорошо вот это противопоставляется вот этому да то есть все встало по уголкам модуль если вдруг нам надо побольше текста можем совершенно спокойно поставить вторую колонку и вообще ничего не сломает следующий вопрос у меня к тому почему Иллюстрации явно такие. Я зашел почитать с Антоем Мейдельфир и первым делом меня встречает фотка фасада. Почему она первая? Явно просится, чтобы первая была вот эта. Вот, я пришел читать про этот собор. Квадратики вот эти. Тут уже из области граф-дизайна. Ну, типа какая-то там аллюзия на вот эту сложную геометрию. Я бы рискнул сделать вот так. Интересы ради. Потом вот так. увеличиваем еще больше вот этот контраст но при этом добавляем еще контраст вот этого внешнего поля вот к этим внутренним расстоянием да что-то кажется получилось более стильно как считаешь ну да
⚙️ Pipeline jobs
| Stage | Status | Att. | Updated | Error |
|---|---|---|---|---|
| download | done | 1/3 | 2026-05-29 07:00:03 | |
| transcribe | done | 1/3 | 2026-05-29 07:00:07 | |
| summarize | done | 1/3 | 2026-05-29 07:00:20 | |
| embed | done | 1/3 | 2026-06-30 06:45:27 |
📄 Описание YouTube
Показать
Фрагмент вебинара курса «Типографика и вёрстка 2.0» Михаила Нозика. Курс будет полезен начинающим и опытным дизайнерам, редакторам, разработчикам и менеджерам. Курс пройдёт с 10 мая по 6 июня. Успейте записаться до субботы 9 мая: https://bureau.ru/courses/typography/?utm_source=yt-r-c-typography-060526