Как построить сетку колоночно-базовых линий. Почему модульная сетка неактуальна. Как сверстать журнал в Индизайне. #сетка #урок #индизайн

[БЕСПЛАТНЫЙ КОНТЕНТ]
► Материалы для повторения урока: granich.design/how-to-design-a-grid-1
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation

[КУРС]
♦ Этот урок сделан как дополнительный материал к курсу Осознанный Графдизайн: granich.design/conscious-graphic-design/
♦ Плакаты учеников с курса: www.pinterest.ru/vadim_granich/granich-graphic-design-course/
♦ Журналы учеников с курса: www.behance.net/granich

[БЛОГ ШКОЛЫ]
• VK-паблик: vk.com/granichvk
• TG-канал: t.me/granichannel
• Insta: www.instagram.com/granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest.ru/vadim_granich/

[ДОПССЫЛКИ]
→ Струны vs сетки, Вадим Паясу: medium.com/@SkillstoreJack/4-vs-93fd4469ca77
8pt Grid for Web
→ Дмитрий Симберев: designpub.ru/https-medium-com-simberev-8pt-grid-for-web-f05fccc956ab
→ Норм стоковые фото: www.pexels.com/
→ § 81. Жизнь и необычайные приключения типографского пункта: www.artlebedev.ru/kovodstvo/sections/81/
→ Джеймс Феличи, Типографика. Шрифт, верстка, дизайн: www.ozon.ru/context/detail/id/23978375/
→ Калькулятор золотое сечение: pearsonified.com/typography/
→ Кандинский, точка и линия на плоскости: www.bookvoed.ru/book?id=6251321
→ Оптические эффекты в пользовательском интерфейсе (для настоящих ботаников): deadsign.ru/design/opticheskie_effekty_v_polzovatelskom_interfejse_dlya_nastoyawih_botanikov/
→ Любимые иконки: www.flaticon.com/

[ДОПКОММЕНТАРИИ]
1. Область под обрез для А4 = 12 пунктов или 5 мм.
2. Сетку начинаем строить с изучения количества контента (текста в первую очередь). Кегль для наборного текста = 9-12 пунктов (при чтении с рук). Для чтения с экрана кегль = 16-22 пункта.
3. Чтобы фреймы менялись под объем текста идем в text frame options, ставим auto-size по высоте (height only).
4. Когда ставите поля, делайте так, чтобы нижнее было больше верхнего (это делается для компенсации визуального веса). Методы построения полей: канон Виллара Де Оннекура (Ван де Граафа), алгоритм Душана Шульца, способ Рауля Розариво.
5. Горизонтальный ритм: хорошо 6 или 8 колонок. 12 колонок это для большого количества контента. 3 колонки норм для простых флаеров/плакатов
6. Вертикальный ритм: начинаем с того, что приводим к уму интерлиньяж наборного текста. Если сетку базовых линий не видно, нужно в Preferences в разделе Grids снять галочку с Grids in back. Другие настройки baseline grid: start 0 pt, relative to top margin, view threshold 12.5%.
7. Выбор шрифта: антиква (с засечками и низким x-height) лучше для печати, гротески (без засечек и высоким x-height) лучше для экрана. Вдобавок, чем больше x-height тем больше будет интерлиньяж (расстояние между строчками).
8. Чтобы фреймы идеально ставились по сетке базовых линий идем в text frame options, ставим в first baseline Cap-height или X-height.
9. Для более удобных горячих клавиш смены кегля в Preferences, Units and Increments в подразделе keyboard increments поставьте везде по 0,5 пункта (кроме kerning/tracking).
10. Пропорции кеглей должны быть контрастны. Чтобы мы сразу выделяли иерархию уровней.
11. В Иллюстраторе бывает полезно снимать маску клипирования с иконок (ctrl alt 7 несколько раз) и разгруппировать (ctrl shift G несколько раз). Потом выделить и удалить появившийся прямоугольник.