Построение модульной сетки в InDesign. Очень подробно.
ฝัง
- เผยแพร่เมื่อ 29 ธ.ค. 2024
- В этом уроке рассказываю как строить модульную сетку в InDesign. Очень подробно об инструментах, которые Индизайн для этого предоставляет, и о том как насаживать текст на модульную сетку. О самом построении сетки говорим с 0:50 до 13:15. А потом оставшиеся полчаса о том, как на нее закреплять текст. #урок #сетка #индизайн
Этот урок сделан, как демонстрация нашего учебного подхода.
Курсы и мастер-классы смотрите на сайте Школы: granich.design/
Блог Школы:
Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:
• VK-паблик: granichvk
• TG-канал: t.me/granichannel
• Insta: / granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest....
Допссылки:
→ Этот урок по сетке считаю морально устаревшим. Создал плейлист с тремя более качественными уроками: • Как построить сетку. Г...
→ с 49:00 до 53:00 даю бонусный трюк в Индизайне. Подробнее о нем можно посмотреть тут: • Индизайн как вставить ...
[БЕСПЛАТНЫЙ КОНТЕНТ]
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation
Круто, наоборот урок получился на 5+ потому что как раз таки описывается не только основная тематика урока, а еще и сопутствующие приемы которые в любом случае пригодятся и будут использоваться. Мне, как новичку, такие уроки и нужны! Лайк, подписка !
За работой лучше воспринимается информация, чем просто урок на определенную тему.
Спасибо тебе! Приятно смотреть и слушать!
Спасибо вам, за то что смотрите и слушаете 🙌
ой класс.мне очень нравится,что так всё подробно расписано,со здоровым перфекционизмом.очень качественно.спасибо.я только начала осваивать индизайн,но кроме него , благодаря этим урокам еще и типографику осваиваешь) спасибо!
Супер урок! Я только изучаю программу и сижу впитываю как губка всю информацию! Все очень доступно и понятно! Я в восторге! Спасибо!
Чел, я тебя люблю. Спасибо большое за видос, невероятно полезно. Плюс отдельное уважение за то, что рассказываешь про горячие клавиши
Спасибо огромное! Не затянуто, вы всё понятно объясняете, отдельное спасибо за то, что проговариваете горячие клавиши и за бонус!)
Вадим большое человеческое спасибо! Потрясающий урок! Очень понятно и интересно рассказываете. ГУРУ своего дела!
Совершенно случайно попала на Ваши уроки - смотрю и получаю удовольствие! Излагаете очень полезную информацию доступно и легко. Думаю на ваш курс записаться. Мечтаю делать такое же классное оформление, но пока новичок. Вы молодец!
Урок - что надо, особенно для новичков :) Полезно, продуктивно и очень легко! Спасибо :)
Очень! Готова слушать и дальше такие длинные и полезные уроки.
Супер! Очень помогает быстро включиться в работу с индизой даже новичку. Надо скорее смотреть плейлист с 3 более качественными уроками. Спасибо!
Вадим, ну СПАСИБО тебе огроменное! Легко воспринимается и нет проблем с применением в дальнейшем этого на практике. Уроки всегда интересные и если даже что-то уже знаем, то не лень послушать это еще раз. Пусть уроки будут длиннее, пусть всегда будут бонусы!
Вадим, просто огонь, вся инфа по теме, все мелочи, про которые рассказываешь очень полезны, спасибо за то, что ты есть и у тебя есть шикарный канал, делай больше видео по-возможности у тебя это хорошо выходит! вот прям от души пишу!
Спасибо! Еще не досмотрела, но уже со старта получила важную и нужную информацию о принципах построения модульной сетки в общем!
Как круто было найти эти уроки, не справедливо, что так мало подписчиков. Материал отличнейший. Спасибо
Спасибо) Кстати, если интересно, я запустил курс в Индизайне. Там и про сетки и про типографику и еще гору всего. В ВК инфа: vk.com/vadim_granich
Классный урок! Вся информация полезна и очень интересна, а как для новичка - все понятно! И бонус - отличная идея! Большое спасибо за урок! И за атмосферу ведения урока!!)))
Ирина, рекомендую свежее видео по теме сеток: th-cam.com/video/gb6jS8Kjtz4/w-d-xo.html
Спасибо большое за урок много важной информации, объяснённой достаточно понятным языком. Даже не имея под рукой программы, все наглядно и информативно.
Очень понравился урок, все что не по теме выпало, не считаю лишним, полезная информация. И горячие клавиши всегда пригодятся👍🏻 спасибо за потраченное время.
Очень понравилась дополнительная информация, например, по поводу вёрстки, спасибо, продолжай, если нравится, хорошо получается)
Спасибо огромное за инфу! Это прям мега-полезно! Впервые открыла InDesign, по твоему уроку очень быстро и понятно в нем работать!
Спасибо, вам Вадим, огромное, вы очень хорошо, отлично, лучше всех объясняете. Счастья вам
Просто, БОМБА! Спасибо, мужик, просто глаза открыл на индиз :) И мой тебе ЗАСЛУЖЕННЫЙ 800-сотый лайк!
Юбилейный заслуженный лайк, ура)
Ты просто красавчик!! Доступно, понятно объясняешь! Большое спасибо!
Спасибо большое! Ничего лишнего, отличная подача материала!
Спасибо за урок! Очень объёмно, действительно есть над чем работать! Очень вдохновляет!
Спасибо большое за полезный урок )) улыбнул под конец ))) позитиввв
Не падай в обморок от чувства собственной важности, ты реально крут, потому что не жлоб. Молодец !!!
Живи так до старости и жизнь будет в состоянии: шикарно удалась !!!
Рад, что вам настолько понравилось)
Режим жизни выбран верный, да
Очень классные уроки у тебя, спасибо большое!То что длинные ничего страшного, действительно, бонус крутая идея.Еще раз спасибо!
Спасибо, Бони) Я, кстати, волновался, что урок получился длинноват. Но вы пишите, что ничего страшного, это прям успокоило)
Очень познавательно, начинающие не умеют маленькие детали просчитывать наперед. Поэтому большая польза твоих видео где есть решения дополнительных задач! Спасибо! Все очень подробно! Особенно нравится, что говоришь сочетания клавиш (выводишь на экран в других видео), после пары твоих уроков сочетания запоминаются в голове.
Крутяк, огромное спасибо за урок и за интересные идеи!
Спасибо большое за полезный урок!
Большое спасибо за урок. Я была готова слушать и дальше. Очень интересно и полезно. А еще очень приятная подача. Еще раз спасибо!!!
Екатерина Никитична, благодарю, очень приятно получить такой отзыв) Кстати, по модульной сетке я вчера снял новый урок, можете найти у меня на канале.
Спасибо! Обязательно посмотрю)))
Отлично! Мне нравится скорость рассказа. И практичность :)
Шикарный урок! Спасибо огромное!
Снял продолжение. Опубликовал сегодня)
Урок мега крутой и полезный, всё нужное, спасибо!!!
Спасибо за урок! Очень понравилось!
Спасибо большое за урок! Столько всего полезного!
Спасибо за урок! Все очень понятно и интересно)
)) все как в profileshool
Для новеньких - отличный урок
Вертикальные направляющие не сменили цвет т.к. для них другая настройка по цвету (ступеней ниже от горизонтальных)
А в конце такой твист! Не ожидала. ))
Пятиминутный бонус оказался полезней для меня чем вся остальная информация, которую я и так более менее знала. Большое спасибо, очень полезная в хозяйстве вещь :D
хах, забавно вышло)
Прекрасный урок! Уже которое видео смотрю, невероятно Вам благодарна! За бонус отдельное спасибо :)
Досидела! ))) Спасибо! Весело и интересно! Как раз то что мне нужно было)!
Да Вам в институте преподавать! Просмотрев один Ваш урок можно каталог создать. Мне очень пригодилось! Спасибо! уроки не сокращайте, очень информативные, полезные, видео смотрится не скучно! Подряд два Ваших длинных урока посмотрел, ничуть не жалею о потраченном времени. Если хочется быстрее - всегда есть увеличение скорости воспроизведения, ну а когда следуешь уроку в программе, то и паузу нажать можно.
Аво всех тонкостях и уходах в сторону какрах изюминка! А то делаешь как в уроке, а текст ползет не как у автора, а тут сразу понятно почему. Так что смотря этот пример делаешь свой, и какраз видишь "подводные камни".
Еще раз спасибо!
Спасибо и вам, за такой подробный отзыв, приятно)
Вадим, спасибо большое за урок, вся инфа по теме. Урок длинный, но смотрится с интересом. Если добавишь список с ключевыми моментами будет вобще зашибись.
Очень большое спасибо, интересно и понятно !
круто,спасибо за урок.Мне как раз в работе подошел.
Спасибо за урок, было много полезного.
Отличный урок, спасибо Вам!)
Для меня очень полезно, подписалась на канал.
За всякие доп. инструменты отдельное огромное спасибо!)
Успехов =)
Спасибо! Очень полезный урок!
Тысячный лайк тебе, спасибо за твою работу!
1K 1K 1K УРА
отличный урок!) большое спасибо!)
Спасибо - большое! Вы очень помогли.
Спасибо большое, очень много полезной информации:)
Спасибо вам огромное! Очень полезный урок!
Спасибо за урок, научился делать презенташки за 2 дня
Я бы ещё часик посмотрела) Очеь полезно и интересно. Спасибо за урок! (хоть бы договорил в конце, что ещё туда можно вставлять, интересно же)
Боковые линии не поменяли цвет, потому что они относятся к колонкам, а не к отступам.
Спасибо Вадим! Надо с водой!))
Полезный урок спасибо!
ну какой же крутой чел)
SPASIBO BOLSHOE, vsya infa prigodilas ,dosmotrela do konca
podpiska i like
спасиба за урок, круто, очень полезная
Крутой урок. Спасибо за него, Вадим.
Вариант с «красной строкой» не устарел. Это просто другой вариант отделения абзацев друг от друга. Если не «красная строка», то отбивка строкой. Рекомендуется для деловой и электронной переписки. Ну, а «красная строка» вполне уместна и актуальна в книгах, газетах и журналах.
Кстати, заголовок «О компании» смотрится не очень из-за отваливающейся «О». Как вариант, можно написать просто «Компания». Суть та же, но визуально будет более выигрышно смотреться.
Спасибо, Андрей.
Согласен с вами, «Красная строка» вполне актуальна. Просто мне по работе крайне редко приходится ей пользоваться и потому такое мнение сложилось.
Да, точно, отваливающуюся «О» лучше убрать)
Коммент к финалу:
Вадим, делай больше воды. Еще больше воды.
Мне урок очень понравился! Спасибо за потраченное время, дружище.
Оценка:
10 пролитых вод из 10.
Да, под конец уже лишнее было.
Попробуй этот урок, здесь намного короче и лучше подготовился: th-cam.com/video/bq_hb6Gxtss/w-d-xo.html
Один из лучших каналов по граф. дизайну на русском языке! Просто шик, Вадим
Крутой чувак!
Чихольд передает вашим швейцарским красным строкам привет
Скажите пожалуйста, а как можно сделать такое наложение букв, как в логотипе на синей подложке?
Здравствуйте! Спасибо большое за видеоурок! У меня вопрос, как можно убрать такую сетку отдельно для некоторых страниц, чтобы не было привязки именно к этой модульной сетке? Иначе не могу сверстать отдельные рекламные страницы с тектом и изменить интерлиньяж.
Спасибо большое за очень полезное видео! А нет ли у вас видео, как вот также встроенную таблицу по модульной сетке выровнять?
Во благо. Такого урока нет. Предположу, что столбцы таблицы нужно рифмовать с сеткой. Для этого лучше всего 6-колоночная сетка или 12 колонок. Хорошо делится.
Как сделать так чтобы картинка обрезалась под рамку?
у меня почему то не хотела появляться сетка, что можно сделать чтоб она появилась
Спасибо!
32:57 что Вы нажали что сетка пропала? Тоже нажал, теперь направляющих не видно :(
Клавиша W (это переход в разные режимы просмотра)
как я ждал этот ответ :)
*(ctrl + :)* - скрывает сетки и направляющие
а *(w)* - переключает вид
спасибо, последний месяц живу в ID ...
Все получается?
Помогите пожалуйста, всё делаю как Вы показываете, выделяю текстовый бокс и нажимаю Ctrl+B не работает( снимаю выделение с текстового бокса, нажимаю Ctrl+B всё работает, появляется окно с настройками...почему так?
Вадим, советую на бумаге текст видео записать или подробный план программы... иначе очень разрознено и материал не усваивается или не воспринимается.
В рамках проекта быстро переключиться с миллиметров на пункты будет достаточно щелчка правой кл. мыши по перекрестию линеек документа;
Поля внешние часто приходиться делать и больше внутренних (как правило, это делается, чтобы обезопасить макет после общей подрезки), всё сугубо индивидуально. Говоря о сгибах макета - актуально исключительно для книги или журнала в клей.
Про красную строку не согласен, в книгах без красной строки ... уууу
По мне так выравнивание заголовков и текста должно быть одинаково, (но на любителя), есть ощущение оторванности (самостоятельной жизни) заголовка.
По поводу переносов - очень много кто (из заказчиков) их не любит, так что ОЧЕНЬ часто макет делается без переносов. К тому же, если Вы ставите переносы, то должны четко понимать где они ставятся или устанавливать дополнительный софт по их расстановке. (а то у Вас не красиво перенесено слово обес-пе-чи-ва-ет на второй страничке) Наверное это мелочь, но некоторым глаз режет. Не мне )))) Кстати, советую, уж коль Вы на этом деньги зарабатываете, то рекомендую приобрести www.batov.ru/hyph/start.asp
Владимир, у вас все комментарии развернутые и полезные, мне это нравится. Я учту, то что вы написали, спасибо.
Про план программы - согласен. Сейчас я более качественно подхожу к построению уроков. Раньше не было достаточно опыта.
Про плагин «Переносы для гурманов» слышал, мне рекомендовали. Не брал его, т.к. чаще всего я и сам без переносов работаю. Но он определенно крут! А стандартные словари Индизайна слабоваты, конечно.
Красава!!! Респкет!!
Спасибо за урок!
Будет ли, урок о том как просчитывать сетку?
Ivanka Popuk , вряд ли, это ручная работа и чаще всего я делаю это на глаз.
Это не "построение модульной сетки", это "построение базовой сетки текста", и если уж совсем по-хорошему делать, то базовая сетка текста должна просчитываться по формулам, относительно кегля основного текста, и размеров листа, на котором просчитывается сетка. Потому что потом по базовой сетке, делается сетка для выравнивания изображений относительно текста, а уже относительно этих двух сеток, делается колоночная сетка, и вот тогда уже можно говорить о "модулях", полях, и прочих вещах. Потому что нормальная модульная сетка, состоит по сути из трёх-четырёх слоёв сеток, которым проставлены опции отображения относительно параметров зума.
Granish, в том-о и проблема, что как строить сетку знаем, а как её рассчитывать - нет. Вы говорите почитать специализированную литературу. Так уточните, пожалуйста, учебники. Во всех, что мне попадались, всё кончается либо на золотом сечении, либо на готовых примерах сеток без объяснения, как их вообще рассчитать. И там много примеров, где сетка строится не из гориз. и верт. линий, а из квадратов, которые нарисованы сами по себе. Тоже встаёт вопрос, как это сделать.
Правильные вопросы задаете. А правильные ответы ищите в моем новом видео про сетки: th-cam.com/video/gb6jS8Kjtz4/w-d-xo.html
А можно ссылочку на проект? Понравился дизайн
У меня на аккаунте FL есть: www.fl.ru/users/Granich/portfolio/5760274/marketing-kit-smartscape-perevodcheskoe-byuro/
Привет) А если если есть документ в котором основной текст стилизован, но надо чтобы все блоки были привязани к сетке, а несколько (этого же стиля) - нет! Если отключать в настройках стиля, то все блоки идут не по сетке. А можно как-то нужные блоки открепить от сетки не меняя и не копируя стиль? Или лучше создать дубликат стиля и в нем выключить привязку? Спасибо!
Привет) Да, проще создать дубликат стиля и в нем отключить привязку.
а как вы быстро убираете видимость сетки? подскажите хоткей, пожалуйста
Кристина Чацкая , хоткей W
Переносы же по такому принципу все равно с ошибками работают. Нужно текст через скрипт для переносов прогонять.
Здравствуйте! Посмотрела видео, очень полезный. У меня в макете нижняя сетка тоже не совпадает, но когда я меняю, то перемещается только на одной странице, в остальных не удается исправить, как это сделать?
На мастерпейдже, нужно выделить обе страницы перед редактированием
Вопросик: а есть какая то логика вычисления расстояния отступов? Типа, почему gutter именно 24 (или сколько там) пунктов, а text frame - 15? Или значения берутся отфонарно?
Почитай книгу Лаптева про сетки
благодарю
Спасибо за урок!)) Есть вопрос. Создала колонки , а потом решила их поменять, но на них сверху накладываются новые колонки..не могу найти параметр где менять существующие(
Ирина, если вы про колонки с помощью Guides, то они накладываются у вас, потому что вы предыдущие не удалили. Для этого там есть галочка delete previous guides, вроде так.
Да, спасибо) Не заметила
Очень важный для меня вопрос. При помещении фото в фотошоп с параметрами смик и с сохранением в формат тиф и после помещения в индизайн, эта фотография в ужасно низком качестве, хотя настройки смик в индизайне, что не так? Мне по этой причине пришлось брошюру делать в иллюстраторе, а сейчас журнал хотелось бы, да все одна и та же проблема. Прошу помощи
Daria Markelova , зачем вообще юзать тифф, по мне так дохлый формат. Используйте jpeg с максимальным фактором качества или psd если ещё планируете фото докручивать.
Спасибо за совет, приму к сведению
indesign содержит три варианта представления элементов документа: Typical (Типовой), Optimized (Быстрые) и High Quality (Высокое качество). Каждый из них влияет на качество просмотра элементов в программе, но не при печати. В вашей программе может по умолчанию стоять режим Typical, изменить его можно при помощи окна "Preferences", во вкладке "Display performance"
Называть tiff дохлым форматом и при этом продвигать jpeg. Любой дизайнер уровня "любитель и выше" покрутит у виска и скажет "Картинки - это не ваше, работайте с текстом дальше".
Наверное, именно такие люди присылают в типографию макеты в jpeg, который весит 300-500 мб, а по качеству хуже, чем тиф со сжатием, который весит 20-30 мб.
"эта линия под заголовком не просто нарисованная штучка" )
Здравствуйте, посмотрел ваш урок верстки журнала и у меня возник вопрос. Скажите, пожалуйста, сначала верстать журнал или делать модульную сетку?
Здравствуйте. Сперва модульная сетка. Для того, чтобы ее сделать, нужно подробно изучить контент, который будет присутствовать на страницах.
Спасибо большое!
смотреть строго на скорости 1,75
Оч круто. А сам дизайн строишь в индизайне или скетчем ... или как?
Я делаю печатный дизайн, поэтому InDesign.
Здравствуйте, Вадим. Спасибо вам за урок, ОЧЕНЬ полезный. Можете помочь разобраться?) Только изучаю индизайн. При написании текста, когда хочу его сдвинуть в сторону, то блок текста, в котором он написан сдвигается, а сам текст нет, поэтому я переношу пустой блок, где не видно текста. Что я не так делаю?..
Галина, если при этом появляется красный плюс в правом нижнем углу текстового блока, то это значит, что текст не может остаться в боксе при текущих настройках модульной сетки и из-за этого он исчезает. Тогда вы можете нажать ctrl + alt + C и скорее всего исчезнувший текст появится, при этом он растянет текстовый бокс.
Вадим Гранич да, все так. Вроде разобралась, пока задавала вопрос) Спасибо!
вотета мне повезло)
Вадим, называть модульной сеткой комбинацию "сетка базовых линий + направляющие для колонок" вряд ли уместно. Как вы прекрасно понимаете, модульная потому и сетка, что основана на модулях. Считать же модулями пересечения сетки базовых линий с вертикальными направляющими ни признанный мастер, ни работяга-ремесленник себе не позволит.
Поэтому я считаю, что подобные видео вредны для начинающих и продолжающих верстаков, а автору записей авторитета не придают. По всему видно, что вы творческий человек, но либо опыта у вас маловато, либо нужно выровнять навыки с теорией, одномоментно повышая и первое, и второе. Надеюсь, вы понимаете, что речь идёт о ваших записях, а не о личности.
Всех благ.
Владимир, спасибо за комментарий. Честно говоря, искренне считал, что в уроке делаю модульную сетку. Видимо вы правы, в этом плане действительно опыта маловато. Я по сетке редко верстаю.
Однако же урок считаю полезным хотя бы с точки зрения того, что показано какие именно инструменты и настройки InDesign стоит учитывать при работе с сеткой.
Кстати, если посоветуете литературу на эту тему, то буду весьма признателен.
Вадим, из бумажных книг лично у меня есть такие: "Графический дизайн. Принцип сетки". Кимберли Элам. И вторая - Йозеф Мюллер-Брокман "Модульные системы в графическом дизайне". Эти книги скорее всего еще можно купить в каком-либо из интернет-магазинов.
А из электронных - на вскидку - могу вспомнить "Модульные сетки" Лаптева и "Making and Breaking the Grid" - под авторством, кажется, Тимоти Самары. Эти электронные версии можно поискать в Интернете.
искала приемы для построения модульной сеточки в люстре, наткнулась на этот урок, не совсем по теме, зато новый и крутой)
Поучиться хотел. Но на Английском не буду.
Бля, яке воно тупе! ані термінології, ані розуміння процесів.
- нічо, що в сторінці вийшла не ціла кількість рядків?
- за яким принципом і пропорцією вибиралися зовнішні поля?
- в якій пропорції і чому рахувалоися міжколонники?
- де, бля, тут модульна сітка, якщо нема вертикальної розмітки, пропорційної сторінці і базовим лініям?
Я почти не понял текст, но понял, что меня там обижают.Вам стоит глянуть 3 новых видео про сетки (есть плейлист на канале).
@@granich вот последующие видео отвечают заявленной теме. А это нет.
Верстаешь в миллиметрах и учишь сетке? я тя умоляю
Уже давно в миллиметрах не верстаю. Раньше не понимал значения пунктов, теперь отлично в тему въехал.
Ну, это ты молодец, это правильно. Я как-то скрипт писал для расчета сетки (forum.rudtp.ru/bookmarks/?type=post&id=465502), но сдуру сделал фейс на Flash, а переделывать на нативный фейс так руки и не доходят.
Скрипт для расчета это крутая идея, думаю многим бы пригодилось
Жизнь показала, что не особенно. К тому же есть плагин - но за бешенные деньги.
что за тупость ?мне теперь язык учить что бы работать в этой программе?