0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#кейсы</a></p>
1
<p><a>#кейсы</a></p>
2
<ul><li>15 мар 2022</li>
2
<ul><li>15 мар 2022</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><h2>Буква "альфа" в комбинированном логотипе и свободные линии</h2>
4
</ul><h2>Буква "альфа" в комбинированном логотипе и свободные линии</h2>
5
<p>Кейс студии maryco, которая создала новую айдентику для "Академии арт-терапии".</p>
5
<p>Кейс студии maryco, которая создала новую айдентику для "Академии арт-терапии".</p>
6
<p>Изображение: "Академия арт-терапии" / дизайн студии maryco</p>
6
<p>Изображение: "Академия арт-терапии" / дизайн студии maryco</p>
7
<p>Искусствовед и автор. Пишет о дизайне, искусстве, истории компаний и не только. Любит сферу образования, пересечение культур и иностранные языки. Ходит в музеи, чтобы отдохнуть от рутины. Живёт между Москвой и Парижем.</p>
7
<p>Искусствовед и автор. Пишет о дизайне, искусстве, истории компаний и не только. Любит сферу образования, пересечение культур и иностранные языки. Ходит в музеи, чтобы отдохнуть от рутины. Живёт между Москвой и Парижем.</p>
8
<p>"Академия арт-терапии" - образовательная организация, в которой психологов и специалистов творческих профессий учат использовать творчество в терапевтических целях.</p>
8
<p>"Академия арт-терапии" - образовательная организация, в которой психологов и специалистов творческих профессий учат использовать творчество в терапевтических целях.</p>
9
<p>"Академия" основана в 2018 году, и она прошла важные трансформации: от простой онлайн-школы до учреждения профессионального образования с государственной лицензией. Курсы обновились, цены на услуги выросли.</p>
9
<p>"Академия" основана в 2018 году, и она прошла важные трансформации: от простой онлайн-школы до учреждения профессионального образования с государственной лицензией. Курсы обновились, цены на услуги выросли.</p>
10
<p>Основатели решили, что пришло время отразить изменения в визуальной коммуникации, уйти от статуса курсов, чтобы дальше продвигать и масштабировать проект. Прежний фирменный стиль был непоследовательным, в нём не было цельности. С изменением айдентики основатели "Академии" хотели привлечь более современную аудиторию и одновременно встряхнуть старую.</p>
10
<p>Основатели решили, что пришло время отразить изменения в визуальной коммуникации, уйти от статуса курсов, чтобы дальше продвигать и масштабировать проект. Прежний фирменный стиль был непоследовательным, в нём не было цельности. С изменением айдентики основатели "Академии" хотели привлечь более современную аудиторию и одновременно встряхнуть старую.</p>
11
<p>Новый фирменный стиль для "Академии арт-терапии" создала студия<a>maryco</a>. Её арт-директор Вероника Октябрь и креативный дизайнер Андрей Тельминов рассказали о работе над проектом.</p>
11
<p>Новый фирменный стиль для "Академии арт-терапии" создала студия<a>maryco</a>. Её арт-директор Вероника Октябрь и креативный дизайнер Андрей Тельминов рассказали о работе над проектом.</p>
12
<p>Разработать современный логотип и новый гайдлайн для:</p>
12
<p>Разработать современный логотип и новый гайдлайн для:</p>
13
<ul><li>Instagram*, потому что это главный канал общения с аудиторией и привлечения клиентов;</li>
13
<ul><li>Instagram*, потому что это главный канал общения с аудиторией и привлечения клиентов;</li>
14
<li>презентаций;</li>
14
<li>презентаций;</li>
15
<li>сертификатов об обучении и дипломов.</li>
15
<li>сертификатов об обучении и дипломов.</li>
16
</ul><p>В перспективе основатели хотят сделать редизайн продуктовых страниц на сайте и учебных кабинетов.</p>
16
</ul><p>В перспективе основатели хотят сделать редизайн продуктовых страниц на сайте и учебных кабинетов.</p>
17
<p>Прежде чем начать работу над концепциями, мы всегда проводим подробный брифинг и просим клиента сформулировать основные направляющие для фирменного стиля. В случае с "Академией арт-терапии" важно было передать новый статус компании - профильного заведения, где сочетаются фундаментальные знания, современные подходы и практика. Основатели подчеркнули, что стиль должен был отразить творческую специализацию "Академии", но без экспрессии - например, они не хотели использовать брызги краски как декоративный приём.</p>
17
<p>Прежде чем начать работу над концепциями, мы всегда проводим подробный брифинг и просим клиента сформулировать основные направляющие для фирменного стиля. В случае с "Академией арт-терапии" важно было передать новый статус компании - профильного заведения, где сочетаются фундаментальные знания, современные подходы и практика. Основатели подчеркнули, что стиль должен был отразить творческую специализацию "Академии", но без экспрессии - например, они не хотели использовать брызги краски как декоративный приём.</p>
18
<p>Когда мы обсуждали, как должен выглядеть логотип, основатели "Академии" задали нам три направления:</p>
18
<p>Когда мы обсуждали, как должен выглядеть логотип, основатели "Академии" задали нам три направления:</p>
19
<ul><li>иллюстративный знак, возможно, в формате герба;</li>
19
<ul><li>иллюстративный знак, возможно, в формате герба;</li>
20
<li>шрифтовой логотип;</li>
20
<li>шрифтовой логотип;</li>
21
<li>динамический логотип, который может меняться.</li>
21
<li>динамический логотип, который может меняться.</li>
22
</ul><p>Оставалось найти подходящие направления и идеи, которые передали бы образ "Академии". В референсах мы выбрали варианты, где в знаке логотипа есть ассоциативный символ, силуэтная аббревиатура, изменяемый фон и шрифт с узкими, высокими и выборочно деформированными буквами.</p>
22
</ul><p>Оставалось найти подходящие направления и идеи, которые передали бы образ "Академии". В референсах мы выбрали варианты, где в знаке логотипа есть ассоциативный символ, силуэтная аббревиатура, изменяемый фон и шрифт с узкими, высокими и выборочно деформированными буквами.</p>
23
Референсы для логотипа<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>В референсах для айдентики мы оттолкнулись от одного из реальных занятий в "Академии": студенты проводят в круге произвольные линии разных цветов, передавая своё настроение или переживания в конкретный момент. В целом мазки - первая ассоциация, которая возникает в связи с творчеством. Но проблема в том, что такое решение избито и типично. Мы искали примеры нестандартной интерпретации и поняли, что нам больше подходят не натуралистичные мазки или штрихи с текстурой краски или грифеля, а гладкие и обобщённые линии.</p>
23
Референсы для логотипа<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>В референсах для айдентики мы оттолкнулись от одного из реальных занятий в "Академии": студенты проводят в круге произвольные линии разных цветов, передавая своё настроение или переживания в конкретный момент. В целом мазки - первая ассоциация, которая возникает в связи с творчеством. Но проблема в том, что такое решение избито и типично. Мы искали примеры нестандартной интерпретации и поняли, что нам больше подходят не натуралистичные мазки или штрихи с текстурой краски или грифеля, а гладкие и обобщённые линии.</p>
24
Референсы для айдентики<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Мы старались отразить новый статус "Академии", её научный структурированный подход к преподаванию и связь с творчеством и искусством. Мы предложили четыре варианта логотипа, клиент изучал их одновременно.</p>
24
Референсы для айдентики<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Мы старались отразить новый статус "Академии", её научный структурированный подход к преподаванию и связь с творчеством и искусством. Мы предложили четыре варианта логотипа, клиент изучал их одновременно.</p>
25
<p><strong>Первая концепция - герб.</strong>Такой формат логотипа нагляднее всего отражает идею устойчивости и традиции. Чтобы передать сферу деятельности клиента, мы ввели элементы натюрморта: изобразили кувшин, грушу, вазу и цветок. Идея понравилась клиенту.</p>
25
<p><strong>Первая концепция - герб.</strong>Такой формат логотипа нагляднее всего отражает идею устойчивости и традиции. Чтобы передать сферу деятельности клиента, мы ввели элементы натюрморта: изобразили кувшин, грушу, вазу и цветок. Идея понравилась клиенту.</p>
26
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Вторая концепция - объёмные силуэтные буквы "А" и "Т".</strong>Это пример динамического логотипа, в котором можно менять заполняющую картинку. При этом идентификация бренда сохраняется и логотип всегда считывается как компактное целое. Клиенту показалось, что это похоже на советскую архитектуру - очень уж монументально.</p>
26
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Вторая концепция - объёмные силуэтные буквы "А" и "Т".</strong>Это пример динамического логотипа, в котором можно менять заполняющую картинку. При этом идентификация бренда сохраняется и логотип всегда считывается как компактное целое. Клиенту показалось, что это похоже на советскую архитектуру - очень уж монументально.</p>
27
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Третья концепция - буквы "А" и "Т" как отсылка к арт-терапии и мотив карандаша.</strong>В этой версии мы обыграли "А" как остриё карандаша, чтобы передать акцент на творчестве. Сначала идея понравилась клиентам, но дальше в процессе размышления они решили отойти от отсылки к слову "арт-терапия", а значит, и от использования двух букв в логотипе. О причинах расскажем в контексте следующей концепции.</p>
27
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Третья концепция - буквы "А" и "Т" как отсылка к арт-терапии и мотив карандаша.</strong>В этой версии мы обыграли "А" как остриё карандаша, чтобы передать акцент на творчестве. Сначала идея понравилась клиентам, но дальше в процессе размышления они решили отойти от отсылки к слову "арт-терапия", а значит, и от использования двух букв в логотипе. О причинах расскажем в контексте следующей концепции.</p>
28
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Четвёртая концепция - комбинированный логотип с курсивными буквами "А" и "Т"</strong>. Из всех вариантов клиентам больше понравился этот, потому что он вышел изящным, лаконичным и современным. Основатели предварительно выбрали его и взяли время, чтобы подумать. В результате они сформулировали важную деталь: их клиенты ассоциируют проект именно со словом "академия", и в логотипе акцент нужно сделать именно на этом.</p>
28
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Четвёртая концепция - комбинированный логотип с курсивными буквами "А" и "Т"</strong>. Из всех вариантов клиентам больше понравился этот, потому что он вышел изящным, лаконичным и современным. Основатели предварительно выбрали его и взяли время, чтобы подумать. В результате они сформулировали важную деталь: их клиенты ассоциируют проект именно со словом "академия", и в логотипе акцент нужно сделать именно на этом.</p>
29
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Мы стали развивать последнюю концепцию, используя только букву "А", причём именно в форме греческой буквы "альфа". С этим символом связано много ассоциаций, но в первую очередь - древнегреческое понятие "академия". Искусство, философия, культура и наука той эпохи легли в основу европейской цивилизации. И все эти смыслы соединяются в учебных курсах и миссии нашего клиента.</p>
29
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Мы стали развивать последнюю концепцию, используя только букву "А", причём именно в форме греческой буквы "альфа". С этим символом связано много ассоциаций, но в первую очередь - древнегреческое понятие "академия". Искусство, философия, культура и наука той эпохи легли в основу европейской цивилизации. И все эти смыслы соединяются в учебных курсах и миссии нашего клиента.</p>
30
<p>По желанию клиента мы оставили возможность менять один элемент в логотипе: для каждой учебной группы есть свой чат, и их удобно дифференцировать по цветам.</p>
30
<p>По желанию клиента мы оставили возможность менять один элемент в логотипе: для каждой учебной группы есть свой чат, и их удобно дифференцировать по цветам.</p>
31
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Цвета. Сначала мы выбрали зелёный: в брифе основатели указали его как один из предпочтительных, он ассоциируется со здоровьем и развитием и хорошо привлекает внимание. Потом мы поняли, что один цвет быстро наскучит, особенно в постах в Instagram*. И тогда добавили ещё три контрастных акцентных цвета - жёлтый, красный и фиолетовый. Они такие же "свежие", как основной.</p>
31
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Цвета. Сначала мы выбрали зелёный: в брифе основатели указали его как один из предпочтительных, он ассоциируется со здоровьем и развитием и хорошо привлекает внимание. Потом мы поняли, что один цвет быстро наскучит, особенно в постах в Instagram*. И тогда добавили ещё три контрастных акцентных цвета - жёлтый, красный и фиолетовый. Они такие же "свежие", как основной.</p>
32
<p>Более широкая палитра позволяет не только разнообразить макеты для постов, но и сделать разные рубрики в хайлайтс.</p>
32
<p>Более широкая палитра позволяет не только разнообразить макеты для постов, но и сделать разные рубрики в хайлайтс.</p>
33
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em>Цветовое кодирование для хайлайтс<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em>Цветовое кодирование сторис<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Шрифты.</strong>У клиента было пожелание использовать<a>бесплатные шрифты</a>. В качестве основного мы выбрали нейтральный гротеск Vela Sans с пластичными символами - он доступен в разных стилях, и его можно применять как для акциденции в заголовках, так и в наборных блоках. Второй шрифт - рукописный Champignon, он имитирует движение пера, и с его помощью можно делать акценты.</p>
33
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em>Цветовое кодирование для хайлайтс<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em>Цветовое кодирование сторис<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Шрифты.</strong>У клиента было пожелание использовать<a>бесплатные шрифты</a>. В качестве основного мы выбрали нейтральный гротеск Vela Sans с пластичными символами - он доступен в разных стилях, и его можно применять как для акциденции в заголовках, так и в наборных блоках. Второй шрифт - рукописный Champignon, он имитирует движение пера, и с его помощью можно делать акценты.</p>
34
<p>Ещё мы предусмотрели альтернативный шрифт Roboto. Он есть на всех операционных системах, поэтому Word-документы с ним всегда будут отображаться правильно.</p>
34
<p>Ещё мы предусмотрели альтернативный шрифт Roboto. Он есть на всех операционных системах, поэтому Word-документы с ним всегда будут отображаться правильно.</p>
35
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Стилизованные и размашистые мазки кисти.</strong>Нам не хотелось делать имитацию, похожую на скан следа кисти, поэтому мы решили развить этот мотив - осовременили его и придумали более минималистичную подачу. В Adobe Illustrator мы настроили инструмент "кисть" с заданными толщинами в сгибах, его можно применить к любой нарисованной линии.</p>
35
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Стилизованные и размашистые мазки кисти.</strong>Нам не хотелось делать имитацию, похожую на скан следа кисти, поэтому мы решили развить этот мотив - осовременили его и придумали более минималистичную подачу. В Adobe Illustrator мы настроили инструмент "кисть" с заданными толщинами в сгибах, его можно применить к любой нарисованной линии.</p>
36
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Не каждую картину можно свободно использовать, даже если у неё истёк срок давности авторских прав. У изображения должна быть пометка Public Domain, которая позволяет скачивать, редактировать и распространять его бесплатно. Такие картины можно найти, например, на rawpixel.com.</p>
36
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Не каждую картину можно свободно использовать, даже если у неё истёк срок давности авторских прав. У изображения должна быть пометка Public Domain, которая позволяет скачивать, редактировать и распространять его бесплатно. Такие картины можно найти, например, на rawpixel.com.</p>
37
Пример использования картины на продуктовой странице<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Фотографии с фильтром. При разработке фотоправил мы ориентировались на старый профиль "Академии" в Instagram*: прокручивали ленту и увидели фотографию с приглушённым цветом и чётким композиционным акцентом. Такое решение показалось нам удачным, и на его основе мы выстроили всю фотостилистику. В Photoshop и Lightroom сделали тёплый фильтр, он корректирует основные световые и цветовые недостатки исходных фотографий.</p>
37
Пример использования картины на продуктовой странице<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Фотографии с фильтром. При разработке фотоправил мы ориентировались на старый профиль "Академии" в Instagram*: прокручивали ленту и увидели фотографию с приглушённым цветом и чётким композиционным акцентом. Такое решение показалось нам удачным, и на его основе мы выстроили всю фотостилистику. В Photoshop и Lightroom сделали тёплый фильтр, он корректирует основные световые и цветовые недостатки исходных фотографий.</p>
38
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Для визуального разнообразия профиля мы разделили все посты на три типа:</p>
38
<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Для визуального разнообразия профиля мы разделили все посты на три типа:</p>
39
<ul><li>Графические векторные с фонами фирменного цвета, стилизованными мазками кисти и <a>типографикой</a>. В них плавные и случайные линии заполняют фон макетов, выделяют заголовки или создают иллюзию объёма, заступая на текст.</li>
39
<ul><li>Графические векторные с фонами фирменного цвета, стилизованными мазками кисти и <a>типографикой</a>. В них плавные и случайные линии заполняют фон макетов, выделяют заголовки или создают иллюзию объёма, заступая на текст.</li>
40
<li>Посты-изображения с произведениями искусства.</li>
40
<li>Посты-изображения с произведениями искусства.</li>
41
<li>Фотографии.</li>
41
<li>Фотографии.</li>
42
</ul><p>Выкладка постов не ограничена строгими правилами. Но, чтобы профиль смотрелся аккуратно, мы сформулировали несколько ключевых принципов в гайдлайне:</p>
42
</ul><p>Выкладка постов не ограничена строгими правилами. Но, чтобы профиль смотрелся аккуратно, мы сформулировали несколько ключевых принципов в гайдлайне:</p>
43
<ul><li>Можно свободно чередовать разные типы постов, но лучше делать их близкими по тону.</li>
43
<ul><li>Можно свободно чередовать разные типы постов, но лучше делать их близкими по тону.</li>
44
<li>Нельзя, чтобы после публикации светлые (цветные) графические посты пересекались по горизонтали или вертикали. С тёмными такое допустимо.</li>
44
<li>Нельзя, чтобы после публикации светлые (цветные) графические посты пересекались по горизонтали или вертикали. С тёмными такое допустимо.</li>
45
</ul>Пример выкладки постов<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Основатели "Академии" утвердили концепцию совсем недавно, в январе 2022 года. Они уже начали использовать новый фирменный стиль в Instagram*, как и планировали. Знаковая версия логотипа появилась в иконке профиля, линии на фонах фирменных цветов - в хайлайтс, и в ленте уже опубликованы посты в новой стилистике.</p>
45
</ul>Пример выкладки постов<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p>Основатели "Академии" утвердили концепцию совсем недавно, в январе 2022 года. Они уже начали использовать новый фирменный стиль в Instagram*, как и планировали. Знаковая версия логотипа появилась в иконке профиля, линии на фонах фирменных цветов - в хайлайтс, и в ленте уже опубликованы посты в новой стилистике.</p>
46
<a>Инстаграм</a>* "Академии арт-терапии"<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em>Вёрстка сертификата об обучении<em>Изображение: <em>"Академия арт-терапии" / дизайн студии<a>maryco</a></em></em>Макет для шапки профиля в Facebook*Изображение: "Академия арт-терапии" / дизайн студии maryco<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Над проектом работали:</strong></p>
46
<a>Инстаграм</a>* "Академии арт-терапии"<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em>Вёрстка сертификата об обучении<em>Изображение: <em>"Академия арт-терапии" / дизайн студии<a>maryco</a></em></em>Макет для шапки профиля в Facebook*Изображение: "Академия арт-терапии" / дизайн студии maryco<em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><em>Изображение: "Академия арт-терапии" / дизайн студии<a>maryco</a></em><p><strong>Над проектом работали:</strong></p>
47
<p>Вероника Октябрь - арт-дирекшен.</p>
47
<p>Вероника Октябрь - арт-дирекшен.</p>
48
<p>Андрей Тельминов - разработка логотипа и дизайн-концепции.</p>
48
<p>Андрей Тельминов - разработка логотипа и дизайн-концепции.</p>
49
<p>* Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".</p>
49
<p>* Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".</p>
50
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
50
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>