FAQ / Справочник
Справочникпо дизайну
Какой дизайн нужен под вашу задачу: от логотипа и сайта до упаковки и инфографики. 15 направлений, памятки для заказа и приёмки работы, словарь терминов. Если не знаете, с чего начать, — загляните в оглавление.
01 / Знак
Логотип и фирменный знак
С логотипа чаще всего начинается бренд. Это опознавательный знак компании, продукта или мероприятия.
Под «логотипом» понимают разное: текстовое написание названия, отдельный графический знак или их сочетание. Разработка логотипа — это не рисование картинки, а поиск устойчивой формы, которая читается и на вывеске, и в иконке приложения, и на упаковке. Отдельная тема — товарный знак: логотип можно зарегистрировать, чтобы закрепить права; регистрацию и оценку ведут патентные поверенные, дизайн к ней готовится с запасом по контрастности и вариантам.
Заказать логотип имеет смысл, когда появляется новый бренд, ребрендинг или продукт, которому нужно собственное лицо. Готовый знак сдаётся в векторе, в нескольких размерах и версиях (цветная, одноцветная, для тёмного фона).
02 / Система
Фирменный стиль и брендбук
Фирменный стиль — это правила, по которым бренд выглядит одинаково везде: цвета, шрифты, сетки, оформление носителей.
Логотип отвечает на вопрос «кто это», фирменный стиль — «как это выглядит на всём остальном»: от визитки до сайта и упаковки. Когда правила собраны в документ с примерами и шаблонами, получается брендбук — им пользуется команда, чтобы держать единый вид без дизайнера на каждый макет. Разработка фирменного стиля и брендбука нужна компаниям, которым важно узнаваться: сети, производству, кафе или пекарне, гостинице, магазину.
03 / Имя
Нейминг и слоган
Название и слоган — то, что произносят вслух и запоминают. Иногда с них удобнее начинать, чем с графики.
Нейминг — это придумать название для компании, продукта, акции или мероприятия и проверить его: как звучит, не занято ли, как ляжет на логотип и упаковку. Слоган — короткая фраза, которая держит идею бренда или конкретной кампании. Эти задачи часто идут в связке с логотипом: имя и знак проектируются так, чтобы работать вместе.
04 / Экран
Сайты, лендинги и приложения
Веб-дизайн и UX/UI — про то, чтобы сайтом или приложением было удобно пользоваться, а не только красиво смотреть.
Здесь важно различать форматы. Лендинг (landing page) — одностраничник под одну задачу: рассказать о продукте и получить заявку. Многостраничный сайт — каталог, услуги, блог. Приложение (iOS или Android) — отдельный продукт со своими экранами и логикой. Во всех случаях сначала проектируется структура и прототип, затем макеты экранов, и уже потом вёрстка. Адаптивный дизайн — обязательное условие: интерфейс должен работать и на телефоне, и на большом мониторе.
05 / Документ
Презентации и маркетинг-кит
Презентация продаёт идею на встрече; маркетинг-кит рассказывает о компании, когда вас нет рядом.
Дизайн презентации — это структура и вёрстка слайдов под выступление или отправку: инвесторам, клиентам, партнёрам. Маркетинг-кит — более плотный документ о продукте или компании, с фактами, кейсами и предложением; его формат и структура зависят от того, кому и как его показывают. Сюда же примыкают годовые отчёты и многостраничные издания — всё, где много информации нужно разложить так, чтобы её было легко читать.
06 / Печать
Полиграфия
Всё, что печатается на бумаге и картоне: от визитки до каталога. Дизайн здесь готовится сразу под печать.
Самые частые виды — визитки, буклеты, листовки и флаеры, каталоги, меню и тейбл-тенты для кафе и ресторанов, папки, бланки, открытки, афиши. У каждого формата свои требования к макету: вылеты под обрез, цветовая модель для типографии, читаемые размеры. Поэтому дизайн полиграфической продукции лучше готовить с учётом того, где и на чём это будет печататься, — тогда на выходе не будет сюрпризов по цвету и полям.
07 / Улица
Наружная реклама
Баннеры, билборды, вывески — то, что видят с расстояния и на ходу. Здесь правит крупная форма и контраст.
Наружная реклама (outdoor) работает по другим законам, чем экран или лист: у зрителя секунды и большая дистанция. Поэтому баннер, билборд или вывеска строятся на одном сообщении, крупной типографике и высоком контрасте. Важны и технические вещи — реальные размеры носителя и разрешение макета под конкретную печать. Один и тот же фирменный стиль должен уверенно жить и на визитке, и на щите.
08 / Полка
Упаковка
Упаковка — это реклама, которая стоит на полке рядом с конкурентами и продаёт товар в момент выбора.
Дизайн упаковки соединяет фирменный стиль, полиграфию и здравый смысл о том, как товар берут в руки. Он должен читаться на полке, выдерживать печать на конкретном материале и работать в линейке — когда сортов или вкусов несколько. Часто упаковку делают в связке с логотипом и неймингом: название, знак и оформление коробки или этикетки проектируются как одно целое.
09 / Обновление
Редизайн и ребрендинг
Редизайн обновляет внешний вид. Ребрендинг пересматривает то, как бренд представляет себя аудитории.
Если компания выросла, а материалы выглядят устаревшими или разрозненными, можно начать с аудита: собрать сайт, упаковку, рекламу и документы, найти несоответствия. Иногда достаточно поправить типографику, палитру и шаблоны. Если изменились продукт, аудитория или позиционирование, понадобится более глубокая работа.
Что подготовить: действующие материалы, причины обновления и список того, что важно сохранить. Что согласовать: глубину изменений, ключевые носители и порядок перехода на новый стиль. Так вывеска, сайт и презентация не окажутся тремя разными версиями бренда.
10 / Лента
Дизайн для соцсетей
Оформление сообщества и шаблоны публикаций помогают вести коммуникацию последовательно.
Обложка, аватар, карточки, анонсы и истории решают разные задачи. Аватар должен читаться в маленьком размере, карточка — удерживать внимание на одной мысли, серия публикаций — складываться в узнаваемую систему. Универсальный макет редко одинаково удобен для всех площадок.
Что подготовить: список площадок, рубрики, примеры текстов и фотографии. На выходе полезно получить шаблоны с примерами коротких и длинных заголовков, правила работы с изображениями и редактируемые файлы для команды.
11 / Кампания
Рекламная графика и ключевой образ
Ключевой образ, или key visual, задаёт визуальную идею рекламной кампании.
Это сочетание изображения, заголовка, цвета и композиции, которое можно развить в баннеры, афиши, публикации и оформление мероприятия. Фирменный стиль действует долго, а ключевой образ обычно связан с конкретным запуском, сезоном или предложением.
Сначала стоит согласовать основное сообщение и несколько самых разных форматов: например, горизонтальный баннер и вертикальную афишу. Затем делать адаптации. Простое уменьшение исходного макета не заменяет компоновку под новый размер.
12 / Карточка товара
Дизайн для маркетплейсов
Карточка товара помогает быстро понять, что продаётся, чем отличается и подойдёт ли покупателю.
Обложка знакомит с продуктом, следующие изображения показывают характеристики, размеры, комплектацию и сценарии использования. Дизайн выстраивает порядок аргументов и делает подписи читаемыми на телефоне. Он не заменяет качественные фотографии и точные сведения о товаре.
Что подготовить: фотографии, подтверждённые характеристики, состав комплекта и требования выбранной площадки. Для линейки товаров полезен шаблон: общая структура сохраняется, а модель, цвет и параметры легко различаются.
13 / Пространство
Навигация и оформление пространств
Навигация помогает человеку найти вход, нужный кабинет, этаж или зону без лишних вопросов.
В систему входят указатели, таблички, номера, схемы и пиктограммы. Работу начинают с маршрутов и точек выбора: где посетителю нужна подсказка и с какого расстояния он её увидит. Красивой таблички недостаточно, если она стоит после нужного поворота.
Что подготовить: план помещения, список зон, фотографии и ограничения по размещению. В результате нужны схема расположения, макеты и спецификация носителей. Материалы, крепления и изготовление согласуют с производителем отдельно.
14 / Образ
Иллюстрация, иконки и персонажи
Авторская графика объясняет идеи и добавляет бренду собственный визуальный язык.
Иллюстрация может показать процесс, который сложно сфотографировать. Иконки помогают быстро различать действия и категории. Персонаж объединяет коммуникацию, если у него есть понятная роль: объяснять, сопровождать или представлять продукт.
Для заказа нужны сценарии использования, размеры и примеры желаемого характера графики. У набора иконок согласуют сетку, толщину линий и детализацию; у персонажа — позы, эмоции и правила использования. Количество элементов лучше определить до начала работы.
15 / Данные
Инфографика и визуализация данных
Инфографика превращает данные и процессы в понятную схему, сравнение или диаграмму.
Она нужна, когда читателю сложно увидеть главное в таблице, длинном описании или последовательности шагов. Для сравнения величин часто подходят столбцы, для динамики — линейный график, для процесса — схема. Тип графики выбирают по вопросу, на который должен ответить читатель.
Что подготовить: исходные данные, единицы измерения, период и источник. В макете важно сохранить подписи, масштаб и оговорки: декоративное оформление не должно искажать вывод. Для регулярно обновляемых данных стоит заказать редактируемый шаблон.
16 / Подготовка
Что передать дизайнеру
Хороший старт — понятная задача и собранные материалы. Не обязательно знать профессиональные термины.
- Задача и аудитория. Что запускаете, кто это увидит и какое действие должен совершить человек.
- Состав работы. Список носителей, количество страниц или экранов, размеры и языковые версии.
- Контент. Тексты, фотографии, данные, логотип и действующие правила фирменного стиля.
- Ориентиры. Несколько примеров с пояснениями: что подходит и почему.
- Срок и бюджет. Дата запуска, промежуточные согласования и доступный диапазон бюджета.
- Приёмка. Кто принимает решение, сколько этапов обсуждения нужно и какие файлы потребуются в конце.
Пример задачи: «Открываем пекарню у дома. Нужны логотип, вывеска, меню и наклейки на пакеты. Аудитория — жители района. Тексты и размеры вывески уже есть; запуск планируем через два месяца».
17 / Результат
Что проверить при сдаче
Состав результата зависит от задачи. Зафиксируйте его до начала работы.
- Комплектность: все согласованные носители, размеры, страницы и версии.
- Содержание: имена, контакты, цены, подписи и актуальность данных.
- Применение: читаемость в реальном размере, варианты фона, мобильные экраны или пробный отпечаток.
- Файлы: экспорты под нужные площадки и производство, согласованные редактируемые исходники.
- Передача: понятные названия файлов, инструкция по шаблонам и перечень использованных шрифтов и изображений с условиями их использования.
Для сайта отдельно уточните, что входит в работу: дизайн экранов, разработка, наполнение и запуск — разные этапы. Для печатных материалов уточните, включены ли подготовка к требованиям выбранной типографии и сопровождение производства.
18 / Словарь
Термины простыми словами
- Бриф
- Описание задачи: что делаем, для кого, зачем, к какому сроку и с какими ограничениями.
- Референс
- Пример для обсуждения конкретного приёма: композиции, настроения, цвета или подачи. Не задание на копирование.
- Концепция
- Обоснованная идея решения с примерами того, как она работает на ключевых носителях.
- Прототип
- Схема структуры и поведения интерфейса. Помогает обсудить сценарии до детальной графики.
- UX и UI
- UX — опыт взаимодействия с продуктом; UI — его интерфейс: элементы, состояния и визуальная организация.
- Гайдлайн и брендбук
- Гайдлайн описывает правила применения дизайна. Брендбук может дополнительно включать платформу бренда и коммуникацию. Состав документа нужно согласовать: названия используют по-разному.
- Дизайн-система
- Связанный набор компонентов, правил и документации для развития цифрового продукта.
- Мокап
- Визуальная примерка макета на носитель: коробку, вывеску или экран. Не заменяет рабочий файл для производства.
- Вектор и растр
- Вектор описывает графику контурами и удобен для масштабирования знаков. Растр состоит из пикселей: так устроены фотографии.
- RGB и CMYK
- RGB используют для экранного цвета, CMYK — для многих печатных процессов. Профиль и требования к файлу уточняют у типографии.
- Вылеты и безопасное поле
- Вылеты продолжают фон за линию реза. Безопасное поле отделяет важные элементы от края. Размеры задаёт производство.
- Исходники и экспорт
- Исходник позволяет редактировать работу. Экспорт — подготовленный файл для конкретного использования, например PNG для публикации или PDF для печати.
Итог
Не уверены, что заказать?
Опишите задачу своими словами — что за проект, для кого и к какому сроку. Подскажу, какой дизайн нужен, и обсудим стоимость.
Задать вопросДальше