Визитка в фигме - слабоумие и отвага. Как не надо делать и почему
Вставка
- Опубліковано 1 лис 2023
- В видео создаю визитку в фигме по инструкции от известной школы дизайна, а затем разбираю ее с точки зрения допечатной подготовки.
Видео обязательно к просмотру всем адептам фигмы, а особенно любителям создавать в ней полиграфию.
P.S. Любопытно, что в размерах визитки Contented тоже ошиблись. Всё же 90х50 см - это скорее плакат :) А визитки обычно делают 90х50 мм. Но в рамках всего остального этот недочет не так и страшен.
Подписывайся на мой телеграм-канал: t.me/layout_to_designer
И приходи учиться на курс по вёрстке и допечатной подготовке: pushinka.tb.ru/
Допечатка для чайников (экспресс-курс): prepress.tb.ru
Чистый цвет в полиграфии (спецмодуль): clean-color.tb.ru/
![Уроки Figma. Как подготовить файл для печати в CMYK 300 dpi [Фигма уроки]](/img/n.gif)
Как приятно слушать профессионалов! Спасибо, что так доступно объясняете! Очень ценная информация для тех кто изучает самостоятельно!
Спасибо, я старалась максимально подробно разобрать все мифы вокруг полиграфии в фигме.
Очень полезное видео, чтобы скинуть это видео тем, кто решил сделать визитки или листовки в Figma.
Да просто критикуемый урок идиотский и обслуживает совершенно нетребовательную аудиторию, которая не проверяет данные. Камень, собственно, в огород авторов урока, а не Фигмы, которая вообще не позиционируется в качестве продукта для полиграфии.
Дальше по фактам:
1. Размеры визитки в пикселях предлагаются 1063×591. Это совершенно корректные размеры, когда речь идет о печатном разрешении 300 пикселей/дюйм. Только вот Фигма на выводе задает электронные 72 пикселя/дюйм, в чем можно убедится, поглядев на пиксельные размеры ее стандартных шаблонов печатных форматов. То есть, для корректного экспорта ПО РАЗМЕРАМ в ПДФ нужно задавать те же 9×5 см при разрешении 72 пикселя/дюйм. И это всего лишь 255×142. Тогда и кегли надписей будут реальными.
2. Выпуски под обрез в Фигме корректно не сделать. Это функция нужна для печати, а Фигма не для печати. То есть, придется городить костыли. Например, оборачивать фрейм визитки в другой фрейм, который будет больше на размер блидов. Удобнее всего сделать этот фрейм автолейаутным и задать ему отступы, пересчитанные в пиксели из милиметров. 3 мм при 72 пикс/дюйм - это по 9 пикселей со всех сторон. Если у внутреннего фрейма-визитки отключить галочку Клип Контент, всё содержимое будет спокойно заполнять блиды.
3. Цвета поедут в любом случае и их надо будет адаптировать под печать. Фигма не работает с цмиком, а значит, для этого неизбежно придется привлекать другой софт.
4. Экспорт лучше не делать в ПДФ. Лучше как раз экспортировать в СВГ или, если визитка наполнена растровой инфой, в обычную картинку (ПНГ) с повышением размера на экспорте до 300 пикселей/дюйм. То есть, те самые 1063 пикселя по ширине должны быть заданы именно в панели экспорта. Все элементы послушно пересчитаются, включая картинки, которые Фигма хранит в оригинале и масштабирует недеструктивно. В идеале вообще экспортировать дважды: весь вектор выгнать в СВГ, а весь растр в ПНГ с повышением размера. Ну и собрать уже где-то еще.
Если возникакет вопрос «нафига такие сложности?», то, например, для экономии времени на адаптировании кучи похожих макетов. Я лично делал несколько десятков упаковок в линейке, у которых слегка смещалось содержимое из-за изменений длины надписей. Именно Фигма с автолейаутами позволила автоматизировать эти изменения и сэкономить время даже с учетом последующего допиливания в Иллюстраторе.
Ну в целом мы в итоге пришли к тому же самому: не надо делать визитки в фигме, и не будет проблем. Если мы хотим адаптировать кучу похожих макетов, надо не фигму с автолейаутами подключать к работе, а индизайн с шаблонами и стилями. Задали там лого на одном и том же месте, адресный блок в другом и наклепали хоть 50 макетов. ПРишел клиент, попросил логотип поставить не слева, а по центру, вы его в шаблоне передвинули и всё - все 50 макетов одинаково изменились. Зато никаких проблем с подгонкой под пиксели, никаких проблем с конвертацией цвета и типография примет макет с распростертыми объятиями.
@@layout_to_designer Шаблоны - не то же самое. Они статично задают правила, в то время как автолейауты в Фигме позволяют динамично подстраивать какие-то переменные макета под контент. Просто надо понимать, в каком случае что будет быстрее и удобнее. Ну и понятное дело, что в типографию надо отдавать подготовленный к печати макет. Даже если убрать вопрос профессионализма, то хотя бы переделывать не придется десять раз.
Есть еще маленький но суперважный нюанс, что после Фигмы собирать макеты в адобовском софте откровенно больновато. Особенно, если человек первым делом освоил Фигму. Я вот пользуюсь кучей софта, но с момента, как Фигма стала моим основным рабочим инструментом (занимаюсь приложениями и вебом), я всё больше задач решаю через нее, тупо потому что удобнее и приятнее.
На самом деле очень много проблем решается, когда изучишь софт. К примеру, я откровенно не любила Power Point, но когда прошла курс по нему, мне стало и удобно, и комфортно делать в нем именно презентации. И быстрее, чем в моем родном индизайне. Так что вопрос только в изучении матчасти. И совершенно справедливо, что для каждой сферы должен быть свой инструмент. Для веба фигма абсолютно идеальна, я сама в ней оформляю свои кейсы, это обалденно удобно. Но полиграфия... Не надо.
Аааааааааааа))))) визитка А3 это мощь😂
Спасибо за чёткое подробное видео!
Всегда пожалуйста ) Да, самое эпичное в макетах из фигмы - это размеры файлов, поскольку программа для веба просто не понимает разрешение 300 dpi, и в итоге мы имеем просто увеличенный в 4 раза макет для достижения необходимого качества.
Большое спасибо за информацию! Чётко и по делу 💥
Я, тот случай, который уперся в стену в октябре, когда сделала визитку мужу. Он на радостях побежал в печать, а ему там сказали, чтобы проверили пиксили. И тут у меня руки и опустились, и не знала у кого спросить. И вот, тот момент, когда я нашла это видео и все встало насвои места. Спасибо вам огромное!
Пожалуйста! Если хотите делать визитки корректно, можно мой интенсив посмотреть: ua-cam.com/video/iBK_zSnXTy0/v-deo.htmlsi=iI_NJFzfHiabTyYr
@@layout_to_designer Благодарб вас от всей души! С наступающими, вас, праздниками!
Спасибо за видео, будем знать) Интересно Ваше мнение на счёт визиток, сделанных в Канва. Многие делают в ней, я ради эксперимента тоже недавно решила распечатать визитки в Канва. Вроде получилось неплохо)
Я с канвой не работаю, но мне доводилось принимать из нее макеты. Нет вылетов, цветовая модель RGB. Возможно, там можно это исправить, не знаю, но все, что ко мне приходило оттуда, было с олними и теми же ошибками 🤷♀️
Спасибо! Я тоже на эти грабли от горе учителей наступала не раз. Можно ссылки, как же все таки правильно сделать?
Конечно! У меня на канале интенсив по созданию визитки в плейлисте Интенсивы. Там прямо подробно рассказала, что и как делать, чтобы получить хороший макет.
ждем от вас много много тонкостей в люстре предпечатку
А если сделать в фигме и сохранить в png, а в иллюстратор перенести как изображение и встроить. Так можно?
А чем это поможет? Png не поддерживает цветовую модель CMYK, только RGB. Тогда уж лучше в JPG экспортировать, а потом в фотошопе переводить в CMYK. Но проблему искажения цветов это не решит, во-первых (особенно с черным текстом), и типографии страшно не любят печатать маленькие макеты с растровых файлов, во-вторых.
@@layout_to_designer спасибо за ответ ❤️
Ох улыбнуло ;) Как бы если печатать на чем то типа Konica Minolta C250i (часто в минитипографиях стоят) то ЦМИК и не нужен... А разложить на формат что то типа Препса?
Да, я часто слышала мнение, что для цифровой печати цмик необязателен 🙃 у каждого свои заблуждения. До первого брака :)
Совершенно необязателен CMYK - это когда плевать на результат.
Значит нет смысла делать что-то я фигме? Поди надо изучать иллюстратор и фотошоп
Просто фигма не для печати. В ней можно делать макеты для веба, а полиграфию отдать иллюстратору и индизайну
Действительно, как же так получается, что в SVG не передаются растровые изображения? Может потому что SVG исключительно для вектора предназначен? Автор видео этого не знает.
В пдф они прекрасно конвертируются, однако и в этом формате не открылось. К тому же многие дизайнеры любят сохранить растр в векторный формат (eps, cdr). Откроешь, а там картинка. Но клиент уверен, что если формат векторный, то и внутри тоже автоматически векторным всё стало.
Я это к тому, что растр прекрасно можно сохранить в формате svg, он не станет вектором, но он там будет.
@@layout_to_designer так я не о ПДФ, с ним всё понятно. Вам не понятно почему в SVG нет картинки, я объясняю. В файлах иллюстратора тоже картинок, потому что это вектор.
@@kurok93 в файлах иллюстратора прекрасно сохраняются картинки. Всю мою практику сохранялись.
@@layout_to_designer если отправить файл люстры на другой компьютер (в ту же пеечать), то растровых картинок не будет. Про связи ничего не слышали?
гнусный голос в нос
Фигма для веба
У тети контр отношения с масшьтабом
Я знаю, что фигма для веба, это и хочу донести. У меня курс по допечатной подготовке, я там учу работать в индизайне. Но на просторах интернета нет-нет, да встретишь псевдоуроки по фигме для полиграфии. Вот и решила в видео показать, что будет, если...
@@layout_to_designer ладно, беру назад гнусный голос...
Очень нужное видео, буду кидать клиентам которые с вопросами «почему в фигме не берете макеты?» и «что такое вылеты?»
А что по поводу использования плагинов ? Figma for print и ещё один
Скоро сниму видео и с ним!