Верстка текста детально
Описание
Как сверстать текст по правилам типографики. Оформление текста со всеми нюансами. В течение получаса мы превратим сырой кусок текста в изящную ткань. Пошаговый детальный урок в Индизайне (Фигма слаба в плане инструментов вёрстки текста).
Материалы урока в Фигме (дублируйте файл себе в драфты): https://www.figma.com/design/8bihykFpO6Y6uEbjR1xTVO/%D0%92%D1%91%D1%80%D1%81%D1%82%D0%BA%D0%B0-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%D0%B4%D0%B5%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE?node-id=0-1&t=aoz7q84XJIjSw69A-1
Полезные ссылки:
— Грепы для Индизайна (Игорь Штанг) https://nobelfaik.livejournal.com/137299.html
— Переносы для гурманов (Игорь Батов) https://batov.ru/hyph/start.asp
— Скрипты Индизайна (Михаил Иванюшин) https://dotextok.ru/allscripts/besplatnye
— Типографская раскладка (Илья Бирман) https://ilyabirman.ru/typography-layout/
— Что такое «правило внутреннего и внешнего»? https://bureau.ru/soviet/20140818/
— Якорные Объекты https://bureau.ru/soviet/20140324/
— Про редактуру (Вёрстку текста) (Максим Ильяхов) https://bureau.ru/soviet/20150517/
Эпизоды:
00:00 Переход от центральной композиции к левой
02:38 Кегль на интерлиньяж. Обозначение
03:02 Проблема антиквы на экране
03:31 Как выглядят разные шрифты на экране
04:05 Переход от антиквы к неогротеску от Apple
04:36 Ошибки выбора начертаний
05:19 Версии гарнитуры
06:00 Параметр «контраст»
06:52 Параметр «x-height»
07:55 Кегль
08:52 Контраст (иерархия) расстояний
10:03 Интерлиньяж
11:37 Длина строки
12:54 От черного к темно-серому
13:55 От белого к темно-серому
14:33 Грязный серый
14:56 Левый флаг
15:30 Кавычки
16:58 Тире
18:41 Висячие предлоги
21:00 Висячая строка
21:34 Кустода
21:52 Переносы
23:31 Выключка по ширине
25:17 Висячая пунктуация
26:33 Красная и швейцарская строка
27:14 Размер швейцарской строки
27:38 Добавляем заголовок
28:06 Контраст по масштабу вместо капслока
28:33 Контраст в зависимости от формата
29:16 Контраст по форме
29:37 Горизонтальная верстка
29:54 Швейцарская линейка
30:14 Редактура
30:58 Оформление поля
31:22 Расчерчивание пространства
Рекомендуемые видео



















