Как переверстать верхушку статьи #типографика #верстка #дизайн #нозик
Бюро Горбунова · 2026-05-07 · 1м 39с · 1 185 просмотров · YouTube ↗
Топики: craft-bureau-gorbunov
Аудио ещё не скачано.
📝 Summary
model=deepseek-v4-flash · prompt=summary-v7 · 2 450→956 tokens · 2026-05-29 07:00:01
🎯 Главная суть
При перевёрстке верхушки статьи достаточно убрать лишние визуальные элементы, выровнять заголовок по левому краю, уменьшить трекинг и подогнать поля — тогда читатель сразу начинает читать текст, не отвлекаясь на избыточные фото и неправильные отступы.
Практические приёмы: как облегчить верхнюю часть статьи
Заголовок лучше выровнять по левому краю и, если он крупный, слегка уменьшить трекинг (межбуквенное расстояние). Верхнее поле между краем и заголовком часто оказывается слишком маленьким — его нужно увеличить, ориентируясь на соотношение внешних и внутренних отступов. Лишние фотографии (например, «к Луне») стоит убрать, оставив одну. Текст-лид можно сделать покрупнее и жирнее, а блок со второстепенными фото или повторами — удалить, чтобы не мешал. Важные факты вместо отдельного изображения имеет смысл разместить прямо в тексте — синтаксически это может выглядеть неидеально, но воспринимается легче. Сам заголовок стоит уменьшить так, чтобы он подчинялся основной колонке, и добавить справа воздух на случай длинного текста. После этих правок читатель сразу переходит к содержанию, не спотыкаясь о лишние детали.
📜 Transcript
ru · 246 слов · 4 сегментов · clean
Показать текст транскрипта
Что касается вот этой верхушки, мне кажется, что можно было бы просто сделать ее легче. Заголовок все-таки по правому краю, ой, по левому краю. Дальше можно еще слегка позволить себе уменьшить трекинг, раз этот заголовок такой большой. Вот эту штуку, конечно же, пока мы уберем, чтобы у нас заголовок был главным. Есть ощущение, что... Верхнее поле маловато. Я смотрю просто вот это вот внешнее, вот это вот внутреннее. Тут как будто у тебя прям дофига каких-то фотографий к луне. Зачем? Давай оставим одну. Тут чуть-чуть у нас тоже страдает внутренняя и внешняя. Вот это можно сюда как-нибудь присобачить. Возможно, можно покрупнее сделать. Это пусть будет такой своеобразный лид. Можно заодно его сделать даже чуть-чуть пожирнее. И потом еще покрупнее. вот этот этаж нам просто портит всю малину просто его надо на самом деле убрать опять же зачем нам еще одна фоточка если здесь вот эти какие-то важные факты значит их нужно ну придумать как как-то в корячь можно вообще вот так вот это может быть синтактически не очень правильно но за за за то вот насколько легче это воспринимать теперь мы можем выкинуть еще вот эту штуку и теперь со спокойной душой мы берем сдвигаем я бы еще наверное рискнул Слегка уменьшить этот заголовок, чтобы он подчинялся основной колонке. На самом деле после этого бы еще его чуть уменьшил, чтобы у него еще был дополнительный воздух справа. Особенно на случай, если он будет большой. Вот это выравниваем. Просто я зашел, окей, клунят, тыры-тыры-тыры, пошел вниз читать.
⚙️ Pipeline jobs
| Stage | Status | Att. | Updated | Error |
|---|---|---|---|---|
| download | done | 1/3 | 2026-05-29 06:59:48 | |
| transcribe | done | 1/3 | 2026-05-29 06:59:51 | |
| summarize | done | 1/3 | 2026-05-29 07:00:01 | |
| 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-070526