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

Просто, но сложно
У разработчиков и веб-верстальщиков есть правило о том, что код должен быть чистым и понятным. Уже довольно давно внедряю это правило в макеты дизайн-команд.

Очень важно, чтобы комплексный и структурный продукт был максимально чистым и без «костылей». Это требует больших компетенций, больше дополнительных знаний.

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

Тоже самое касается и Фотошопа с Иллюстратором. Там тоже есть алгоритмы, которые исключают огромное количество слоёв и надстроек. Про Фигму молчу, там по умолчанию нужно пользоваться определёнными инструментами

Глобальная проблема в том, что «костыль» требует только большого количества времени, и работает пока его не трогают. Только я вот никому не пожелаю дорабатывать такой проект. Там проще всё сжечь и начать сначала

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

Добрый день! Меня зовут Обухова Юлия и я графический дизайнер и арт-директор с высшим профильным образованием и более чем 10-летним стажем в сфере визуальных коммуникаций. Я обладаю разносторонним опытом в ключевых областях графического дизайна: от разработки корпоративной айдентики и вёрстки многостраничных изданий до архитектурных иллюстраций, отрисовки планировок и веб-дизайна.

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

Вам нужен дизайн, который будет эффективно работать? Тогда вы пришли по нужному адресу. Давайте сделаем его для вас

Архитектурная иллюстрация: новый тренд в презентации недвижимости

Как правило у застройщиков есть два вида визуализаций: планировки квартир и 3D рендеры жилых комплексов. Планировки квартир - основная составляющая буклетов жилых комплексов и сайтов, рендеры – красивая и сочная картинка.

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

В чём ещё её прелесть? Она векторная, а это значит, что становятся доступны абсолютно любые форматы: от журнала, буклета и презентации до огромного имиджевого баннера для брендирования забора. Больше не нужно думать хватит ли вам качества рендера для печати, у вас будет отличная альтернатива ему, также если понадобится добавить инфографику, она отлично ляжет на этот формат. Изменить цветовую гамму, добавить или убрать элементы, это реализуется быстро и безболезненно. Особенно мне нравится, что можно собрать многослойную иллюстрацию и включать или отключать элементы в зависимости от задачи. К посту как раз прикреплены примеры насколько разной она может быть

Архитектурная иллюстрация – новый продукт на рынке застройщиков, который скоро станет трендом.

Как оценить стоимость дизайн-проекта: прозрачное ценообразование

Что входит в стоимость разработки дизайна? Очень важный вопрос, который я бы хотела обсудить.

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

Давайте посмотрим объём работ для такого пакета:
1. Разработка логотипа включает в себя анализ конкурентов, сбор мудборда, создание первых логотипов (как правило 3 варианта) и последующая доработка логотипа до финальной стадии. Дальше идут работы, которые кажутся невидимыми, но они очень важны: определение безопасного поля, создание дополнительных версий для нанесения на разные носители, монохромные версии, композиция для кобрендинга (в случае если у вас есть дочерние направления или бренды) и подготовка исходных фалов (удаление лишних фигур, слияние их, скривление шрифтов).
2. Подбор шрифтовой пары. Основной состав: шрифт для заголовков и шрифт для наборного текста. Важно помнить, что у шрифтов существует лицензия (об этом подробно тут), поэтому чаще всего они выбираются из шрифтов с открытой лицензией. Итак, на выходе получаем два шрифта (необходимый минимум) с числовыми пропорциями и правилами для вашего фирменного стиля.
3. Подбор цветовой схемы. Набор цветов/градиентов, который сочетаются между собой. Обязательно коды для экранов и печати (можно включить цвета RAL или определённую бумагу).
4. Композиции носителей. Здесь вы получите основные композиции (до 6 штук), которые можно использовать для визиток, документов и рекламных носителей. Всё схематично и подробно описано.
5. Подготовка самого документа брендбука. Что входит? Сам документ в формате pdf, правила для каждого элемента подробно описанные, рекомендации по материалам и нанесению, ссылки на исходные файлы и мерч.

В дополнительный набор фирменного стиля включают:
6. Носители фирменного стиля: визитки, фирменные бланки, баннеры, посты, папки, пакеты и прочее. Обязательно указываются все технические характеристики печати.
7. Разработка мерча вашей компании: ручки, блокноты, кружки, футболки, толстовки и всё что только может понадобится. К каждой позиции прилагается описание и ссылка на носитель.

А что же касается других работ?

Лендинг 5-7 экранов: главный, преимущества, описание, фотогалерея, контентный блок с текстом и фото, подвал. На выходе – дизайн в Фигме, с адаптацией под все экраны и вёрстка на платформе Тильда (я чаще всего предлагаю такой пакет).

Вёрстка многостраничного издания: анализ конкурентов, разработка дизайна издания, разработка инфографики (при необходимости), вёрстка, подготовка к печати, цветокоррекция и ретушь.

Отрисовка планировок: расстановка линейных размеров, основная отрисовка в соответствии с фирменным стилем застройщика, нарезка квартир.

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

Работы по созданию дизайна бывают разными, но объединяет их одно – очень много «невидимых» действий, которые очень важны. Без них дизайн станет просто красивой не работающей картинкой, но дизайн должен решать задачи.

Плакат со звёздной картой

Обещала – делюсь, как сделать плакат с картой звёзд на определённую дату.
1.Заходим на сайт. В целом полная инструкция есть по ссылке, на всякий случай поделюсь своими настройками: долгота и ширина цифрами (прекрасно гуглятся), время по Гринвичу (тоже гуглим относительно своего часового пояса), размер 3000х3000 пикселей мне подошёл для печати, и увеличиваем размеры звёзд раза в три, чтобы всё было видно.
2.Далее я скачивала вариант с подписями крупных звёзд и планет и без подписей.
3.Вставляем карту в шаблон, делюсь своим. Вносим нужный текст: имена, дата, милая подпись
4.Подписи звёзд и планет я подписывала сама и потом меняла в линках на карту без подписей. Обязательно ретушируем карту, так как система выгружает с указанием сторон света
5.Всё, наслаждаемся макетом

Планировки, которые продают: как качественная графика помогает девелоперам

Как подсказывает статистика, 90% информации, обрабатываемой человеком – это визуальная информация, а также около 70% покупателей недвижимости самостоятельно выбирают квартиру на сайте и только после этого доходят до офиса продаж. Эти две цифры нам тонко намекают, что планировки квартир должны быть максимально понятными и запоминающимися для покупателя.

Что же я, как дизайнер предлагаю в этом случае?

Самое первое, оформление планировок (цвет и шрифт) в соответствии с фирменным стилем девелопера/жилого комплекса.

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

И завершающий шаг – определить иерархию элементов на планировке. Например, если мы показываем плашку общей площади на виде планировки с мебелью, то может ли плашка закрывать элементы мебели, если да, то какие и насколько сильно.

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

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

Многостраничники: тонкости вёрстки книг и презентаций

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

Самый главный секрет – строгая иерархия элементов. Заголовок, наборный текст, подписи, сноски – все элементы должны быть со своим собственным отличным от других оформлением.

Второй секрет (очень похожий на первый) – всё должно быть одинаковым. Ни в коем случае не менять оформление без очевидных причин. Что я имею в виду? Например, заголовок раздела может быть слева или по центру, но для каждого его положения у вас есть свои условия (определённая тематика или наличие подзаголовка). Для меня любой многостраничник это сложное уравнение с множеством переменных, среди которых необходимо найти баланс. Не слишком ли заголовок большой? Подходит ли этот шрифт под тематику издания? Достаточно ли выставлены поля? Добавить ли в цветовую схему ещё оттенки?

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

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

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

Смотрю Behance за вас

Ввожу новую рубрику - подборку любопытных вещей на просторах интернета

Лот 1. Территориальный брендинг посёлка
Хороший пример как с помощью минимального набора графики можно сделать вкусный и работающий брендинг

Лот 2. Технологичный и вкусный сайт курса
Здесь всё как мы любим: минимализм, строгая графика, хорошая композиция и микроанимация

Лот 3. Яркие и красивые иллюстрации
В таких проектах иллюстрация правит бал, в принципе больше ничего и не надо. Ярко, сочно, а какая там композиция шикарная,ммм

Лот 4. Ещё пример современного брендинга
Хороший пример как на графике одного логотипа выстроена вся композиция. Мы на всех носителях видим логотип и это прекрасно.

Лот 5. Максимально творческая вёрстка книги
Книга как арт-объект. Ничего не понятно, но очень красиво и дерзко. Вы только посмотрите на композицию, насколько выразительная она. А ведь из инструментов только шрифт и два цвета

За кулисами брендбука: что туда входит и почему это важно

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

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

О компании – описание компании, которое используется для формирования её образа на сайте, буклете и презентациях.

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

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

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

Каналы коммуникации компании – здесь закладываются основы для носителей дизайна. Отвечает на вопрос «Каким образом бренд коммуницирует со своей аудиторией»

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

Блок 2. Основные константы фирменного стиля

Основная версия логотипа. Располагаем крупно, описываем о чём логотип. Обязательно указать минимальные размеры использования и носители для которых подходит, если для этого есть специальные условия. Например, всё чаще встречается, что версии логотипа делятся для печати и веб. Здесь же прикрепляем кликабельную ссылку на исходник логотипа.

Расположение на фирменном фоне основной версии. Показываем на каких фирменных цветах может располагаться логотип и в каких ситуациях.

Безопасное поле. Определяем размер пустого пространства, которое необходимо соблюдать вокруг логотипа. Как правило модуль «пустого места» определяется из пропорций логотипа.

Монохромные версии. Показываем как логотип выглядит в черно-белой гамме и прикрепляем ссылку.

Кобрендинг. Отображаем как логотип соседствует с другими дочерними логотипами.

Дополнительная версия логотипа. Повторяем вышеперечисленные пункты о логотипе на необходимом количестве дополнительных версий.

Недопустимые действия с логотипом. Раньше делали много картинок, сейчас уже можно просто текстом перечислить нужные моменты

Фирменные цвета. Описываем цвета/градиенты, как и когда можно использовать, включаем коды цвета во всем необходимых системах: RGB, CMYK, HEX, RAL, ORACAL, NCS. Ссылка на файл со шрифтами

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

Фотостиль бренда. Подробно описываем композиции, характер фотографий, настроение, цветовую гамму. Если есть какие-то особые фильтры – описываем технические характеристики. И включаем много примеров фото.

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

Блок 3. Носители фирменного стиля
Для каждого носителя делаем подробное описание, включая технические подробности (размер, технологию нанесения). Показываем красивые мокапы и не забываем про ссылки на исходники.
Важно! Характер и количество носителей определятся исходя из характера коммуникации бренда и целевой аудитории.

Блок 4. Мерч компании
Аналогично с носителями делаем подробное описание, включаем мокапы и ссылки на макеты, готовые к нанесению

Дизайн для event-индустрии: как создать образ мероприятия

У меня есть ещё одна сторона профессиональной деятельности – создание макетов для мероприятий и форумов (и застройка площадок). И чем же макеты для форумов отличаются от остальных макетов?

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

2.Обязательно должно быть место, где посетители смогут сделать фото. Это может быть пресс-вол, отдельная фотозона или имиджевый баннер.

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

4.Не нужно на всех баннерах располагать одну и ту же информацию. Например, баннер, который прикрывает техническую сторону конструкции может быть просто с фирменным цветом/градиентом/узором.

5.Абсолютно все макеты собираем в фирменном стиле мероприятия, даже если это табличка «Ведётся видеонаблюдение».

Дизайн на мероприятии должен буквально «вести» посетителя по площадке и присутствовать во всех деталях. А если ещё выдать фирменный пакет мерча… но это уже другая история.

Сегодня понедельник - работы много
В перерывах между согласованиями вспоминаю классику

Технологии печати для дизайнеров: выбираем правильный способ для каждого носителя

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

Например, у вас в разработке буклет/журнал. Как правильно выбрать для него технологии?
Для начала мы должны понять на сколько страниц он выходит: до 40 страниц будет крепление на скрепку, 40-100 пружина или термосклейка, от 100 страниц уже можно использовать твёрдый переплёт и получить на выходе полноценную книгу.
С тиражом тоже нам поможет математика: до 100 штук – цифровая печать, больше 100 – офсет.
А как быть с обложкой? Очень хочется сделать красиво. Здесь нам поможет выборочный лак или фольгирование/тиснение. Лаком можно выделить небольшие элементы картинки или залить всё фото. Он хорошо работает на матовой ламинации. Важно, ламинацию делают практически во всех случаях печати, чтобы продлить срок службы и создать финальный штрих. Глянцевую, матовую или софтач, выбирать вам. Фольгированием/тиснением хорошо выделить крупный логотип и название буклета, если размеры нанесения позволяют.

А какую технологию выбрать для мерча? Почти всегда это УФ-печать, но если у нас макет в один цвет и позволяет размер, то можно сделать тампопечать. Значительное отличие УФ-печати – это нанесение полноцветного изображения.

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

Для текстиля однозначно – ДТФ-печать. Это прекрасная технология, которая не ограничивает вас в дизайне и носится хорошо.

Если есть вопросы – пойдёмте в комментарии, разберу детально ваши случаи.

Многозадачность как суперсила: как я совмещаю несколько проектов одновременно

Вопрос «Как ты всё успеваешь?» в начале моей карьеры меня очень пугал. Потом я нарастила опыт и стало намного интереснее и легче.

Самое главное – планирование, куча таблиц и схем. Сейчас я веду одновременно проектов 5-7. Они разные: планировки, брендбук, застройки, вёрстка многостраничников, запуск мерча.

У каждого проекта есть срок реализации и этапы – первая итерация, доработка и запуск. Первую итерацию я выдаю как можно скорее, чтобы клиент смог пожить с моей разработкой, приглядеться к ней и написать правки. Доработка выдается после внесения правок, при их наличии, и обсуждения (самый длительный этап). Далее отправка в печать.

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

А вот застройки, это отдельная история. На время запуска застройки я не беру вообще никаких проектов в разработку. Потому что застройка сама по себе состоит из нескольких маленьких проектов. В ней количество таблиц и схем вырастает раза в 3. Нужно проверить все макеты, отдать их правильно в печать, собрать схему и написать список по необходимому оборудованию. В застройках есть один секрет – их невозможно сделать без команды. Даже самый опытный руководитель не соберёт застройку самостоятельно, просто сгорит и будет погребён под ней. Моя команда по застройкам, передаю вам пламенный привет❤️.

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