HTML Diff
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>