Я сделал дизайн. Что дальше?

Как подготовить дизайн к печати? Как сделать из него кейс? Как показать заказчику? Идеально новичкам и любопытно для опытных.

Это статья-коллаборация 4 дизайнеров. Мы спросили у коллег — «С какими трудностями вы столкнулись в начале пути?». А потом написали статью, которая помогает преодолеть эти трудности.
Статья полезна не только новичкам — мы собрали полезные ссылки, несколько мемов и советы, о которых могли не слышать и опытные дизайнеры. Читать примерно 10 минут. Пользоваться — всю жизнь.

— Показываем дизайн (Хелена)
— Добавляем дизайн в портфолио (Катя Волкова)
— Показываем дизайн на мокапах (Дарья Приходько)
— Готовим дизайн к печати (Мария Дорогова)

Первым делом, когда работа закончена — ее нужно показать заказчику, внести правки, согласовать и получить оплату. Иногда с этим возникают трудности.

Стресс, боязнь критики и срыва проекта могут помешать вам отправить свою работу заказчику. Если вы столкнулись с этим — советую прочитать «Дизайн без стресса» Людвига Быстроновского, мне всегда помогает. Читать после этой статьи, конечно)

Чаще всего в отзывах о моей работе упоминают «хороший подход» и «профессионализм». Этими словами люди благодарят меня за заботу о них. Вот несколько фишек, которые я использую:

Правки в проект — это базовая часть работы. Часто они делают дизайн лучше и реалистичнее, вас опытнее, а заказчика довольнее. Поэтому если после классной презентации вас просят все переделать — не расстраивайтесь, с вами все норм.

Важно! В принятии правок нужен баланс. Каждое изменение, которое просит внести заказчик, прогоняйте через два фильтра:

Как принимать оплату, я здесь не расскажу) Может быть, напишу об этом когда-нибудь в своем блоге, вэлком!

Мои советы работают, если у вас уже есть заказчики или работа. Если найти их ещё не удалось — ниже в статье Катя рассказывает о том, что делать.

Сбор портфолио — вещь даже больше стратегическая, нежели репрезентационная. Никто не принимает решение о найме дизайнера по одной ссылке с Behance. Тут важны навыки коммуникации, самоорганизации, устойчивости к критике, анализу решений и т.п. Я диджитал-дизайнер, но постараюсь дать универсальные советы по тому, как бы я собирала портфолио сейчас.

То, что вы хотите делать на будущей работе. Если это логотипы — делаем логофолио и показываем лучшие работы с подробным разбором, почему именно так. Если диджитал, то мобильное приложение в обязательном порядке, а все остальное ситуативно. Коммуникационный дизайн? Айдентика бренда. Презентации? Соответственно. В идеале заранее понимать, куда вы хотите откликаться. Какая направленность у агентства/компании? Интернет-магазины, онлайн банкинги, фир.стили, промо-продукты. В зависимости от этого начиняем наше портфолио соответствующими кейсами, которые с самой лучшей стороны покажут текущий уровень.

Если вы проходили какое-то обучение, самым крепким вариантом (помимо рабочих кейсов, конечно) будет доработать ваши домашние задания. Этого может быть не достаточно, тогда — делаем спецпроект: фейковый кейс. От 3 кейсов в портфолио уже достаточно для разговора о приеме на работу.

P.S. Старайтесь ничего не делать просто так. Всегда держите в голове, что та или иная решенная задача может стать вашим активом: её можно выложить куда-то, написать статью или пост, доделать и выложить полноценный кейс. Выжимаем максимум из проделанной работы.

Вопрос поинтереснее и у него может быть несколько стратегий. Можно вести дизайнерскую соцсеть, где есть возможность в формате живого диалога с подписчиками выкладывать свои работы и точечные решения. Такой актив позволит работодателю быстро познакомиться с вами и вашими работами онлайн. Ну и с чувством юмора :)

При этом важно присутствовать на всех известных площадках: Behance, Dribbble, Dprofile. Например, на Behance выкладывать подробные кейсы с объяснениями, ценный и громоздкий сторителлинг о проделанной работе, а на Dribbble точечные решения по типу такого: отдельные кусочки вашей работы для демонстрации навыков композиции, типографики и т. п. Емко и сердито, но не менее важно.

Пример: вы знали, что не все дизайнеры умеют рисовать иконки? Да, такие есть. Значит, если вы умеете рисовать иконки — следует про это рассказать и ПОКАЗАТЬ. Прям сделать сет иконок и выложить.

1. Обложки. Всегда и везде делаем сочные обложки. Чтобы захотелось посмотреть подробнее, чтобы цепануло. Сами посмотрите.

2. Базовые правила дизайна. Не подставляйтесь и проверяйте макеты: всё ли выровняли? Висячие предлоги есть? А если найду?
3. Контакты. Указывайте рабочие ссылки для быстрой связи с вами. Ну а если вам интересен полный цикл подготовительной работы перед первым откликом — очень советую мое видео на YT.

Зачем вообще дизайнеру пользоваться мокапами?

1. Продать идею клиенту. Мокапы помогают показать дизайн в реальном окружении, чтобы заказчик сразу понял, как всё будет выглядеть в жизни.

2. Добавить презентабельности портфолио — работы на мокапах выглядят дороже и способны вызвать «вау-эффект»

— Устаревшие девайсы, которыми уже никто не пользуется
— Лишний декор на фоне, который не вяжется с тематикой вашего проекта
— Странные ракурсы, из-за которых не видно вашу работу

*Глубокий вдох*

Сайты с удобными фильтрами по категориям:
MrMockup
Goodmockups
Mockups-design
Uprock

Упор на брендинг:
Mockup Hunt
Gumroad
PixPine

Классные мокапы, но нет фильтров, надо искать вручную:
Pixeden
CSS author

Каналы в Телеграм:
moCUPS
Хранитель Мокапов
Jam Mockup — самый крутой канал, обновляется чаще всех
TOP mockup

*Пожалуйста, тщательно проверяйте мокапы на «бесплатность». Использовать чью-то работу, не заплатив, не только незаконно, но и по-человечески неприятно.

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

Специально для статьи я подготовила шаблон в фигме, в котором собрала популярные Apple девайсы. В них можно буквально за 5 минут показать свои экраны.

А еще я веду ТГ-канал. В блоге можно увидеть внутрянку работы в студии и будни дизайнера на удаленке. Подписаться здесь.

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

— Создайте файл правильного размера. Если печатать будут на А4, значит размер файла должен быть А4.
— Установите отступы минимум 2-3 мм со всех сторон. Иногда это называют вылетами под обрез. Эту часть макета могут потерять при резке тиража. Чтобы не случилось казусов, в этих частях фон должен продолжаться.

Пример: Нужно напечатать макет размером 100х100 мм. Добавляем вылеты под обрез, по 3 мм с каждой стороны — получается файл в иллюстраторе размером 106х106 мм. Фон макета тоже должен быть 106х106 мм.

— Обозначьте поля безопасности. Отступите место от края макета, и не располагайте там важные элементы (текст, например). Поверьте, чем ближе текст к полям, тем выше риск что он обрежется, а чем дальше, тем органичней будет смотреться ваш макет. Чаще всего советуют отступать от края минимум 5 мм.
— Добавьте направляющие для обозначения полей безопасности, чтобы не забыть о них и не приблизиться экстремально близко к краю макета.

Цветовая модель CMYK — всегда и для всех файлов, которые будут печатать.

Не буду долго рассказывать скучную теорию) Просто скажу, что универсальный цветовой профиль, если типография не просит другого — Coated FOGRA39.

Чтобы не менять профиль каждый раз, как создаёте файл, установите его себе на комп и поставьте по умолчанию в иллюстраторе. Скачать фогру можно здесь.

Важно! При печати бывают ограничения по сумме красок, не больше 300-320%. Для таких макетов нужны другие профили, например ISOcoated_v2_300_eci. Если ограничение есть — об этом скажут в типографии.

Проверьте, чтобы все объекты в файле были в CMYK. Если вы добавили картинку в RGB, переведите ее в CMYK через фотошоп с нужным профилем (тот же Coated FOGRA39), но при сохранении профиль не включайте. Как на картинке ниже.

Все небольшие элементы чёрного цвета сделайте в один канал 0/0/0/100 по СМИК и обязательно включите оверпринт.

Оверпринт — это когда один цвет накладывается на другой, как картинки в фотошопе в режиме multiply (умножение). Это нужно для того, чтобы цвет не сдвинулся при печати.

Если вы имеете дело с широкоформаткой — чем-то очень большим для печати (измеряется в метрах), а размер чёрного объекта больше 20 см — используйте богатый черный 60/40/40/100.

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

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

Совет от души: выбирайте чистые цвета, а не дробные. Если ваш цвет будет состоять из 3 красок, а не 4, то будет ещё лучше. В некоторых типографиях это исправляют сами, поэтому если вы новичок — не заморачивайтесь.

Но имейте ввиду, что так цвет будет чище. По этой причине когда я делаю фирстиль и подбираю палитру — по СМИК использую цвета из смешивания 3 цветов, а не 4.

В двух словах про растр и вектор:
— Растровая графика состоит из точек, векторная графика состоит из фигур.
— Все растровые картинки в макете должны быть с разрешением не меньше 300 dpi (dots per inch — количество точек на дюйм). Иначе напечатается плохо.

Мы всё предусмотрели и теперь наш дизайн легко подготовить к печати. Проверьте макет на ошибки несколько раз и дайте проверить другу. Если друга нет, отойдите от экрана на пару часов и посмотрите снова. Поймать опечатку в готовом тираже очень неприятно, поверьте)

— Насладитесь готовым макетом и отправьте его в типографию — Оставайтесь на связи, если вдруг нужно что-то исправить — Повторите Х количество раз, пока не начнёте делать это на автомате

Подготовка к печати требует внимательности, но это совсем не сложно, если разобраться. Если будут вопросы не стесняйтесь уточнить в типографии. Пусть ваши макеты всегда печатаются так, как было задумано.

Если у вас будут вопросы, я всегда готова прийти на помощь — мой канал.

Мы хотели, чтобы статья ощущалась как разговор с арт-директором, который рад поделиться добрым советом. Если у вас тоже есть добрые советы — пишите их в комментариях. Проявим силу коммьюнити!

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