Телидченко Сергей (типографика, композиция и вот это вот всё)

Зацени, как выглядит швейцарский стиль в коммерческом проекте — сайт школы танцев на пилоне «Сорока»: https://sorokadance.ru Этот проект мы делали вместе с Майей (я побыл в роли арт-дира на клиентском проекте, и мне понравилось)). Смотри, как тут использованы принципы швейцарского дизайна. 1. Графика. Начну с неё — на ней строится основная идея сайта. Это фото девушек из школы, в случайных позициях (хотел написать «позах», но это уже про другое)), которые меняются при скролле. По центру этой зоны проходит силовая линия — она символизирует пилон, вокруг которого эти формы вращаются. Физически линии нет, но в этом и прикол: без неё формы выглядят живыми, чуть неуравновешенными, подвижными. Но её «создают» элементы в шапке, абзацы отзывов, мелкий элемент внизу и сами фигуры. По скроллу позиции меняются, а линия остаётся на месте. И получается, что формы движутся вокруг одной оси. Это и есть танец, о котором сайт. И тут ещё такой момент: позиции живые, естественные, непредсказуемые. Как и девушки в танце: у каждого движения свой характер, своя эмоция. Поэтому такое решение ещё и вариантивно: таких форм может быть сколь угодно много (но между ними будет единство и узнаваемость). Это готовый элемент айдентики — решение можно использовать на плакате, в мерче, оформлении зала и т.д. Где допускается крупный размер формы (которую на контрасте можно дополнить текстом — контракты, призывы, заголовок и тд). 2. Пространство. Часть под текст (его ширина не случайна: эта зона встаёт в мобилу, и текст такого размера и ширины удобно читать). Другая часть — под графику, которая идёт сквозь весь сайт. Пространство, в котором происходит действие, чётко обозначено и отделено элементами. А центр держит та самая силовая линия — поэтому формы выглядят устойчивыми внутри, даже несмотря на кажущийся перевес и постоянную подвижность. 3. Типографика. Один размер для заголовка, один — для основного текста. Иерархия выстроена интервалами и смещениями, для подзаголовков добавлен верхниц регистр, без изменения кегля. И тут метафора продолжается: у текста чёткая конструкция из вертикальных силовых линий, на которой он держится, но форма слегка подвижна и игрива. Та же логика, что и с фигурами на пилоне — чёткая конструкция, на ней живое движение. 4. Цвет. Используется чисто функционально — выделить главное, активный элемент, ховер. Цвет тут как функция, а не как красивость. Вот и швейцарка в действии 🇨🇭 И конечно, заказчица не просила «швейцарский стиль», и мы не думали категориями «нужен швейцарский дизайн». Была задача — донести информацию так, чтобы зритель в итоге сделал целевое действие (звонок, заполнение формы). Для этого нужно выделить главное, сделать текст удобным для чтения, расставить акценты, выстроить порядок повествования. К этому добавилась идея с девушками — и дизайн собрался. Ну то есть ты не «делаешь швейцарку», а решаешь задачу. А стиль получается следствием. Это всё буду разбирать на интенсиве — детально и по частям (по целому дню отвожу на пространство, графику, типографику и цвет, а потом сведу всё в единую систему). Начинаем 22 июня, программа и запись тут: swiss.telidchenko.art 😎