6.4. Мини-система фирменного стиля
Как собрать короткое руководство, по которому другой дизайнер сможет сделать новый макет — и сохранить характер проекта.
В уроке 6.3 мы проектировали продолжение серии. Теперь запишем правила, приложим материалы и проверим, достаточно ли этого для работы без устных подсказок.
Мини-система фирменного стиля — небольшой набор согласованных элементов, правил и примеров применения. Она помогает выпускать новые материалы без случайных изменений шрифта, цвета и композиции.
Название или знак, палитра, шрифты, фотографии и графические мотивы. Это материал, из которого собирается макет.
Когда использовать каждый элемент, как сочетать их и что менять под задачу. Примеры показывают, как правила работают вместе.
Руководство полезно, если помогает принять следующее решение, а не только описывает уже готовый макет.
Мы собираем учебный мини-гайд для маленького проекта. Это не полная стратегия бренда и не руководство по всем производственным ситуациям. Начните с реальных задач, для которых уже нужны материалы.
Мастерская выпускает керамику для повседневной жизни. Её характер — спокойный, тёплый и предметный. Ниже — короткое руководство: оно объясняет не только какие элементы выбрать, но и как ими пользоваться.
Керамическая мастерская · предметы для повседневных ритуалов
Используйте готовый файл названия. Не набирайте его заново и не меняйте пропорции. На экране — оливковый или чёрный вариант на светлом фоне, молочный на тёмном. Для крафтовой упаковки — одна чёрная печатная краска.
На этом учебном примере пунктир показывает свободное поле. Для своих файлов задайте проверяемую величину: например, отступ не меньше высоты буквы «О» вокруг названия.
#FAF6EBОсновной светлый фон#49483BТекст и тёмный фон#DFC8ABДополнительное поле#161616Чёрный текст и одноцветная печатьОсновная экранная пара для чтения — оливковый и молочный; для упаковки предусмотрена чёрная печать на натуральном картоне. На фотографии помещайте текст только там, где фон не мешает его прочитать; при необходимости добавьте спокойное поле.
Здесь указаны экранные HEX-значения. Подготовка цвета для конкретной печати — отдельная задача.
Literata — заголовки и короткие выразительные фразы. Cygre — пояснения, навигация и служебная информация. Не добавляйте третью гарнитуру для нового сообщения.
Для учебного вертикального макета: заголовок 2–4 строки, основной текст — одного выбранного размера. Если материал не помещается, измените компоновку и проверьте читаемость в реальном размере.
Предметы в естественном тёплом свете, спокойный фон, заметная фактура. Допустим общий план и крупная деталь. Не растягивайте снимок по одной оси и не кадрируйте важную часть предмета случайно.
Фотография — переменная. Для текстового совета предусмотрен вариант без изображения.
Название мастерской — в верхней зоне. Один главный заголовок, затем пояснение. Для серии одного формата используйте одинаковые внешние поля.
В учебных макетах ниже поле 25 пикселей при ширине 340 пикселей. Это пример правила для конкретного размера. При смене формата перестройте композицию, а не масштабируйте всё автоматически.
Меняйте вариант под содержание, сохраняя роли шрифтов, палитру и название.
Это пример учебного руководства. Для крафтовой упаковки добавлен монохромный вариант названия. «Слой» — вымышленная мастерская; фотографии и мокапы созданы с помощью ИИ. Готовые файлы названия и шаблоны для реального проекта нужно подготовить отдельно.
Другой дизайнер получил задачу: анонс встречи в мастерской. Фотографии нет. Нужно сохранить характер проекта и сделать приглашение понятным. Сравните работу по руководству с оформлением по догадке.
Это учебный анонс, а не реальное событие. Текст и задача не меняются при переключении вариантов.
Используем разрешённый текстовый вариант, прежние роли шрифтов и основные цвета. Приглашение отличается от каталога, но сохраняет характер мастерской.
Переключение «По догадке» показывает намеренно несогласованный пример. Сам по себе яркий цвет не плох: он не подходит здесь, потому что отсутствует в выбранной системе.
Упаковать изделие, пригласить на первое занятие, показать мастерскую онлайн. У каждого носителя своя работа.
Для «Слоя» соберём не набор случайных сувениров, а небольшой комплект: коробка для нескольких изделий, захват для подходящей формы, буклет с карточкой знакомства, сайт, страница ВКонтакте и плакат для знакомства с мастерской. Повторяются название, Literata и Cygre, свободные поля и спокойная фотография керамики.
Упаковка: один цвет печатиЧёрное название и короткая подпись на натуральном крафте. Цвет картона — материал, а не дополнительная печатная краска. Без цветных наклеек и декоративных эффектов.
Остальные носители: тот же характерМолочный фон, чёрный текст, Literata в заголовках и Cygre в пояснениях. Тёплые оттенки появляются прежде всего в фотографии изделий.
Задача носителяСобрать несколько изделий в один заказ или подарок. Ручки помогают представить способ переноски, а наполнитель — аккуратно показать содержимое в макете.
Что переносим из мини-гайдаНазвание в одном начертании, короткую подпись мастерской и свободное поле. На боковой стороне можно предусмотреть состав набора и место для небольшой бирки.
Задача носителяМинимальная индивидуальная упаковка для подходящей формы с горлышком. Такой приём может стать узнаваемой частью выдачи заказа и обойтись одним цветом печати.
Как не потерять читаемостьСначала отметьте отверстия, сгибы и места фиксации, затем найдите спокойную область для названия. Не ставьте мелкий текст на сгиб и не деформируйте знак под узкую полоску.
Буклет: объяснитьКто ведёт занятия, как проходит знакомство, что человек попробует сделать и как забрать готовую работу. Внутри — крупные фотографии, короткие блоки и тот же порядок заголовков.
Карточка: напомнить«Первое занятие. Бесплатное знакомство». На обороте — место для времени записи и контакта мастерской. QR-код добавляют только после появления настоящей страницы записи.
Познакомьтесь с глиной, попробуйте простую форму и почувствуйте, как рождается предмет.
Первое знакомство →Задача носителяЗа один экран объяснить, что это за место и как начать. Дальше нужны описание занятий, работы учеников, ответы на частые вопросы и реальная форма записи.
Связь с упаковкойТо же название, чёрно-молочная типографика, просторные поля и предметная фотография. Композиция другая: на сайте важнее переход к действию, чем маркировка предмета.
Глина. Руки.
Немного тишины.
ЗНАКОМСТВОПоказываем работу руками, этапы и маленькие открытия.
Что взять с собой и как бережно упаковать изделие.
Задача носителяРегулярно напоминать о мастерской. Обложка знакомит, закреплённая публикация объясняет первый шаг, рубрики помогают чередовать анонсы, процесс и полезную информацию.
Что сохраняемНазвание, шрифтовые роли и палитру. Фотография и плотность текста меняются по рубрике. Каждый пост должен быть понятен отдельно, а не только внутри красивой ленты.
Задача носителяЗаинтересовать человека, который пока не ищет мастерскую сам. На плакате оставляем короткое приглашение, понятный повод и одно следующее действие. Подробное описание занятия можно перенести на сайт.
Как работают правилаLiterata делает заголовок выразительным, Cygre помогает прочитать пояснение. Чёрный текст на молочном поле остаётся спокойным, а фотография показывает материал и процесс. Композиция рассчитана на другой способ просмотра, чем карточка или экран.
| Носитель | Зачем нужен | Что разместить |
|---|---|---|
| Бирка работы ученика | Не перепутать изделия и объяснить следующий шаг. | Имя или номер заказа, дата занятия, место для отметки о готовности. |
| Памятка по уходу | Помочь пользоваться готовой керамикой. | Название мастерской и короткие инструкции, подходящие конкретному изделию. |
| Подарочный сертификат | Подарить занятие или изделие. | Что включено, идентификатор, условия использования и контакт для записи. |
Выбирайте носитель по действию человека. Хорошая система помогает записаться, прийти, получить изделие и вернуться.
Фотографические мокапы созданы с помощью ИИ и показывают художественное направление. Утверждённое название, тексты и наши шрифты Cygre и Literata нужно сохранять в рабочих файлах; изображения не заменяют исходники и производство упаковки.
Стиль встречает человека не только на упаковке и экране. Он складывается из пространства, указателей и предметов, которыми пользуются каждый день.
Продолжим тот же «Слой»: светлая штукатурка, дерево, крафт, натуральный лён и керамика. Небольшое чёрное название, понятные подписи и согласованные материалы помогают связать интерьер с сайтом, плакатом и коробкой.
Где проявляется стильНазвание у входа, чёрные номера на полках, крафтовые коробки для готовых изделий, льняной фартук мастера. Эти детали встречаются в разных местах, но используют одинаковые принципы.
Что это даёт посетителюПомогает понять, куда пройти, где его работа и что уже готово к выдаче. Один формат бирок и подписей облегчает работу и сотрудникам мастерской.
Переносим принцип, учитываем материалЧёрная нить на натуральном льне продолжает чёрную печать на крафте. Для вышивки выбирают подходящий размер и проверяют образец: слишком тонкие детали знака могут потеряться.
Добавляем полезные ориентирыПонятные подписи помогают найти чистые полотенца и место для использованных. Указатели, небольшая табличка и керамическая мыльница могут поддерживать тот же спокойный язык.
Для повседневной работыВ журнале фиксируют занятия, заказы и готовность изделий. На бирке оставляют место для имени или номера, даты и отметки о выдаче. Поля и подписи здесь важнее декоративного заполнения.
Для узнаваемости предметаНебольшой знак на чашке или клеймо на основании связывает вещь с мастерской даже после того, как упаковку убрали. В рабочем файле нужно отдельно определить размер и вариант для каждого способа нанесения.
В пространстве айдентика становится частью опыта: помогает ориентироваться, работать и запоминать место.
Интерьер и предметные сцены созданы с помощью ИИ и показывают направление оформления вымышленной мастерской. Шрифты, знаки и подписи для реального применения готовят как отдельные рабочие файлы.
Упаковка, плакат, сайт и само пространство мастерской встречают человека в разных ситуациях. Общий визуальный язык помогает узнать одну и ту же мастерскую.
В нашем примере характер «Слоя» — спокойная работа руками и внимание к материалу. Его поддерживают тёплая предметная фотография, сдержанная печать, выразительный заголовок и свободное пространство. Эти решения становятся системой, когда мы назначаем им роли и можем объяснить их применение.
Название, характер, шрифтовые роли и согласованные способы использовать цвет и изображения.
Масштаб, объём текста, кадр, материал, компоновку и способ нанесения — под задачу конкретного носителя или пространства.
Айдентика работает, когда человек узнаёт проект на разных носителях, а дизайнер понимает, как сделать следующий.
Макет и мокап решают разные задачи. Макет задаёт реальное оформление: текст, размеры, поля и файлы. Мокап помогает представить его на предмете или в среде. Красивое изображение коробки полезно для обсуждения, но рабочие файлы и проверку образца готовят отдельно.
| Не хватает для работы | Помогает принять решение |
|---|---|
| «Логотип должен дышать». | Оставьте вокруг названия поле не меньше высоты буквы «О». Покажите измерение на схеме. |
| «Используем красивые фотографии». | Естественный тёплый свет, спокойный фон, предмет без искажений. Приложите подходящий и неподходящий пример. |
| «Делаем всё в одном стиле». | Назначьте шрифт заголовку и пояснению; покажите светлый и тёмный варианты с теми же ролями. |
| «Берём файлы из папки». | Укажите, какой файл использовать на светлом и тёмном фоне и где лежит актуальная версия шаблона. |
Руководство объясняет выбор. Рабочие файлы позволяют его выполнить. Короткое описание состава папки избавляет от догадок.
01_руководство/ — актуальная версия мини-гайда и дата обновления.
02_название/ — утверждённые варианты для светлого и тёмного фона.
03_шаблоны/ — редактируемый исходник и пример заполнения.
04_изображения/ — разрешённые к использованию материалы и сведения об их источнике.
ПРОЧИТАЙТЕ.txt — что открывать первым, какие шрифты нужны и где взять их разрешённые версии.
Названия папок здесь пример. В своём проекте выберите понятную схему и соблюдайте её. Не прикладывайте шрифтовые файлы, если условия их использования не позволяют передачу.
Продолжите проект из уроков 6.1–6.3 или возьмите мастерскую «Слой». Результат — одна-две страницы правил и три применения: упаковка, печатное приглашение и цифровая страница.
Пост: «Тепло в ладонях». «Керамика для повседневных ритуалов».
Упаковка: «СЛОЙ». «Керамическая мастерская». Чёрная печать на крафте.
Приглашение: «Первое занятие». «Бесплатное знакомство». Контакт или QR пока обозначьте как место для будущего заполнения.
Дополнительный вариант: покажите одну деталь пространства — подпись на полке, полотенце с вышивкой или журнал. Объясните её функцию, место и способ нанесения.
Неожиданная задача: «Как рождается вещь, которой пользуешься каждый день». «Открытая встреча в мастерской. Подробности — в описании». Фотографии нет.
Скачать фотографию для задания ↗. Можно использовать собственный материал.
Отмечено 0 из 7
Возьмите один пункт и попробуйте проверить его на макете. Если ответ получается только «похоже» или «не похоже», добавьте условие: роль элемента, положение, размер поля или допустимые варианты. Затем приложите пример.
Найдите конкретную ситуацию: например, длинная тема не помещается в назначенную зону. Уточните приоритет и разрешённое изменение: увеличить область заголовка за счёт изображения, перейти к текстовому варианту или использовать другую компоновку. Перепроверьте все три примера применения.
На время отложите собственные примеры и сделайте неожиданный анонс, пользуясь только написанными правилами. Запишите каждое решение, для которого пришлось вспоминать авторский замысел. Эти пояснения стоит добавить в руководство.
В документе есть название, три цвета и два шрифта. Другой дизайнер спрашивает: «Какой цвет брать для текста? Что делать, если фотографии нет?» Что полезнее добавить?
Выберите ответ, чтобы увидеть объяснение.
Мини-система готова, когда правила помогают продолжить работу, а примеры подтверждают, что это возможно.
Это заключительный урок шестого раздела. Мы прошли путь от двух согласованных макетов к небольшому фирменному стилю, который можно применять и передавать. Весь учебник продолжается: следующий раздел посвящён работе в конкретных форматах.
Записать правила и проверить передачу
Мини-гайд на одну-две страницы, три выбранных применения — упаковка, печатный и цифровой носители — и проверка нового случая. В пояснении назовите общие опоры и объясните, почему композиции отличаются.
Итоговая проверка: уберите примеры и попробуйте сделать ещё один носитель по своим правилам. Если возникают вопросы, допишите ответы в руководство.
Пока выполните задание и пройдите самопроверку. Сохраните мини-гайд и примеры применения для будущего разбора. Отправка работ в этом уроке пока недоступна.
Урок 6.4 — мини-система фирменного стиля