Среда - самое время пересмотреть правила охоты на драконов

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

P.S. Маякните, кому интересно посмотреть на результат
UPD. В комментарии загружу картинки с нескольких этапов рендера

Горячие клавиши*
собрала самый топ, без чего моя профессиональная жизнь была бы не так прекрасна

Сокращения
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 вставить на то же место на развороте

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

Фирменные стиль. Часть 2

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

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

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

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

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

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

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

Где искать вдохновение?

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

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

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

Итоги моего профессионального года

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

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

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

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

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

Интересно, бы посчитать количество макетов за год... Но как-нибудь в следующий раз

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

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

Целевая аудитория

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

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

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

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

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

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

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

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

Структура фирменного стиля

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

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

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

UPD. В цветовую схему добавляем цвета в палитрах RAL, ORACAL, NCS

Оплата за задачу или за час. Что лучше?

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

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

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

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

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

Как в Миджорни создать мокап под любые цели

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

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

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

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

Референсы. Показывать нельзя использовать

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

То есть это изображение, которое либо уточняет параметры объекта, либо дает направление и идеи.
На практике же выходит, что референс это знак "делай так", при чём прямо и в лоб. В этом случае референс путают с примером. Как раз пример - это "сделай прям так, исследуй, проанализируй и повтори".

С референса можно взять стиль, настроение, атмосферу. Что-то, что очень сложно описать словами и проще показать картинкой. Цветовую гамму тоже можно взять с референса. Важно, не копировать один в один, а соотнести со своим проектом и адаптировать
Вообще, идеальный вариант это собрать style giude, где у вас будет около 10-20 картинок и с каждой взять по чуть-чуть, смешать.... и в этот момент случится магия, включится творческий поиск и вы создадите что-то своё, но стиль и атмосферу возьмёте с референсов.

А когда надо скопировать полностью референс, ну извините, это уже не дизайн, а копировальная работа.

P.S. пост по мотивам созвона с молодыми дизайнерами. Как могла описала тонкую грань

Шутка от Миджорни
Прошу сделать логотип для магазина продуктов, ставлю параметр, чтобы они были максимально разные и указываю, что мне нужен текст "Shop"

Не, ну первый вариант абсолютно гениален) Без комментариев

Эстетический дизайн не нужен
*тренируюсь в кликбейтных заголовках

На просторах интернета увидела, что практикуется история - показать два продукта: для повседневного пользования и с заявкой на премиум и задать вопрос «А что бы вы изменили в дизайне?»

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

Макет может быть абсолютно ужасным с точки зрения эстетики и трендов, но настолько же рабочим и наоборот. Когда ещё о ИИ никто и не мечтал, я работала в агентстве недвижимости и моей самой не любимой задачей было делать объявления о продаже квартир. Ну казалось бы что там? Характеристики квартиры, телефон, цена – всё. Каждый риэлтор считал своим долгом попросить сделать интереснее/красивее/более продающий макет. И вот я начинала постигать все круги изощрённой пытки, я проходила все стадии от торга до принятия. Сейчас уже с опытом я точно могу сказать, что нужно было всего лишь расположить элементы читаемо и понятно для людей и приправить это фирменным стилем компании.

Но вернёмся к нашим продуктам, что самое главное в дизайне? Для кого продукт и как потребитель с ним взаимодействует. А дизайн это уже инструмент, который правильно сигнализирует потребителю «Вот смотри, этот порошок отстирает все пятна» или «Эта зубная паста отбеливает».

Эстетика вторична, функция первична.

Мысль утра, в котором уже было два ранних созвона

Нужно разговаривать, спрашивать, уточнять, не уходить со своим "мне всё понятно", потому что чаще всего "ничего не понятно". Даже если спрашиваешь уже третий раз, лучше задать вопрос, чем промолчать

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

Интерлиньяж – расстояние между строками

Кернинг – расстояние между определёнными буквами. Задаётся вручную или программно.

Трекинг – расстояние между всеми буквами, иначе настройка плотности текста по вертикали.

Кегль – размер текста.

UI – пользовательский интерфейс, чаще понимают как интуитивно понятный интерфейс.

UX – пользовательский опыт или сценарий пользователя, что и как пользователь должен сделать для достижения своей цели.

Препресс – допечатная подготовка макета к печати.

Шмуцтитул - страница или разворот в многостраничных изданиях, которая предшествует разделу. Оформлена очень богато и красочно

Обрезные поля/вылеты – дополнительные поля, в которых нет никаких элементов макета, кроме фона. Их делают чтобы при подрезке ничего важного не обрезалось, то есть буквально обрезаем незначительное. Никто не гарантирует, что они все срежутся или останутся.

Полоса – страница вашего макета.

Гарнитура – это сам шрифт, его стилистические особенности.

Начертание – это жирное, тонкое или курсивное оформление определённого шрифта.

Выворотка – это когда окрашивается не шрифт, а фон. Проще, чёрный/цветной фон и белые буквы.

Развертка – это плоский макет сложной конструкции, когда объём разворачиваем в плоскость. Применяется в графическом дизайне и интерьерных схемах.

4+4/4+0/1+1 – 4 – печать в 4 краски, т.е. цветная; 1 – печать в одну краску, как правило чёрную, т.е. чёрно-белая. 4+4 – двусторонняя цветная печать; 1+1 – двусторонняя чёрно-белая печать. 4+0 односторонняя цветная; 1+0 – односторонняя чёрно-белая. Встречается 4+1 это цветная печать и Пантон, тут речь об одной стороне.

4+1 – такое технически не бывает(если это обозначение двусторонней печати), так как цифровые и офсетные принтеры печатают чёрный цвет в 4 краски. 1+1 и 1+0 бывает только при печати на ризографе или аналогичной технике.

Фальц/биговка – фальц – места сгиба листа; биговка – процесс создания узкой полоски для сгиба. Чтобы сказать типографии что нужен сгиб можно использовать любой из этих терминов.

Молодое поколение

Так вышло, что я уже года 2-3 помогаю молодым дизайнерам вырасти и освоиться в профессии. И даже одна из причин создания канала - помочь, объяснить и поддержать. Потому что мне никто не объяснял и я сама звонила к страшным-престрашным печатникам в типографии и пробовала с ними разговаривать.

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

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

P.S. Помашите ручкой в комментариях, мои дизайнеры)

Маленькое откровение в этот четверг

В своей сознательной профессиональной деятельности я верстаю без модульной сетки (книги, презентации, журналы и даже веб). Только фиксирую отступы и композиции страниц/экранов и всё

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