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