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

Как построить сетку колоночно-базовых линий. Почему модульная сетка неактуальна. Как сверстать журнал в Индизайне. #сетка #урок #индизайн [БЕСПЛАТНЫЙ КОНТЕНТ] ► Материалы для повторения урока: ► Подборка лучших книг и лекций для старта в графическом дизайне: [КУРС] ♦ Этот урок сделан как дополнительный материал к курсу Осознанный Графдизайн: ♦ Плакаты учеников с курса: ♦ Журналы учеников с курса: [БЛОГ ШКОЛЫ] • VK-паблик: • TG-канал: • Insta: • Энциклопедия Графдизайна (уйма референсов!): [ДОПССЫЛКИ] → Струны vs сетки, Вадим Паясу: @SkillstoreJack/4-vs-93fd4469ca77 8pt Grid for Web → Дмитрий Симберев: → Норм стоковые фото: → § 81. Жизнь и необычайные приключения типографского пункта: → Джеймс Феличи, Типографика. Шрифт, верстка, дизайн: → Калькулятор золотое сечение: → Кандинский, точка и линия на плоскости: → Оптические эффекты в пользовательском интерфейсе (для настоящих ботаников): → Любимые иконки: [ДОПКОММЕНТАРИИ] 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 несколько раз). Потом выделить и удалить появившийся прямоугольник.
Back to Top