Как построить сетку. Графический дизайн, ч1

Как построить сетку колоночно-базовых линий. Почему модульная сетка неактуальна. Как сверстать журнал в Индизайне. #сетка #урок #индизайн Этот урок сделан, как демонстрация нашего учебного подхода. Курсы и мастер-классы смотрите на сайте Школы: https://granich.design/ Блог Школы: Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна: • VK-паблик: https://vk.com/granichvk • TG-канал: https://t.me/granichannel • Insta: https://www.instagram.com/granichgram • Энциклопедия Графдизайна (уйма референсов!): https://www.pinterest.ru/vadim_granich/ Допссылки: → Струны vs сетки, Вадим Паясу :https://medium.com/@SkillstoreJack/4-vs-93fd4469ca77 → Дмитрий Симберев: https://designpub.ru/https-medium-com-simberev-8pt-grid-for-web-f05fccc956ab → Норм стоковые фото: https://www.pexels.com/ → § 81. Жизнь и необычайные приключения типографского пункта: https://www.artlebedev.ru/kovodstvo/sections/81/ → Джеймс Феличи, Типографика. Шрифт, верстка, дизайн: https://www.ozon.ru/context/detail/id/23978375/ → Калькулятор золотое сечение: https://pearsonified.com/typography/ → Кандинский, точка и линия на плоскости: https://www.bookvoed.ru/book?id=6251321 → Оптические эффекты в пользовательском интерфейсе (для настоящих ботаников): http://deadsign.ru/design/opticheskie_effekty_v_polzovatelskom_interfejse_dlya_nastoyawih_botanikov/ → Любимые иконки: https://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 несколько раз). Потом выделить и удалить появившийся прямоугольник.