HTML Diff
1 added 1 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#Мнения</a></p>
1 <p><a>#Мнения</a></p>
2 <ul><li>2 апр 2025</li>
2 <ul><li>2 апр 2025</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><h2>Концепт за день: как креативить в сжатые сроки</h2>
4 </ul><h2>Концепт за день: как креативить в сжатые сроки</h2>
5 <p>Разобрали пошаговый план действий на примере бренд-медиа о путешествиях.</p>
5 <p>Разобрали пошаговый план действий на примере бренд-медиа о путешествиях.</p>
6 <p>Иллюстрация: Полина Честнова для Skillbox Media</p>
6 <p>Иллюстрация: Полина Честнова для Skillbox Media</p>
7 <p>Журналист, автор статей про моду, искусство и дизайн. Кастомизирует одежду и влюбляет людей в английский язык.</p>
7 <p>Журналист, автор статей про моду, искусство и дизайн. Кастомизирует одежду и влюбляет людей в английский язык.</p>
8 <p>Ситуация знакома каждому дизайнеру: жёсткие дедлайны, клиент ждёт, а в голове - пустота. Здесь важно определить, насколько реально выполнить концепт в заданные сроки, а дальше двигаться по заранее продуманной схеме.</p>
8 <p>Ситуация знакома каждому дизайнеру: жёсткие дедлайны, клиент ждёт, а в голове - пустота. Здесь важно определить, насколько реально выполнить концепт в заданные сроки, а дальше двигаться по заранее продуманной схеме.</p>
9 <p>В этой статье мы разобрались, с чего начать, чтобы не застрять в хаосе референсов, и как выстроить процесс так, чтобы к концу дня у вас был чёткий, убедительный концепт.</p>
9 <p>В этой статье мы разобрались, с чего начать, чтобы не застрять в хаосе референсов, и как выстроить процесс так, чтобы к концу дня у вас был чёткий, убедительный концепт.</p>
10 <p>Креативный дизайнер в студии<a>maryco</a>.</p>
10 <p>Креативный дизайнер в студии<a>maryco</a>.</p>
11 <p>Некоторые дизайнеры любят создавать что-то удивительное, но потом понимают, что это не работает. Я, скорее, прагматик: лучше сделать что-то продуманное и пригодное для масштабирования, чем шедевр, который невозможно адаптировать под айдентику, тем более когда речь идёт о сжатых сроках.</p>
11 <p>Некоторые дизайнеры любят создавать что-то удивительное, но потом понимают, что это не работает. Я, скорее, прагматик: лучше сделать что-то продуманное и пригодное для масштабирования, чем шедевр, который невозможно адаптировать под айдентику, тем более когда речь идёт о сжатых сроках.</p>
12 <p>По моему опыту, первым делом стоит оценить ТЗ, которое принёс лид или клиент, на реалистичность, потому что сдвинуть дедлайн или ответить честное "нет" лучше, чем обмануть ожидания и переработать до состояния обморока.</p>
12 <p>По моему опыту, первым делом стоит оценить ТЗ, которое принёс лид или клиент, на реалистичность, потому что сдвинуть дедлайн или ответить честное "нет" лучше, чем обмануть ожидания и переработать до состояния обморока.</p>
13 <p>Например, если приходит клиент - бренд, который хочет создать айдентику с нуля, то за день ему можно показать цельный концепт стилистики на разных носителях. И подкрепить это презентацией с описанием развития идеи.</p>
13 <p>Например, если приходит клиент - бренд, который хочет создать айдентику с нуля, то за день ему можно показать цельный концепт стилистики на разных носителях. И подкрепить это презентацией с описанием развития идеи.</p>
14 <p>Если речь идёт о комплексной разработке (логотип, сайт, печатные материалы, пространственные решения), одного дня недостаточно. Особенно если в процессе нужно пройти несколько этапов согласования.</p>
14 <p>Если речь идёт о комплексной разработке (логотип, сайт, печатные материалы, пространственные решения), одного дня недостаточно. Особенно если в процессе нужно пройти несколько этапов согласования.</p>
15 <p>Чем больше посредников между дизайнером и заказчиком, тем сложнее процесс. Каждый новый уровень согласования увеличивает риск задержек и необходимости доработок. Если концепт нужно согласовать с менеджером, клиентом и потом ещё с директором, за один день это сделать невозможно.</p>
15 <p>Чем больше посредников между дизайнером и заказчиком, тем сложнее процесс. Каждый новый уровень согласования увеличивает риск задержек и необходимости доработок. Если концепт нужно согласовать с менеджером, клиентом и потом ещё с директором, за один день это сделать невозможно.</p>
16 <p>Мой подход остаётся неизменным вне зависимости от сроков, будь у меня три часа или три дня. Единственное различие в том, сколько времени я могу вложить в процесс. Он строится вокруг следующих этапов:</p>
16 <p>Мой подход остаётся неизменным вне зависимости от сроков, будь у меня три часа или три дня. Единственное различие в том, сколько времени я могу вложить в процесс. Он строится вокруг следующих этапов:</p>
17 <p>1. Разбор ТЗ и определение технических рамок.</p>
17 <p>1. Разбор ТЗ и определение технических рамок.</p>
18 <p>3. Поиск референсов и формирование визуального направления.</p>
18 <p>3. Поиск референсов и формирование визуального направления.</p>
19 <p>4. Разработка первичных концептов на нескольких носителях.</p>
19 <p>4. Разработка первичных концептов на нескольких носителях.</p>
20 <p>5. Создание презентации и подача идеи.</p>
20 <p>5. Создание презентации и подача идеи.</p>
21 <p>Например, к нам пришёл туроператор Vintura, который с нуля хочет создать визуал для бренд-медиа о путешествиях. На примере этой задачи покажу, как работать над концептом оперативно.</p>
21 <p>Например, к нам пришёл туроператор Vintura, который с нуля хочет создать визуал для бренд-медиа о путешествиях. На примере этой задачи покажу, как работать над концептом оперативно.</p>
22 <p>Иногда ТЗ - это чёткий, структурированный документ, но бывает и полная неразбериха, из которой сложно извлечь полезные данные. Я начинаю с выделения ключевых идей:</p>
22 <p>Иногда ТЗ - это чёткий, структурированный документ, но бывает и полная неразбериха, из которой сложно извлечь полезные данные. Я начинаю с выделения ключевых идей:</p>
23 <ul><li>Какие у нас ограничения и риски?</li>
23 <ul><li>Какие у нас ограничения и риски?</li>
24 <li>Что мы можем и не можем делать с точки зрения дизайна?</li>
24 <li>Что мы можем и не можем делать с точки зрения дизайна?</li>
25 <li>Какие носители будут использоваться?</li>
25 <li>Какие носители будут использоваться?</li>
26 </ul><p>Если проигнорировать ограничения, можно создать впечатление, что дизайнер не разобрался в задаче. Поэтому первым делом я выделяю технические рамки проекта, а уже потом работаю с визуальными образами. Логичнее построить функциональный корабль по запрошенным меркам, чем создать шедевр, который не сможет выйти в море :)</p>
26 </ul><p>Если проигнорировать ограничения, можно создать впечатление, что дизайнер не разобрался в задаче. Поэтому первым делом я выделяю технические рамки проекта, а уже потом работаю с визуальными образами. Логичнее построить функциональный корабль по запрошенным меркам, чем создать шедевр, который не сможет выйти в море :)</p>
27 <p>В нашем случае Vintura - бренд-медиа о путешествиях, романтизирующий приключения и создание эстетичного визуального контента. Аудитория - искатели приключений, ценящие активный отдых (горные походы, кемпинг, глэмпинг) и возможность красиво запечатлеть моменты. Издание публикует статьи, авторские колонки, видео, подкасты и интервью с экспертами.</p>
27 <p>В нашем случае Vintura - бренд-медиа о путешествиях, романтизирующий приключения и создание эстетичного визуального контента. Аудитория - искатели приключений, ценящие активный отдых (горные походы, кемпинг, глэмпинг) и возможность красиво запечатлеть моменты. Издание публикует статьи, авторские колонки, видео, подкасты и интервью с экспертами.</p>
28 <p>Наше ограничение: необходимость сохранить идейную идентичность бренда. Поэтому нужно создать концепт, который можно точечно адаптировать под фирменный стиль бренда, а также разработать шаблоны для медиа.</p>
28 <p>Наше ограничение: необходимость сохранить идейную идентичность бренда. Поэтому нужно создать концепт, который можно точечно адаптировать под фирменный стиль бренда, а также разработать шаблоны для медиа.</p>
29 <p>После анализа ТЗ я создаю отдельное пространство в Figma, где пишу краткое содержание задачки: фиксирую ключевые идеи и базовые тезисы. Обычно это пространство состоит из блоков:</p>
29 <p>После анализа ТЗ я создаю отдельное пространство в Figma, где пишу краткое содержание задачки: фиксирую ключевые идеи и базовые тезисы. Обычно это пространство состоит из блоков:</p>
30 <ul><li>Общая информация о бренде.</li>
30 <ul><li>Общая информация о бренде.</li>
31 <li>Ценности.</li>
31 <li>Ценности.</li>
32 <li>Почему этот бренд выбирают клиенты.</li>
32 <li>Почему этот бренд выбирают клиенты.</li>
33 <li>Как о бренде узнают.</li>
33 <li>Как о бренде узнают.</li>
34 </ul>Такой спейс в Figma у нас получился для туроператора Vintura<em>Изображение: maryco</em><p>Только после этого приступаю к поиску референсов.</p>
34 </ul>Такой спейс в Figma у нас получился для туроператора Vintura<em>Изображение: maryco</em><p>Только после этого приступаю к поиску референсов.</p>
35 <p>Поиск референсов - отдельный процесс. Я не ограничиваю себя узкой категорией, а стараюсь напитываться разными визуальными решениями. Например, если я разрабатываю вёрстку буклета, это не значит, что я ищу только примеры буклетов.</p>
35 <p>Поиск референсов - отдельный процесс. Я не ограничиваю себя узкой категорией, а стараюсь напитываться разными визуальными решениями. Например, если я разрабатываю вёрстку буклета, это не значит, что я ищу только примеры буклетов.</p>
36 <p>Я смотрю постеры, веб-интерфейсы, типографику и композиции в других сферах, потому что, когда времени мало, важно не просто искать вдохновение, а уже на этапе сбора референсов представлять, на каких носителях это можно показать. Это ускоряет работу, ведь одновременно нужно продумывать и следующий шаг.</p>
36 <p>Я смотрю постеры, веб-интерфейсы, типографику и композиции в других сферах, потому что, когда времени мало, важно не просто искать вдохновение, а уже на этапе сбора референсов представлять, на каких носителях это можно показать. Это ускоряет работу, ведь одновременно нужно продумывать и следующий шаг.</p>
37 <p>В зависимости от проекта носители могут быть заранее определены заказчиком. Если чёткие форматы уже заданы, я адаптирую концепт под них. Если нет, я предпочитаю работать с форматами, которые легко масштабируются, в рамках которых проще покреативить, показать силу своей идеи и будущей айдентики:</p>
37 <p>В зависимости от проекта носители могут быть заранее определены заказчиком. Если чёткие форматы уже заданы, я адаптирую концепт под них. Если нет, я предпочитаю работать с форматами, которые легко масштабируются, в рамках которых проще покреативить, показать силу своей идеи и будущей айдентики:</p>
38 <ul><li>с вертикальными и горизонтальными баннерами;</li>
38 <ul><li>с вертикальными и горизонтальными баннерами;</li>
39 <li>большими рекламными макетами;</li>
39 <li>большими рекламными макетами;</li>
40 <li>веб-экранами;</li>
40 <li>веб-экранами;</li>
41 <li>социальными сетями.</li>
41 <li>социальными сетями.</li>
42 </ul><p>Такой подход позволяет сразу тестировать, как концепт будет выглядеть в разных средах, и демонстрировать потенциальные вариации.</p>
42 </ul><p>Такой подход позволяет сразу тестировать, как концепт будет выглядеть в разных средах, и демонстрировать потенциальные вариации.</p>
43 Рефборд для проекта Vintura<em>Изображение: maryco</em><p>В режиме дедлайнов у тревожников включается паника. В этот момент важно не пытаться создавать слишком много макетов и носителей, а сфокусироваться на минимальном количестве, но сделать их достойно.</p>
43 Рефборд для проекта Vintura<em>Изображение: maryco</em><p>В режиме дедлайнов у тревожников включается паника. В этот момент важно не пытаться создавать слишком много макетов и носителей, а сфокусироваться на минимальном количестве, но сделать их достойно.</p>
44 <p>После сбора информации и референсов начинается работа над концептом. Я использую реальные визуальные материалы заказчика: элементы фирменного стиля и смысловые посылы бренда - и стараюсь визуально их усилить. Это может быть:</p>
44 <p>После сбора информации и референсов начинается работа над концептом. Я использую реальные визуальные материалы заказчика: элементы фирменного стиля и смысловые посылы бренда - и стараюсь визуально их усилить. Это может быть:</p>
45 <ul><li>создание типографики на основе слоганов компании;</li>
45 <ul><li>создание типографики на основе слоганов компании;</li>
46 <li>подбор ключевых графических элементов;</li>
46 <li>подбор ключевых графических элементов;</li>
47 <li>адаптация фирменных цветов под новый стиль;</li>
47 <li>адаптация фирменных цветов под новый стиль;</li>
48 <li>работа с композицией и динамикой.</li>
48 <li>работа с композицией и динамикой.</li>
49 </ul><p>Если ничего из вышеперечисленного нет, то смотрю на смыслы, которые заказчики вкладывают в свой бренд: слоганы, тексты, статьи. Это позволяет сразу интегрировать концепцию в существующую систему коммуникации.</p>
49 </ul><p>Если ничего из вышеперечисленного нет, то смотрю на смыслы, которые заказчики вкладывают в свой бренд: слоганы, тексты, статьи. Это позволяет сразу интегрировать концепцию в существующую систему коммуникации.</p>
50 <p>Когда есть базовый концепт, дальнейшая работа с айдентикой становится проще. Если начинать с чего-то узкого, например с визитки или с фирменной папки, то это может сильно ограничить восприятие. Лучше идти от общего к частному: сперва показать концепт в веб-форматах, а уже потом думать о печати и мелких носителях.</p>
50 <p>Когда есть базовый концепт, дальнейшая работа с айдентикой становится проще. Если начинать с чего-то узкого, например с визитки или с фирменной папки, то это может сильно ограничить восприятие. Лучше идти от общего к частному: сперва показать концепт в веб-форматах, а уже потом думать о печати и мелких носителях.</p>
51 <em>Изображение: maryco</em><p>Для Vintura я детализировала визуальный концепт, сохранив идею кинематографичности, которую транслирует туроператор, но усилила её визуальными приёмами.</p>
51 <em>Изображение: maryco</em><p>Для Vintura я детализировала визуальный концепт, сохранив идею кинематографичности, которую транслирует туроператор, но усилила её визуальными приёмами.</p>
52 <p>Мне важно было передать сдержанную, но атмосферную эстетику с помощью плёночных элементов: шумов, текстур, интерфейсов камер, создающих эффект мгновения. Ключевой акцент - винтажная антиква: выразительная, но утончённая, в духе old money, подчёркивающая баланс между сдержанностью и чувственностью. Вёрстка свободная, без строгих правил, с крупным визуалом и лаконичными, но эмоционально заряженными фразами.</p>
52 <p>Мне важно было передать сдержанную, но атмосферную эстетику с помощью плёночных элементов: шумов, текстур, интерфейсов камер, создающих эффект мгновения. Ключевой акцент - винтажная антиква: выразительная, но утончённая, в духе old money, подчёркивающая баланс между сдержанностью и чувственностью. Вёрстка свободная, без строгих правил, с крупным визуалом и лаконичными, но эмоционально заряженными фразами.</p>
53 <p>Даже если у вас мало времени, важно уделить его не только разработке концепта, но и презентации. Если отдать клиенту хаотично собранные файлы, даже крутые картинки не спасут впечатление. Человек сначала видит общий порядок, а уже потом вникает в детали.</p>
53 <p>Даже если у вас мало времени, важно уделить его не только разработке концепта, но и презентации. Если отдать клиенту хаотично собранные файлы, даже крутые картинки не спасут впечатление. Человек сначала видит общий порядок, а уже потом вникает в детали.</p>
54 <p>Пусть это будет 4-5 слайдов в Figma, но собранных аккуратно, логично и с минимальной структурой. Так можно избежать ситуации, когда крутая идея теряется из-за плохой презентации.</p>
54 <p>Пусть это будет 4-5 слайдов в Figma, но собранных аккуратно, логично и с минимальной структурой. Так можно избежать ситуации, когда крутая идея теряется из-за плохой презентации.</p>
55 <p>Презентация концепта - не просто демонстрация макетов, а формирование истории, которая объясняет предложенное решение. Структура может выглядеть так:</p>
55 <p>Презентация концепта - не просто демонстрация макетов, а формирование истории, которая объясняет предложенное решение. Структура может выглядеть так:</p>
56 <p>1. Титульный слайд - название проекта, логотип, если есть.</p>
56 <p>1. Титульный слайд - название проекта, логотип, если есть.</p>
57 <p>2. Описание идеи - ключевые принципы концепта.</p>
57 <p>2. Описание идеи - ключевые принципы концепта.</p>
58 <p>3. Основные стилистические приёмы - цветовая палитра, композиция, шрифты.</p>
58 <p>3. Основные стилистические приёмы - цветовая палитра, композиция, шрифты.</p>
59 <p>4. Визуальные примеры - несколько проработанных носителей.</p>
59 <p>4. Визуальные примеры - несколько проработанных носителей.</p>
60 <p>5. Общий макет - композиция с разными форматами, позволяющая показать, как стиль работает в системе. 4-й и 5-й слайды можно объединить, если не хватает носителей для демонстрации.</p>
60 <p>5. Общий макет - композиция с разными форматами, позволяющая показать, как стиль работает в системе. 4-й и 5-й слайды можно объединить, если не хватает носителей для демонстрации.</p>
61 Так выглядят слайды для защиты концепта Vintura<em>Изображение: maryco</em><ul><li><strong>Разбираемся с ТЗ:</strong>фиксируем ключевые технические требования по задаче, уточняем ограничения и то, какие нужны носители. Создаём в Figma пространство, где оставляем информацию о компании, о её ценностях, о том, как о ней узнают клиенты и чем она отличается от конкурентов.</li>
61 Так выглядят слайды для защиты концепта Vintura<em>Изображение: maryco</em><ul><li><strong>Разбираемся с ТЗ:</strong>фиксируем ключевые технические требования по задаче, уточняем ограничения и то, какие нужны носители. Создаём в Figma пространство, где оставляем информацию о компании, о её ценностях, о том, как о ней узнают клиенты и чем она отличается от конкурентов.</li>
62 <li><strong>Проводим ресёрч референсов:</strong>смотрим варианты стилистики из разных сфер, не зацикливаясь на одном формате. Сразу продумываем, как это ляжет на носители, которые легко масштабируются: на вертикальные и горизонтальные баннеры, большие рекламные макеты, веб-экраны и социальные сети.</li>
62 <li><strong>Проводим ресёрч референсов:</strong>смотрим варианты стилистики из разных сфер, не зацикливаясь на одном формате. Сразу продумываем, как это ляжет на носители, которые легко масштабируются: на вертикальные и горизонтальные баннеры, большие рекламные макеты, веб-экраны и социальные сети.</li>
63 <li><strong>Разрабатываем сам концепт:</strong>ищем реальные визуальные материалы заказчика - элементы фирменного стиля (типографику, графику, цвет, композицию). Если их нет, то смотрим на слоганы, тексты, статьи. Начинаем с крупных форматов (например, веба), а затем адаптируем концепт к печати и мелким носителям.</li>
63 <li><strong>Разрабатываем сам концепт:</strong>ищем реальные визуальные материалы заказчика - элементы фирменного стиля (типографику, графику, цвет, композицию). Если их нет, то смотрим на слоганы, тексты, статьи. Начинаем с крупных форматов (например, веба), а затем адаптируем концепт к печати и мелким носителям.</li>
64 <li><strong>Готовим презентацию по схеме:</strong></li>
64 <li><strong>Готовим презентацию по схеме:</strong></li>
65 </ul><p>1 - название, логотип.</p>
65 </ul><p>1 - название, логотип.</p>
66 <p>2 - идея и ключевые принципы.</p>
66 <p>2 - идея и ключевые принципы.</p>
67 <p>3 - визуальный стиль (цвета, шрифты, композиция).</p>
67 <p>3 - визуальный стиль (цвета, шрифты, композиция).</p>
68 <p>4 - примеры на носителях.</p>
68 <p>4 - примеры на носителях.</p>
69 <p>5 - общий макет (цельная система).</p>
69 <p>5 - общий макет (цельная система).</p>
70 <p>Другие материалы о графическом и продуктовом дизайне</p>
70 <p>Другие материалы о графическом и продуктовом дизайне</p>
71 - <a>Научитесь: Профессия Графический дизайнер PRO Узнать больше</a>
71 + <a>Научитесь: Профессия Графический дизайнер PRO + ИИ Узнать больше</a>