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

Поделиться
HTML-код
  • Опубликовано: 15 сен 2024
  • Как построить сетку колоночно-базовых линий. Почему модульная сетка неактуальна. Как сверстать журнал в Индизайне. #сетка #урок #индизайн
    Этот урок сделан, как демонстрация нашего учебного подхода.
    Курсы и мастер-классы смотрите на сайте Школы: granich.design/
    Блог Школы:
    Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:
    • VK-паблик: granichvk
    • TG-канал: t.me/granichannel
    • Insta: / granichgram
    • Энциклопедия Графдизайна (уйма референсов!): www.pinterest....
    Допссылки:
    → Струны vs сетки, Вадим Паясу : / 4-vs
    → Дмитрий Симберев: designpub.ru/h...
    → Норм стоковые фото: www.pexels.com/
    → § 81. Жизнь и необычайные приключения типографского пункта: www.artlebedev...
    → Джеймс Феличи, Типографика. Шрифт, верстка, дизайн: www.ozon.ru/co...
    → Калькулятор золотое сечение: pearsonified.c...
    → Кандинский, точка и линия на плоскости: www.bookvoed.r...
    → Оптические эффекты в пользовательском интерфейсе (для настоящих ботаников): deadsign.ru/des...
    → Любимые иконки: 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 несколько раз). Потом выделить и удалить появившийся прямоугольник.

Комментарии • 203