Вёрстка для дизайнера | Елена Осипова

Как считаете, всё совпало или у хороших верстальщиков блоки из макета не вываливаются? 😆

Как считаете, действительно стало «чище и лаконичнее» или дизайнера покусал soyuz grotesk? *логотип принадлежит запрещённой в России организации (даже после ребрендинга) Вёрстка для дизайнера

Итак, считайте, всю неделю мы разбирали ситуацию, когда вопросы возникают уже на этапе общения с типографией. Но сначала всё-таки стоит проверить то, что находится в зоне ответственности самого дизайнера. Например: 🟠 макет действительно создавался в CMYK с самого начала или был переведён в последний момент; 🟠 чёрно-белые фотографии переведены в Grayscale или печатная машина увидит в них четыре краски; 🟠 в цветах не осталось мусорных 1–5%, которые не дадут оттенка, зато могут дать грязь; 🟠 градиенты и тени не уходят из цвета прямо в ноль; 🟠 Pantone используется потому, что им действительно будут печатать, а не просто потому, что он красиво выглядит на экране. 🟠И это только часть того, что имеет смысл проверить до отправки файла. Я собрала чек-лист «Как при печати сохранить цвет “как в макете”». В нём разобрала, как проверить градиенты, фотографии, Pantone и сумму красок до отправки макета в типографию. На следующей неделе дам его в канале, и вы сразу сможете проверить по нему цвета в своих макетах 🟠 Вёрстка для дизайнера

Вчера разобрали, что делать, если техническое требование вызывает вопросы. Но, допустим, с типографией вы уже поговорили, макет подготовили, а отправлять всё равно страшно. Особенно если требования были странными, а тираж оплачивает заказчик. Что можно сделать при цифровой печати: попросить типографию сначала вывести один экземпляр и прислать фотографию первого тиражного оттиска. Важный момент 🟠 Это не цветопроба. Типография не делает отдельный тестовый макет. Она запускает в печать ваш файл, получает первый лист, фотографирует его, вы проверяете очевидные проблемы — и только после согласования продолжается печать всего тиража. У меня однажды так шёл дорогой (хоть и цифровой) тираж. Клиент увидел первый лист, испугался, что цвет не тот, попросил фотографию непосредственно с печати. Лист показали, согласовали — и тираж поехал дальше. Это страшно только первый раз 😁 И вот ради таких ситуаций вообще стоит разбираться в цвете. Не только знать, сколько процентов Cyan поставить в бежевый, а понимать: 🟠 где проблема действительно в макете; 🟠 где надо задать вопрос типографии; 🟠 когда просить связать с печатником; 🟠 а когда достаточно посмотреть первый оттиск и не переделывать нормальный файл вслепую. Вёрстка для дизайнера

Помните вчерашний бежевый, в который копицентр просил вернуть голубую краску? Этот случай был не единственным. За две недели до этого в чате был похожий вопрос. Дизайнер готовила к цифровой печати текст размером 9 pt. Цвет текста был: C — 0 M — 69 Y — 74 K — 55 И типография попросила добавить 10% голубой краски. Не потому, что текст стоял на фоне, содержащем голубую краску — нет. Фон был белый. Объяснение от производства было примерно такое: CMYK — это четыре краски, значит, цвет должен состоять из четырёх красок. Ах, уехал наш автобус... Что сделала дизайнер🟠 Она не стала молча переделывать макет, а добилась, чтобы менеджер связал её непосредственно с печатником. И печатник никаких подобных требований не предъявил🟠 Сказал, что можно отправлять цвет и в три краски, и в четыре. По фото и видео от заказчика всё в итоге напечатали нормально. Что в сухом остатке 🟠 Это не значит, что техтребования типографии можно игнорировать. Оборудование производства действительно знает лучше нас именно типография. Но если требование противоречит базовой логике, стоит выяснить: 1⃣ Для чего технически это нужно? 2⃣ Требование связано с конкретным оборудованием или просто переписано из некой общей памятки неведомого происхождения? 3⃣ Можно ли обсудить вопрос непосредственно с печатником? Иногда между дизайнером и печатной машиной стоит менеджер, который просто очень буквально понимает четыре буквы CMYK 😁 А вам часто попадались техтребования, смысл которых никто не мог объяснить?

Ну что, поиграли? А я тем временем принесла вам реальную ситуацию из чата студентов «Чистого цвета в полиграфии» 🟠 Дизайнер готовит макет для цифровой печати в копицентре. Цвета в макете уже почистила, лишние краски убрала. В том числе сделала нормальный бежевый без голубой краски. А в техтребованиях копицентра написано, что печать должна быть обязательно в четыре краски. То есть в бежевый, из которого дизайнер специально убрала Cyan, теперь надо снова добавить Cyan просто потому, что CMYK — это четыре буквы. Итак, внимание, вопрос. Что будете делать? 1️⃣ Добавлю немного голубого — типографии виднее. 2️⃣ Оставлю цвет чистым и попрошу объяснить техническую причину. 3️⃣ Постараюсь связаться непосредственно с печатником. 4️⃣ Уже впала в ступор и пошла спрашивать в чат. Сейчас следом запущу опрос, а завтра расскажу, что в похожей ситуации сделали мои студенты и чем всё закончилось. Вёрстка для дизайнера

А вот, собственно, и правильный ответ. А ctrl+D — это помещение объекта: графического или текстового (да, текстовые документы можно целиком помещать в вёрстку, даже с слхранением форматирования) Знали об этой функции? Пользовались? Вёрстка для дизайнера

С такими вывесками нужно очень тщательно следить за тем, чтобы светились ВСЕ буквы 🤣 Вёрстка для дизайнера

#дайджест Лихо просвистело 2/3 лета, а мы и не заметили. Давайте вспомним, чем нам запомнился июль. Рассказала про скрипт в Adobe InDesign, который расставит вам метки реза, т.е. по факту сделает что-то вроде спуска на заданный формат бумаги. Ничего сложного, всё делается базовыми инструментами программы Рассуждали на тему того, сможет ли чат gpt заменить дизайнера-верстальщика, переводчика и заказчика. Не смог 😁 Отзыв от моей студентки и заодно кейс, как найти работу в дизайне в 50+ лет, даже если всю жизнь до этого работала в совершенно другой нише Обзор ещё одного скрипта Adobe InDesign, который делает градиентную обводку объектам Инструкция по созданию чистых градиентов, даже если вам надо сочетать цвета с противоположных сторон цветового круга Делаем шапку таблицы одинаковой на всех страницах, если таблица многостраничная Памятка с горячими клавишами по работе в Adobe InDesign 🟠 Немного поговорили про висячую пунктуацию Анонс всех моих продуктов со ссылками на их подробное описание Магия таблиц в Adobe InDesign — видео про лайфхаки и горячие клавиши при работе с таблицами Ссылка, по которой можно написать отзыв на мой курс Вёрстка для дизайнера

О важности отзывов 🟠 Заметила, что уже давно для меня при принятии решения о покупке важную роль играют отзывы. Картинки можно нарисовать, тексты можно написать любые хвалебные, равно как и наобещать с три короба. Тем более, что сейчас почти всё это отдано нейронкам. Знай себе, выкладывай свои обещания и продавай. Но вот чистые эмоции, реальные результаты, полученные в результате покупки продукта/товара/услуги и, конечно, обучения, подделать очень сложно. Человек часто не пишет структурно, он излагает свои мысли и ощущения так, как чувствует. И поэтому отличить нейроотзыв от реального достаточно легко. Однако у этой истории есть и оборотная сторона. Люди редко пишут какие-то хорошие отзывы добровольно. Обычно они с упоением излагают свои чистые, незамутненные эмоции, если они отрицательные 🟠🟠 🟠Согласитесь, если ваши новые босоножки, купленные неделю назад на маркетплейсе, легкие и удобные, вы их просто с удовольствием носите. А вот если у них через 2 дня отвалилась пряжка, вы уже будете готовы не только оформить возврат, но и поделиться со всем миром своим негодованием. Что в сухом остатке🟠 У компании-производителя есть негативные отзывы о, возможно, 2–3% брака, и нет хороших отзывов обо всей остальной партии товара. Обидно? Ещё как! Вот и стимулируют нас всякими плюшками вида: «Напишите отзыв в [...] и получите скидку/подарок/[...]!» Думать в таких случаях обычно лень, и на порталах появляются отзывы типа «Всё было круто!» или «Спасибо, нам понравилось». Ноль информации для будущих покупателей, но зато скидка — вам. К чему я это🟠 Если вы проходили какие-то обучения (в том числе мои 💋), пожалуйста, не поленитесь сходить на тот же отзовик и написать, чем вам это обучение помогло или НЕ помогло. Что было интересным, а где, на ваш взгляд, тема осталась нераскрытой. Это не так сложно, не очень долго, но совершенно точно поможет и школе, и будущим её студентам принимать осознанные решения о покупке. Ведь, согласитесь, покупать курс, о котором вообще нет отзывов, порой даже страшнее, чем тот, о котором есть и хорошие, и плохие. Как будто первым на эшафот идёшь 😉 P.S. А на удобные босоножки я отзыв уже написала ❤️ Вёрстка для дизайнера

#лайфхаки #видео Adobe InDesign — единственная программа пакета Adobe, в которой можно удобно и быстро делать таблицы. Более того, этими таблицами можно к тому же достаточно гибко управлять с помощью горячих клавиш и неочевидных лайфхаков. Готова поспорить, что вы найдёте в видео хотя бы один «трюк», о котором не знали раньше! Разбираем горячие клавиши для добавления/удаления строк и колонок, пропорциональное растягивание всех ячеек таблицы по ширине и высоте, и экстремально быстрое добавление новых столбцов или строк с помощью вообще одной клавиши! Видео к просмотру обязательно для всех, кто работает с InDesign. Лайки и репосты по-прежнему бесплатны ❤️ Вёрстка для дизайнера

До треша в комментариях осталось 3... 2... 1... А если серьёзно, то на фото — реальная обложка реального журнала. Да, министра вот так вырезали. Да, даже не потрудились сделать волосы чуть более естественными. Да, это печатное издание. Если вы всё ещё думаете, что вы плохой дизайнер, вспомните, что иногда и такие обложки уходят в печать. Вёрстка для дизайнера

#дизайнпобедит Итак, две бутылки. Одна в космической стилистике (там прямо золото, серебро, рельефный лак), вторая в стиле Пикассо. Кому что? Вёрстка для дизайнера

Кто ты, воин дизайнер? Вёрстка для дизайнера

Дорогие подписчики, за последние пару недель пришло немало новых людей в канал, поэтому возьму на себя смелость рассказать, чем мы (я и канал) можем быть вам полезны 🟠 Старички могут смело пролистнуть 😉 Во-первых, в закрепе есть пост-навигация, благодаря которому можно по хештегам найти интересующую вас информацию. Во-вторых, вкратце расскажу об основных обучениях, которые могу вам предложить: 🟠 Допечатка для чайников. Это курс-конструктор для тех, кому надо сдать в печать «вчера», времени гуглить нет или макет вообще в Power Point. 🟠 Вёрстка в иллюстраторе. Подойдёт тем, у кого есть хотя бы неделька, чтобы пройти 15 уроков: от базовых правил вёрстки до собственно разработки макетов в Adobe Illustrator. Идеально закроет потребности тех, кому не нужно сдавать в печать книги и журналы, а достаточно разобраться с листовками, визитками и ролл-апами. 🟠 Вёрстка для дизайнера. Большой курс по полиграфической (многостраничной!) вёрстке и допечатной подготовке. После него вы научитесь верстать практически всё: листовки, буклеты, брошюры, журналы и книги. С отделкой и без. 20 основных уроков и 40 дополнительных. На образовательную программу курса получена лицензия Министерства образования Московской области, поэтому это обучение, а не просто набор рандомных видео. После сдачи всех домашек выдаётся сертификат, за оплату можно получить налоговый вычет. 🟠 Чистый цвет в полиграфии. Спецмодуль для тех, кто уже сталкивался с непредсказуемостью цветопередачи между экраном и печатью, офигел и не выфигел обратно. Всего за 4 урока разберём практически все самые частые проблемы, которые приводят к искажениям цвета. Покажу, где зона ответственности дизайнера, а где он и не виноват вовсе. Научу делать зелёный зеленее, синий синее и даже белый белее. Да, так можно. Никакой магии — только цифры и практический опыт. 🟠 Авторское право в полиграфии. Модуль, который надо бы пройти абсолютно каждому дизайнеру, чтобы понимать, где у дизайнера проходит зона ответственности за шрифты, графику и даже тексты. Что можно брать в работу, где и как это делать безопасно? В общем, страховка современного дизайнера от огромных штрафов. Полный перечень моих продуктов можно найти на сайте. Если у вас есть другие запросы / задачи, пишите в комментариях 👇🏼👇🏼👇🏼 Вёрстка для дизайнера

#база #кратко Знаете ли вы, что... Функция Story включает так называемую висячую пунктуацию (оптическое выравнивание полей) в макете 🟠 Чтобы её включить, нужно выбрать Window — Type & Table — Story. В русской версии Окно — Текст и Таблицы — История (не спрашивайте, почему!). Как это работает🟠 Выделяем нужный текстовый блок, где нужно включить висячую пунктуацию. В окне Story включаем галочку Optical Margin Alignment, а в нижнем поле выставляем интерлиньяж основного текста. Всё, программа сама свесит нужное за границы фрейма. В видео рассказывала, какие бывают исключения из случаев применения висячей пунктуации. Вёрстка для дизайнера

Доброй пятницы :) Понимаю, что шансы стремятся к нулю, но все же попытаю счастья 🥹. Я в поиске рабочей Сигны с автономной лицензией, которая встанет на Мак ОС Тахо 26.4. В Гугле не забанили ) Если кто сможет помочь советом или ссылкой в личку - буду оч признательна