Вёрстка для дизайнера
Лайфхаки по работе в Adobe InDesign, разборы работ по вёрстке, интенсивы, вебинары, истории из жизни инженера-технолога с 20-летним стажем. Автор: Елена Осипова @koshka_pushinka Подробнее о курсе: pushinka.tb.ru Все продукты: https://layout-designer.ru
إظهار المزيدجاري تحميل البيانات...
Find out who reads your channel
This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.المشاركات | المشاهدات | الأسهم | ديناميات المشاهدات |
01 #видео #полезности
Бодрого денёчка, товарищи!
Пятница — вроде бы день уже почти отдыха, а я всё равно вам приготовила немного полезного контента 🥰
Новый шортс, в котором собрала самые частые ошибки в допечатной подготовке! Что-то рассказала голосом, что-то дописала текстом — кому что удобнее, читать или смотреть. Всё для вас 😎 | 54 | 0 | Loading... |
02 Как вам маркетинг? А дизайн? 😁 | 270 | 4 | Loading... |
03 #видео
Бодрого денёчка, товарищи!
Сегодня четверг, у нас на курсе это традиционно день для сдачи домашних работ, а для тех, кто только недавно присоединился к каналу, я назначаю этот день просто образовательным!
И сегодня я продублирую запись одного из самых моих популярных интенсивов — «Допечатная подготовка презентаций».
В видео рассказываю, что делать в том случае. если вам заказали презентацию для выступления (в формате 16:9), а в последний момент клиент попросил ещё и файл для печати.
Не стесняемся, если было полезно, ставить лайки, если что-то осталось непонятным, пишите в комментариях!
https://youtu.be/oysHUu4zJ9I | 295 | 4 | Loading... |
04 Шрифт «LaDiosa» by Алёна Голицына
Просто аккуратный и элегантный шрифт. Отлично подойдет для названия какой-нибудь сказки. Есть поддержка кириллицы, латиницы, цифр и части спец. символов. Можно бесплатно использовать в личных и коммерческих целях.
📂Скачать шрифт📂
#free #latin #cyrillic | 287 | 4 | Loading... |
05 #викторина
Ну что ж, подводим итоги викторины. И начнём с начала. Индизайн — программа, в которой можно много чего настраивать на стили, и тем самым ну оооочень упрощать, а главное, ускорять себе работу.
Стили абзаца и шрифта (символьный) предназначены для работы с целыми абзацами и отдельными словами соответственно. Это помогает не тыкать пипеткой в аналогично оформленные абзацы (как это происходит, например, в иллюстраторе), а просто применять стиль к целым главам, и знать, что всё будет работать, как заложено вами.
Стиль объекта — офигенно удобный способ оформления для целого, к примеру, текстового фрейма. Поможет при формировании врезов в статью, карточек для маркетплейсов с заранее определённым оформлением. Можно туда включить и стили абзацев, и какие-то плашки, рамки, настроить отступы и обтекание текстом. Один клик — и врез готов.
Стиль таблицы и стиль ячейки — аналогичны по логике стилям абзаца и шрифта. Стиль таблицы задаёт общее оформление, а вот внутри таблички можно отдельно настроить стили для шапки, подвала и т.д. — да хоть бы и для каких-то отдельных ячеек.
А вот стиля графики, увы, не существует. Ну или я о нём не знаю 🫢 И, конечно, на курсе «Вёрстка для дизайнера» мы плотненько изучаем все виды стилей, чтобы работать быстро и легко. Как говорится, на чилле и расслабоне 😉
И, конечно, все эти стили пригодятся в работе с многостраничными документами. Они существенно упрощают и, главное, ускоряют вёрстку. Ведь настройка каждой таблицы вручную будет в разы дольше, чем настройка буквально по одному клику мышки.
Что важно, все эти стили (может, кроме текстовых) есть и работают только в индизайне, вы не сможете их применить ни в иллюстраторе, ни в кореле, ни даже в так многими любимой фигме 😁
Так что учите Adobe InDesign и кратно ускоряйте свою работу!
Ну а вы как, сделали для себя открытие сегодня? | 323 | 1 | Loading... |
06 Media files | 360 | 2 | Loading... |
07 #викторина
Бодрого денёчка, товарищи!
Давно не было у нас викторин, давайте поиграем. Правила простые: не знаешь — не гугли!
Итак, задание очень простое для тех, кто знает про стили в индизайне. Нужно только угадать ответить, какого стиля в программе не существует. Вечером дам ответы с пояснениями. | 350 | 0 | Loading... |
08 #коротко
Знаете ли вы, что...
В индизайне достаточно просто скопировать полный путь линка, чтобы, например, вставить эту же картинку в любой другой фрейм.
Идем в панель Links, выделяем нужный линк, затем в бургерном меню панели выбираем Copy Info — Copy Full Paths (см. скрин). Всё, полный путь вашей скорее всегографики скопирован, и может быть через File — Place помещён куда угодно ещё.
Это удобно, чтобы не искать, где лежит нужная картинка, если она уже есть в макете. | 373 | 0 | Loading... |
09 Бодрого денёчка, товарищи!
Я решила собрать в одном посте все хештеги, по которым можно находить полезную информацию в канале, чтобы вам было удобнее ориентироваться.
#лайфхаки — полезные советы или видео по работе в Adobe InDesign и не только
#разборы — разборы работ подписчиков с точки зрения допечатной подготовки. Это отличный способ подсмотреть, как бы типография оценивала макет, на что обращала внимания, какие советы давала. В общем, не разборы, а клад!
#лицензии — серия постов про шрифты, их лицензии, включая те, что встроены в винду
#коротко — рубрика «Знаете ли вы, что…». Это серия из очень коротких лайфхаков, каких-то неочевидных, но крайне полезных советов, преимущественно по работе в Adobe InDesign
#истории — собственно истории из жизни инженера-технолога, т.е. меня 😊 Мои личные сложности, которые возникали на производстве, и рассказ об их решении. Возможно, вам будет интересно заглянуть за кулисы типографии
#дизайнпобедит — серия развлекательных постов, где вам предлагается выбрать продукт с полки среди таких же по цене, руководствуясь только дизайном упаковки
#викторина — небольшие опросы на знание разных дизайнерских моментов: про бумаги, цвета, форматы файлов и другое. Правило одно, простое: не знаешь — не гугли, угадывай. По хештегу доступны как сами викторины, так и посты с ответами на них
#логовфигме — отдельные истории, касающиеся макетов в фигме, предназначавшихся для печати
#сервисы — полезные сервисы, которые могут помочь вам в работе. Преимущественно бесплатные (на момент публикации)
#кейсы — рассказы о достижениях моих студентов и выпускников (изредка мои проекты). Ну, кейсы они и в Африке кейсы 😊
#отзывы — скрины отзывов на мои продукты. Немного социальных доказательств в ленту 😊
#производство — фото, видео, истории, снятые в моменте на производстве 🔥
#анонс — посты с анонсами всех моих продуктов, а также обновлений, дополнений и скидок. Хештег сделан не только для удобства поиска, но и для ускоренного просмотра описаний каждого продукта, чтобы быстро понять, надо оно вам или пока нет
#памятка — памятки, прикреплённые прямо к постам
#видео — ссылки на записи интенсивов и стримов
#полезности — информационные посты про всё то, что вам может пригодиться: дизайнерские бумаги, просто бумаги, шрифты, даже немного про копирайт и работу с клиентами | 449 | 1 | Loading... |
10 Знаете ли вы, что...
Точки в конце предложений не ставятся в пяти случаях.
1️⃣ В конце заголовков и подзаголовков.
2️⃣ После подписи к фото.
3️⃣ В последнем предложении внутри ячейки таблицы.
4️⃣ В стилистическом оформлении рекламных материалов (слоган на баннере, какие-то выгоды/преимущества на плакате).
5️⃣ В остальных случаях, только если редактор безграмотный. | 453 | 23 | Loading... |
11 Вот так, незаметно... | 463 | 0 | Loading... |
12 Media files | 459 | 0 | Loading... |
13 #дизайнпобедит
Вчера в магазине увидела колбасу в зелёной (колбасу, Карл!) упаковке. Я поняла, что это знак возродить подзабытую рубрику #дизайнпобедит!
Правила очень простые. Я показываю два варианта продуктов примерно по одной цене, а вы выбираете, что бы взяли с полки, руководствуясь только дизайном упаковки.
Итак, колбаса из зомби или традиционная ветчина? | 428 | 0 | Loading... |
14 Зачем мне эта допечатка?
Я очень часто в разных соцсетях (чатах, переписках, каналах) встречаю мнение, что фигма крутая, и в ней с помощью молотка и такой-то матери разных плагинов (платных большей частью) можно с лёгкостью превращать макеты из непечатных в печатные.
Удивительно, но рассказывали даже, что в некоторых рекламных агентствах работают люди, мало знакомые с традиционным пакетом Adobe, но легко верстающие даже макеты для широкоформатной печати в фигме.
Однако, как человек 20 лет работающий с цветом, я не могу верить в то, что каждый раз проект оказывается идентичен ожиданиям заказчика. Скорее всего, это или непритязательные клиенты, или отсутствие конкурентов у типографии. В этом случае клиенты, конечно, будут возвращаться снова и снова, ведь им просто больше некуда пойти!
❗️Если же вы живёте в городе, где больше чем одна типография, стоит всё же учить допечатную подготовку.
Кроме того, что она поможет брать проекты на печать, она ещё и кратно может повысить уровень дохода дизайнера. К примеру, разработка презентации од выступление может стоить от 10.000 руб., а её перевёрстка под печать — в среднем ещё +80% к стоимости.
🔥Т.е. это дополнительные 8.000 руб. дохода для дизайнера, просто знающего допечатную подготовку. К слову, базовый блок экспресс-курса «Допечатка для чайников», с помощью которого можно за 2–3 часа научиться готовить макеты к печати (и даже презентации!!!) стоит всего 3990 руб.
Так, дизайнер презентаций одним проектом может этот курс окупить, а со следующего просто начать больше зарабатывать. Почти х2 с каждого проекта. Но, конечно, это ваш выбор... Фигма бесплатная, вы платите только за брак тиража 😉 | 432 | 2 | Loading... |
15 Бодрого денёчка, товарищи!
Сегодня международный День защиты детей, и я решила, что дизайнеры, не знающие допечатной подготовки, но желающие готовить макеты к печати, — это тоже своего рода дети в допечатке. Да, они не умеют пока, но если захотят разобраться, то наверняка всё получится.
И, конечно, я понимаю, что сходу покупать какие-то курсы будут далеко не все, поэтому делаю сегодня подарок своим подписчикам — обновлённый гайд «Готовим макет к печати за 10 шагов»!
Это такой чек-лист для самоконтроля, в нём собраны основные параметры, которые вам нужно проверить перед сдачей макета в печать. Фактически настольная памятка начинающего дизайнера-верстальщика.
Буду благодарна вам за обратную связь и реакции ❤️ | 497 | 31 | Loading... |
16 Media files | 451 | 0 | Loading... |
17 Признавайтесь! Было? Ну было же!!! | 378 | 0 | Loading... |
18 Кому вообще нужны эти нормальные названия проектов?
☕ Шрифтач | 441 | 0 | Loading... |
19 #лайфхак
Когда мы делаем вертикальное выравнивание тексту по центру (внутри плашки), чаще всего получаем результат как на верхнем примере. Текст как будто немного сдвинут к низу фрейма. Однако, чтобы не использовать костыли для корректного выравнивания, надо сделать три шага:
1️⃣ Ctrl+B — открываем свойства фрейма, вкладка Baseline Options.
2️⃣ В параметре First Baseline вместо Ascent (это значение по умолчанию) выставить Cap Height (высота прописных букв).
3️⃣ Поставить лайк посту и наслаждаться результатом, как в нижнем примере 😉
P.S. Важно, чтобы это был не текст отдельно, плашка отдельно, а именно окрашенный текстовый фрейм. | 389 | 4 | Loading... |
20 Знаете ли вы, что...
В индизайне можно задавать дубликаты объектов? Выделяем то, что нам нужно сдублировать, нажимаем ctrl+alt+U и указываем количество дубликатов, а также их смещение по горизонтали/вертикали.
Важно. Смещение отсчитывается от левого верхнего края объекта, поэтому учитывайте его габариты. Т.е. величину смещения стоит задавать по формуле [размер + смещение].
И можно сделать сетку, включив галочку Create as a grid и настроив смещение одновременно и по горизонтали, и по вертикали.
Если есть сомнения в правильность настроек, включите Preview. | 348 | 1 | Loading... |
21 На самом деле предыдущий пост — не только для развлечения, но и о важности визуального контроля ваших проектов. Когда дизайнер сильно вовлечён в проект, потратил на него много своего времени и сил, у него не только притупляется внимание, но и, что гораздо опаснее, сильно снижается критичность мышления по отношению к своему творению.
Он и в самом деле может не видеть того, что так повеселило нас с вами. Ведь чем примечателен проект на фото? Не только тем, что дизайнер его нарисовал. Больше даже тем, что продал, обосновал свой макет клиенту. Тем самым притупив эту критичность и ему.
❓Что делать, чтобы избежать таких конфузов?
С макетом, как и с проблемой, надо переспать. Пожалуйста, не сдавайте ничего на ночь глядя. Оставьте на утро. УТром ДО отправки посмотрите на макет ещё раз. Ничего глаз не режет?
Как недавно читала в книге, руководствуйтесь правилом:
❗Посмотри. Отвернись. Посмотри.
После того, как вы отвернулись/зажмурились, вы смотрите на проект другими глазами, а значит, можете заметить что-то новое. Какую-то «сришку» в макете 😁 | 369 | 1 | Loading... |
22 Как прочитаете? | 352 | 8 | Loading... |
23 Бодрого утречка, товарищи!
Вчера были горячие обсуждения макета, предназначенного для бангладешской типографии, но зацепили и ещё момент взаимодействия сотрудников внутри редакции. Было высказано несколько разных мнений, как должно происходить взаимодействие условного верстальщика и условного редактора. И заодно поделились тем, как это чаще всего происходит на самом деле.
В частности, Полина рассказала, что в её практике верстальщик обычно совмещает почти все функции, которые не относятся к сфере ответственности редактора.
И я хочу спросить вас, как вы работаете в своих издательствах/компаниях?
✅ Есть ли отдельно дизайнер и верстальщик, или всегда 2 в 1?
✅ Редактор — он же корректор или корректора нет вообще?
✅ Верстальщик читает тексты, чтобы самостоятельно выцепить какие-то смыслы?
✅ Есть бильд-редактор или подбор фото осуществляет дизайнер/редактор?
✅ Существует ли литературная обработка материалов или как автор написал, так и хорошо?
Ну и в целом, как ваша работа построена? Что нравится, что бесит? Поделитесь наболевшим! | 376 | 0 | Loading... |
24 И вот, собственно, моя версия макета.
▶️ Аккуратные, не кричащие врезы
▶️ Бесплатные шрифты, вёрстка по сетке
▶️ Сделанные из презентаций рекламные модули 🤭
Просто? Да. Но клиент остался доволен! И, что самое важное, представители взяли этот журнал с собой на форум в Казани для укрепления международных отношений 💥
Всякую каку с собой брать же не будут, верно? 😉 | 394 | 1 | Loading... |
25 Вот такой комментарий получила в обсуждении к предыдущему посту, и хочу немного прокомментировать, как я себе вижу совместную работу редактора и верстальщика.
1️⃣ Редактор, конечно, создает контент под свой план журнала, и не всегда понимает, как получится всё в вёрстке на самом деле. Именно поэтому важен ДИАЛОГ дизайнера-верстальщика и редактора. Не на уровне «Я сверстаю, как получится, и гори всё синим пламенем», а вида: «Я сверстал, но качества фото недостаточно, чтобы доверстать страницу. Дай ещё текста на 400 знаков или небольшое фото».
2️⃣ Верстальщику желательно уметь видеть возможности для развёрстки/довёрстки за счёт имеющихся материалов.
➡️ где-то самому вынести врез;
➡️ где-то поставить картинку не на ширину колонки, а с выносом за край страницы, чтобы увеличить рисунок и убрать как можно больше пустого пространства;
➡️ создать плашку под фото нужного размера или пропорций, чтобы редактору было легче подобрать графику в материал.
И когда между редактором и верстальщиком будет диалог: один будет спрашивать, а второй отвечать — дело пойдёт быстрее и успешнее. Не молчите ,если вам чего-то не хватает. Это худшее, что можно сделать для вашего проекта. | 349 | 1 | Loading... |
26 ну есть ведь еще и выпускающий редактор который это все пропустил и не настучал верстальщику чтобы просил | 330 | 0 | Loading... |
27 Продолжая разговор про печать журнала в Бангладеш, зайду немного издалека.
❓Что было до меня
Дело в том, что многим клиентам совершенно необязательно делать что-то из ряда вон выходящее в плане дизайна, особенно, если речь идёт про корпоративную полиграфию — газеты, журналы. Чаще всего надо просто сделать аккуратно!
Просто сверстайте макет по правилам вёрстки, выдерживайте везде единообразие в заголовках и основных текстах, не устраивайте разносортицу в плане разных шаблонов вёрстки на разных страницах, и тогда у вашего клиента (а также читателя!) будет оставаться ощущение, что он находится внутри одного и того же проекта. Всё стабильно и предсказуемо — все счастливы.
Именно поэтому я хочу сначала показать макет, который был ДО. Дело в том, что я на самом деле, говоря объективно, не сделала ничего экстраординарного. В макете нет вау-эффектов, сложных коллажей и креативных приёмов. Я даже не использовала никакие цветные плашки для выделения чего-либо.
Просто. Аккуратно. Сверстала.
И этого оказалось достаточно, чтобы макет выделился на фоне своих предшественников. Итак, в галерее фото макетов за 2022–2023 год. И то, что лично мне режет глаз. Хотя это, конечно, не полный перечень, но самые частые ошибки многих дизайнеров точно.
Верстальщик — не равно дизайнер. Здорово, если вы умеете делать цепляющие макеты, но для корпоративной полиграфии чаще всего достаточно знать правила и формулы. Никаких волшебных палочек, только инструменты Adobe InDesign и голая математика!
Пишите в комменты, если узнали свои ошибки в этих макетах. | 377 | 1 | Loading... |
Бодрого денёчка, товарищи!Меня зовут Елена Осипова, я дизайнер-верстальщик со стажем работы в полиграфии более 20 лет. И сегодня расскажу о самых частых ошиб...
Рассказываю, как подготовить к печати на принтере презентацию, которую вы планировали сделать только под формат 16:9. Допечатка для чайников:
https://prepress.tb.ruКурс «Вёрстка для дизайнера»:
https://pushinka.tb.ruТелеграм-канал:
https://t.me/layout_to_designerВсе образовательные продукты автора:
https://layout-designer.ru/Авторский курс Елены Осиповой по полиграфической верстке в программе Adobe InDesign и допечатной подготовке. Онлайн-экскурсия по типографии
- Стиль абзаца
- Стиль шрифта
- Стиль объекта
- Стиль графики
- Стиль таблицы
- Стиль ячейки