Юлия Обухова | Арт-директор на удалёнке
36 subscribers
120 photos
2 videos
3 files
18 links
Графический дизайнер • Арт-директор •
10+ лет опыта с крупнейшими компаниями
@O_Juliartojuliart.ru
Download Telegram
Forwarded from Как это сверстано (Игорь Штанг)
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Вот что получилось.

Подробный рассказ с большими картинками в ЖЖ и на Медиуме
Лицензии на шрифты

Я рассматривала две студии: Лебедева и Паратайп. Готовилась к худшему: огромным текстам лицензий, в которых не разобраться с первого раза и ещё более огромным суммам за шрифты.

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

Есть, конечно, и ложка дёгтя. Мне до сих пор непонятно как разрабатывать дизайн и примерять шрифты, не скупая весь каталог. У Паратайпа есть «Тайптестер».... но большая часть заказчиков пока не увидят шрифт в своём макете - не примут решение. Вопрос, конечно

И ещё одна хорошая новость, нашла подборку шрифтов с бесплатной лицензией на использование

UPD: запуталась и выложила пост в чат. Бывает
Цитата дня:
изготовление мерча под новый год очень прибыльная история, но такая рискованная, что проще в русскую рулетку выиграть
Среда - самое время пересмотреть правила охоты на драконов
Машу ручкой из декабрьских дедлайнов и показываю как делать нельзя.
Ситуация такая: сдала сегодня проекты, и пойти бы спать, чтобы встать наконец, по-человечески... Но что я делаю вместо этого?
Внезапно, поднимаю объёмный план помещения, чтобы сделать красивую визуализацию проекта и раскладку стен для размещения плакатов и декоративных панно. Слабоумие и отвага

P.S. Маякните, кому интересно посмотреть на результат
UPD. В комментарии загружу картинки с нескольких этапов рендера
🫡1
Горячие клавиши*
собрала самый топ, без чего моя профессиональная жизнь была бы не так прекрасна

Сокращения
R.Alt - правый Alt
L.Alt - левый Alt
N и цифра - цифры на numpad (с правой стороны на полной клавиатуре)

Для вёрстки
– среднее тире: L.Alt+N0150
« левая кавычка: L.Alt+N0171
» правая кавычка: L.Alt+N0187
₽ знак рубля: R.Alt+8

В общем для работы
F2 переименовать файл
Ctrl+Shift+N создать новую папку
Ctrl+Alt+V вставить текст без форматирования
Ctrl+W закрывает файл

Иллюстратор
Ctrl+B вставить на то же место на рабочей области (вставляет на самый низ слоя)
Ctrl+Shift+Alt+V копирует и вставляет на все монтажные области (вставляет на верх слоя)
Ctrl+Alt+E открывает меню экспорта

Фотошоп
При трансформировании объекта Ctrl+T зажать Ctrl и можно трансформировать в режиме "Искажение"

Индизайн
Crtl+Shift+Alt+V вставить на то же место на развороте

Предлагаю вам присоединиться к моему списку и добавить свои удачные находки, без которых как без рук
1
Фирменные стиль. Часть 2

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

Созвон прошёл в ужасно не удобное время и практически в экстремальных условиях: я была в машине, потом искала место где сесть, потом отваливался интернет и классика - сели наушники. Но мы смогли, назначили график созвонов и дальше заказчик пропал с радаров.

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

В процессе работы изучала порядка 5 фирменных стилей крупных компаний, чтобы опираться на их структуру. И что вы думаете? Забрежил свет в конце туннеля. Наконец-то, дизайнеры начали делать реально рабочие документы. Счастью моему нет предела.

Мораль: даже если кажется, что ты один и самостоятельно меняешь систему, то не стоит отчаиваться. В какой-то момент система откликнется и наступит тот самый момент.

Кажется, я снова влюбляюсь в фирменные стили

P.S. заказчик всё ещё где-то в не поля видимости, держите за меня пальчики, чтобы всё приняли
👍1
Где искать вдохновение?

Избитый вопрос. Когда кажется, что все дороги исхожены, конкуренты просмотрены, Биханс выучен наизусть, а не идёт.

Я предлагаю обратиться к нейросетям. У меня в этом месяце подписка на Миджорни и ради интереса я задала ей вопрос, как раз для логотипа "Кораблика"

Результат меня поразил, это буквально рабочие планы, как можно сделать клиенту желаемые 3 варианта. Важно, я не предлагаю копировать. От всей души советую. С другими макетами не пробовала, но думаю и там будет что-то рабочее
👍2
Итоги моего профессионального года

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

2. У меня был нормальный отпуск, я только спала, ела и купалась. Да, это тоже достижение моей работы

3. У меня значительно расширился круг клиентов, я больше не боюсь брать серьёзные проекты

4. Я работаю арт-директором в Питере, находясь в Тюмени. Да, так бывает) И это тоже проектная работа

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

Интересно, бы посчитать количество макетов за год... Но как-нибудь в следующий раз
👍3
Периодически я придумываю бизнес-план о производстве календарей, планеров и подобной продукции. Решимости воплотить в жизнь у меня пока не хватает, но дизайны требуют выхода в жизнь.

Поэтому делюсь настенным календарём. Собран он под А3 формат, но можно спокойно напечатать на А4. Поля и прочее предусмотрены. Рекомендую печатать на бумаге 120-160 гр, сшивка на скрепку, можно даже 4+4 (двусторонняя печать)
Целевая аудитория

Это люди, для которых создаётся дизайн. На этом можно закончить пост,

но есть несколько моментов
- иногда это заказчик, если высшая цель дизайна угодить ему одному
- это могут быть сотрудники фирмы, в случае с корпоративным дизайном. Не путать с руководством фирмы. Им тоже должно нравится, но также быть созвучным с другими сотрудниками
- это конечный пользователь (мамы, студенты, средний возраст, бизнесмены и остальные)

Целевая аудитория – круг людей, обладающих определёнными индивидуальными характеристиками. Именно на эти характеристики опирается дизайнер при создании графического образа.

Хорошее упражнение – описать потребителя как знакомого, близкого друга. Для этого помогает визуальный поиск фото. Ищем фото, которое наиболее подходит под образ потребителя и описываем его: возраст, пол, статус, потребности, характер, хобби. Это и будет ядро целевой аудитории.

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

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

С помощью точного попадания в целевую аудиторию можно вознести бренд и закопать его. Интересен феномен раскрасок от Ашетт. Они буквально взорвали Инстаграм, девушки всего мира раскрашивают их с одержимостью. А ведь издательство и ранее выпускали раскраски, но точное попадание в аудиторию с персонажами от Дисней и их хотят получить огромное множество людей. Раскраски скупают, не смотря на их высокую стоимость, и покупают к ним дорогостоящие материалы: маркеры, обложки и даже файлы для сохранения картинок. На секундочку стартовый набор в России будет стоить от 6000₽. Да, сейчас это тренд, но продажи есть, и они колоссальные. У них сформировалось своё сообщество, баеры привозят их пачками, кто-то даже делает бизнес на перепродаже копий.

К чему я веду? Вопрос «для кого вы это делаете?» не нужно забывать задавать на начальном этапе разработки и постоянно сверяться с тем самым образом потребителя. И тогда ваш дизайн попадёт в самое сердце потребителя
👍3
Структура фирменного стиля

За последние месяца три мне удалось очень плотно поработать с созданием фирменных стилей. И каждый раз вопрос, а что показать в брендбуке? Что будет важным для людей, которые будут работать после меня с руководством по фирменному стилю? Как это показать?
Поэтому я решила собрать гайд по сбору руководства фирменных стилей.


Основные правила

1. Многие бренды составляют руководства с тем же посылом, что и презентации по фирменному стилю. Сейчас многие делают их в формате диалога. Разработчикам, дизайнерам и менеджеру на производстве они не нужны. Только сухие цифры, не бойтесь быть душнилой.
2. Больше картинок, схем, таблиц. Именно структурных и системных, красивые мокапы оставляем для продажи самого стиля.
3. Раздел для маркетологов снабжаем схемами. Например, пирамиду бренда и целевую аудиторию
4. Раздел с недопустимыми действиями для логотипа достаточно сделать списком, как памятку. Ранее все делали кучу картинок, они не нужны. Вообще бы убрала этот раздел, но лучше перестраховаться на случай новичков, которые будут работать с руководством.
5. Безопасное поле для логотипа обязательно включать. Также раздел с кобрендингом, когда логотип работает в паре с другим.
6. Обязательно указываем минимальные размеры логотипа в миллиметрах и пикселях
7. Показываем на каких фонах располагать логотип
8. В разделе со шрифтами можно опустить все знаки шрифта, они никому не нужны. Лучше включить композиции заголовка, подзаголовка, даты с пропорциями. Если есть настраиваемый кернинг или интерльяж выделяем настройки отдельно, тестируем их в разных программах и указываем для каждой отдельно
9. Цвета прописываем в CMYK, RGB и HEX. CMYK адаптируем, Иллюстратор показывает цвета в зоне риска. Идеально делать предпечать и брать значения, которые получились при печати. Вы удивитесь, как они будут отличаться, особенно оттенки синего, жёлтого и светлые/пастельные
10. Носители бренда описываем максимально: все пропорции и тона изображения. Здесь можно включать мокапы
11. Если у вас есть мерч, прописываем технические требования, можно включать ссылки на ручки, блокноты и прочее
12. Все исходники макетов прикрепляем в настоящих размерах, не забывая про обрезные поля и цветовой профиль

Дайте мне обратную связь собирать ли шаблон фирменного стиля, чтобы можно было брать и прям в него вставлять ваши данные. Будут делать в Индизайне, с готовыми схемами и таблицами. Могу даже включить файлы нейтральных мокапов, которые можно использовать

UPD. В цветовую схему добавляем цвета в палитрах RAL, ORACAL, NCS
4
Оплата за задачу или за час. Что лучше?

Около двух лет назад наткнулась на статью с идеей подписки на дизайн. Суть была в том, что оплачивается время дизайнера за месяц/квартал, которое он потратит на создание определённого количества макетов. Сейчас вижу, что многие агентства переходят на оплату спринтами. Под спринтом подразумевают количество часов, которые будут потрачены на работу над определённой задачей. Эти тенденции появились, чтобы предотвратить кассовые разрывы и разделить большую сумму за проект на маленькие кусочки.

С точки зрения руководства я понимаю почему это появилось в сфере дизайна. Можно составить график платежей и чётко зафиксировать сроки работы. Но тут нужно точно рассчитать количество времени. А как же творческий поиск, когда дизайнер просто листает ленту или гуляет, размышляя над задачей. Это надо быть максимально уверенным в своих силах, даже самоуверенным.

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

Вёрстку всегда считаю страницами, и сайты тоже. Правки от корректора никогда не считаю отдельно, так как в моих интересах создать верный во всех смыслах макет. К этому отношу все правки по макетам, если они не выходят за пределы технического задания и если их адекватное количество.

Какое же всё-таки моё мнение о том, как считать работу дизайнера? Ответ прост, чтобы обоим сторонам было комфортно в процессе проектирования.
3
Как в Миджорни создать мокап под любые цели

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

* все советы относятся к промтам, написанным через Дискорд, опыта через сайт у меня нет

1. Первое слово всегда должно относится к тому, какой тип картинки вы хотите получить
a mockup (так как мы генерим мокап)

2. Далее что у нас будет на картинке, основной объект и что он делает
a notebook on the table

3. Уточняем детали объекта, толщина, цвет и прочие характеристики, которые вы сможете описать.
Важно, Миджорни обучают в Америке и некоторых вещей она не знает. Например, мне не хватило терпения объяснить ей что такое квартальный календарь. Ходят слухи, если описать максимально детально предмет, то она его изобразит
A white notebook on the grey table

4. А теперь внимание за руками, мы настраиваем камеру и свет
View top, volume light

С камерой могут быть варианты
View side right/left
From below
И любые другие какие вы сможете придумать и описать

Светом тоже можно играть
Light warm/blue
Sun light
И другие

5. Не забываем про задний фон, нужно чтобы он был максимально нейтральный
Simple clear background

Очень аккуратно можно описывать фантазийный фон, но есть вероятность что Миджорни начнет его активно генерить и забудет про предмет

6. Убираем стилизацию Миджорни. По стандартным настройкам при любой генерации она ставит стилизацию на 50
Style raw

У нас получилось
A mockup, a white notebook on the grey table, view top, volume light, clear background, style raw

Свой результат по этому промту я прикрепила к посту. Если вам интересна эта тема, дайте обратную связь, покажу еще фишки, которые помогли мне в работе с нейросетью
2🔥2👍1