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

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

Этот урок сделан, как демонстрация нашего учебного подхода.

Блог Школы:
Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:

Допссылки:

[ДОПКОММЕНТАРИИ]
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 несколько раз). Потом выделить и удалить появившийся прямоугольник.

[imgodzillaurjp]

На самом деле очень круто, весьма понятно и без воды. Думал посмотреть за едой и через сорок минут видео обнаружил, что ничего не сьел.

[evernever]

Прошел год, а это видео до сих пор остается наиболее актуальным и качественным.

[xducump]

смотрю видео уже в 2024 году, отличный материал, ты как всегда молодец:)

[anton_youtube_]

Смотрю твои видео, и впечатление такое, что перечитал тонны книг. Сделай список тех книг которые читал, которые пригодились в практической работе, возможно видео обзор где вкратце рассказываешь суть книги и показываешь примеры из реальной жизни. было бы интересно и полезно все это одним махом узнать :)

[hnyuobv]

Почему это не преподают в универе, господи... Спасибо за видео, верстала журнал по твоим советам, препод оценил на зачете))

[MrBerbetenok]

Твой голос, что то невероятное, час ночи я смотрю твоё видео, ничего не понятно, но я не могу остановиться тебя слушать, спасибо!

[olgaryzhoy]

как мне не хватало такого видео-урока, спасибо большое!

[artemstepanov]

Спасибо за отличный урок! Прошло четыре года с создание данного урока но он бесценен. Еще раз спасибо за хороший и понятный контент

[aymanbenfayt]

спасибо за видео, снимай дальше! ждем )))

[yellowl]

Большое спасибо! Несмотря на немалый хронометраж интересно смотреть. Очень информативно.

[neqhljm]

наконец-то крутой туториал по индизайну! кучу всего посмотрела на разных языках, но этот-топ! спасибо)

[qkzohfe]

Спасибо, за видео, ссылки, и главные теги! Да прибудет с тобой Сила!

[elvinabdurzaev]

Очень качественный и полезный контент) Спасибо!

[dromqqs]

Много смотрел уроков по дизайну, но впервые не заснул. Лайк, подписываюсь!

[walterwhite]

Спасибо, бро классный урок, узнал для себя массу полезного, продолжай и в будущих уроках давать свои рекомендации, насчет того, что почитать книги, статьи, методы итд.

[betman]

Гениальный человек, спасибо за горячие клавиши и четкие объяснения!

[mqjtkdf]

обожаю ваши ёмкие объяснения. Без словесного мусора, всё только самое нужное)

[dashazaborskaya]

Привет Вадим) крутое, полезное видео! эта подача - бомба. еще еще

[qutsnhh]

Вадим, очень полезное видео, очень жаль что они выходят так редко. Конечно снимать вторую часть, о чем вопрос)

[sg_arrt]

Спасибо большое, Вадим! Наконец мы с моим мозгом сделали этот видос, этот урок!!