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>12 июл 2021</li>
2
<ul><li>12 июл 2021</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Вариативный шрифт, трёхчастная структура и облачный логотип.</p>
4
</ul><p>Вариативный шрифт, трёхчастная структура и облачный логотип.</p>
5
<p>: FORM / дизайн студии ESH Gruppa</p>
5
<p>: FORM / дизайн студии ESH Gruppa</p>
6
<p>Журналистка. Пишет про дизайн во всех его проявлениях. В свободное от работы время ведёт Telegram-канал о кино "Нарушевич смотрит".</p>
6
<p>Журналистка. Пишет про дизайн во всех его проявлениях. В свободное от работы время ведёт Telegram-канал о кино "Нарушевич смотрит".</p>
7
<p>Московское архитектурное бюро FORM занимается созданием уникальных общественных и частных объектов. Студия<a>ESH Gruppa</a>разработала для него новый логотип и создала сайт.</p>
7
<p>Московское архитектурное бюро FORM занимается созданием уникальных общественных и частных объектов. Студия<a>ESH Gruppa</a>разработала для него новый логотип и создала сайт.</p>
8
Изображение: FORM / дизайн студии ESH Gruppa Изображение: страница Form в Facebook*<p>"Сама концепция трёхчастности, которая используется в логотипе и во всей айдентике, как раз рождена в коллаборации с бюро. Основатели бюро хотели, чтобы в новой айдентике транслировались принципы, определяющие их подход к работе. Мы их сформулировали.</p>
8
Изображение: FORM / дизайн студии ESH Gruppa Изображение: страница Form в Facebook*<p>"Сама концепция трёхчастности, которая используется в логотипе и во всей айдентике, как раз рождена в коллаборации с бюро. Основатели бюро хотели, чтобы в новой айдентике транслировались принципы, определяющие их подход к работе. Мы их сформулировали.</p>
9
<p><strong>Первый пункт</strong> - сообщество. FORM важны и студенты-стажёры, и друзья-художники, которые их окружают. Это люди, которые помогают им находить идеи. Для них очень важно было работать не только с архитекторами, но и с людьми из других сфер. Поэтому логотип в первой стадии получился облачный и как бы раздробленный.</p>
9
<p><strong>Первый пункт</strong> - сообщество. FORM важны и студенты-стажёры, и друзья-художники, которые их окружают. Это люди, которые помогают им находить идеи. Для них очень важно было работать не только с архитекторами, но и с людьми из других сфер. Поэтому логотип в первой стадии получился облачный и как бы раздробленный.</p>
10
<p><strong>Второй пункт</strong>- это метод. Это те тексты, которые они пишут под каждый проект. У бюро очень много вербализации в работе, не только формы. Поэтому второй пункт очень строгий, почти гротескный. При этом он нейтральный. История больше про текст, поэтому получился такой значок.</p>
10
<p><strong>Второй пункт</strong>- это метод. Это те тексты, которые они пишут под каждый проект. У бюро очень много вербализации в работе, не только формы. Поэтому второй пункт очень строгий, почти гротескный. При этом он нейтральный. История больше про текст, поэтому получился такой значок.</p>
11
<p><strong>Третий пункт</strong> - архитектура. Это реализация проекта, здесь идеи обретают материальную форму. Поэтому финальную стадию логотипа мы сделали акцидентной, с жирными и выразительными буквами.</p>
11
<p><strong>Третий пункт</strong> - архитектура. Это реализация проекта, здесь идеи обретают материальную форму. Поэтому финальную стадию логотипа мы сделали акцидентной, с жирными и выразительными буквами.</p>
12
<p>Синий цвет, которым был выполнен прошлый логотип, менять не стали. Дизайнеры оставили его, чтобы связать старый стиль компании с новым. Единственное - немного изменили оттенок.</p>
12
<p>Синий цвет, которым был выполнен прошлый логотип, менять не стали. Дизайнеры оставили его, чтобы связать старый стиль компании с новым. Единственное - немного изменили оттенок.</p>
13
<p>Три версии логотипа соответствуют трём разделам нового сайта бюро. Страница "Сообщество“ - мудборд, который наполняет команда. Там собраны ссылки на статьи, проекты, события. В "Методе“ можно найти собственные исследования и тексты компании. А "Проекты“ - портфолио, основной акцент здесь на фотографиях.</p>
13
<p>Три версии логотипа соответствуют трём разделам нового сайта бюро. Страница "Сообщество“ - мудборд, который наполняет команда. Там собраны ссылки на статьи, проекты, события. В "Методе“ можно найти собственные исследования и тексты компании. А "Проекты“ - портфолио, основной акцент здесь на фотографиях.</p>
14
<p>При переходе от одной страницы сайта к другой логотип плавно меняется. Для этого дизайнеры применили технологию вариативных шрифтов и сделали логотип анимированным".</p>
14
<p>При переходе от одной страницы сайта к другой логотип плавно меняется. Для этого дизайнеры применили технологию вариативных шрифтов и сделали логотип анимированным".</p>
15
Изображение: FORM / дизайн студии ESH Gruppa<p>"Мы подумали, что было бы здорово использовать только типографическое решение, и для этой концепции подходила технология вариативных шрифтов, чтобы логотип плавно анимировался при переходе на соответствующие разделы сайта. Тогда как раз стали появляться вариативные шрифты, и эти технологии активно развивались в шрифтовых программах. Было интересно попробовать.</p>
15
Изображение: FORM / дизайн студии ESH Gruppa<p>"Мы подумали, что было бы здорово использовать только типографическое решение, и для этой концепции подходила технология вариативных шрифтов, чтобы логотип плавно анимировался при переходе на соответствующие разделы сайта. Тогда как раз стали появляться вариативные шрифты, и эти технологии активно развивались в шрифтовых программах. Было интересно попробовать.</p>
16
<p>Мне нужно было создать три стадии логотипа, которые визуально отображали бы содержание трёх тем. Изначально первая стадия была не про сообщество, а про эскизы. Мы решили, что первый шрифт должен напоминать черновик - быть непроявленным, только намекающим на формы букв.</p>
16
<p>Мне нужно было создать три стадии логотипа, которые визуально отображали бы содержание трёх тем. Изначально первая стадия была не про сообщество, а про эскизы. Мы решили, что первый шрифт должен напоминать черновик - быть непроявленным, только намекающим на формы букв.</p>
17
<p>Вторая стадия - про текст и концепцию, поэтому там должен был быть хорошо читаемый гротеск. И третья стадия - про реализацию архитектурных проектов, когда он приобретает материальность: должна была получиться активная акциденция с жирными графемами. Я делала эскизы, искала форму, мы много обсуждали её на общих встречах и наконец выбрали те стадии, которые нас устраивают. И я перешла к созданию шрифта в программе Glyphs.</p>
17
<p>Вторая стадия - про текст и концепцию, поэтому там должен был быть хорошо читаемый гротеск. И третья стадия - про реализацию архитектурных проектов, когда он приобретает материальность: должна была получиться активная акциденция с жирными графемами. Я делала эскизы, искала форму, мы много обсуждали её на общих встречах и наконец выбрали те стадии, которые нас устраивают. И я перешла к созданию шрифта в программе Glyphs.</p>
18
<p>Никто из нас не делал до этого вариативные шрифты, и оказалось, что мы выбрали довольно непростую задачу, поскольку не учитывали технические особенности при придумывании форм. Обычно создание вариативного шрифта подразумевает, что ты отрисовываешь крайние стадии, а все промежуточные программа создает сама.</p>
18
<p>Никто из нас не делал до этого вариативные шрифты, и оказалось, что мы выбрали довольно непростую задачу, поскольку не учитывали технические особенности при придумывании форм. Обычно создание вариативного шрифта подразумевает, что ты отрисовываешь крайние стадии, а все промежуточные программа создает сама.</p>
19
<p>Из-за того, что у нас переходы от одного состояния в другое получились сложными, автоматические решения не действовали - буквы сильно искажались или точки приходили не туда. Поэтому пришлось нарисовать не три, а восемь стадий, чтобы буквы анимировались плавно".</p>
19
<p>Из-за того, что у нас переходы от одного состояния в другое получились сложными, автоматические решения не действовали - буквы сильно искажались или точки приходили не туда. Поэтому пришлось нарисовать не три, а восемь стадий, чтобы буквы анимировались плавно".</p>
20
Изображение: FORM / дизайн студии ESH GruppaИзображение: FORM / дизайн студии ESH Gruppa Изображение: FORM / дизайн студии ESH Gruppa<p>Студия разрабатывала айдентику в течение четырёх месяцев. Большую часть из этого времени команда отрисовывала буквы и создавала логотип. Работа над сайтом заняла тоже около четырёх месяцев.</p>
20
Изображение: FORM / дизайн студии ESH GruppaИзображение: FORM / дизайн студии ESH Gruppa Изображение: FORM / дизайн студии ESH Gruppa<p>Студия разрабатывала айдентику в течение четырёх месяцев. Большую часть из этого времени команда отрисовывала буквы и создавала логотип. Работа над сайтом заняла тоже около четырёх месяцев.</p>
21
<p>Сейчас FORM использует обновлённую айдентику на физических носителях и в соцсетях, но новый сайт не работает, потому что в период, когда его создавали, у архитектурного бюро сменилось руководство.</p>
21
<p>Сейчас FORM использует обновлённую айдентику на физических носителях и в соцсетях, но новый сайт не работает, потому что в период, когда его создавали, у архитектурного бюро сменилось руководство.</p>
22
<p><strong>Арт-директинг:</strong>Филипп Третьяков, Виолетта Постнова</p>
22
<p><strong>Арт-директинг:</strong>Филипп Третьяков, Виолетта Постнова</p>
23
<p><strong>Дизайн:</strong>Ася Черепанова</p>
23
<p><strong>Дизайн:</strong>Ася Черепанова</p>
24
<p><strong>Веб-дизайн:</strong>Виолетта Постнова, Алёна Мельникова, Филипп Третьяков</p>
24
<p><strong>Веб-дизайн:</strong>Виолетта Постнова, Алёна Мельникова, Филипп Третьяков</p>
25
<p><strong>Шрифт:</strong>Bitum от <a>Brownfox</a></p>
25
<p><strong>Шрифт:</strong>Bitum от <a>Brownfox</a></p>
26
<p><strong>Заказчик:</strong><a>Form</a></p>
26
<p><strong>Заказчик:</strong><a>Form</a></p>
27
<p>* Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".</p>
27
<p>* Решением суда запрещена "деятельность компании Meta Platforms Inc. по реализации продуктов - социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности".</p>
28
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
28
<a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>