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

Судя по реакциям на вчерашний пост, эфиру быть — пятница, 15:00 по мск 😎 Стрим будет на ютубе, ссылку сюда зашлю перед стартом (ну всё как обычно короче). p.s. сегодня хотел написать пост по интенсиву (кое-чё по заданиям и что будет на выходе по работам), но заканчивал лекцию по швейцарской типографике (это второй день), так что было не до поста. Получилось объёмно (классика)), но там прям мясо! 🤪 Кто вписался — зацените во вторник (кто ещё думает — с субботы ценник будет уже 7к, имейте ввиду 😉)

В пятницу хочу провести эфир, на котором сделаю редизайн сайта (на разборы присылали проекты, и один я предложил не просто разобрать, а пересобрать и показать, как это происходит). Предлагаю провести такой формат в эту пятницу в 15:00 по Мск. Кто планирует прийти — ставьте 😎 Посмотрим чё как и завтра напишу точное время и день.

На моих обучениях есть одна интересная особенность участия на тарифах без обратной связи: там есть обратная связь 😌 Да, подробный разбор каждой домашки и итоговой работы доступен тем, кто участвует с разборами работ. Но ребята, кто участвует без моего сопровождения, тоже без внимания не останутся: → можно задавать вопросы по материалу (на которые я даю развёрнутые ответы) → можно присутствовать на эфирах в качестве зрителя и задавать вопросы по тому, что говорю и показываю → в конце сделаю общий разбор ошибок по итоговым работам  → будут доступны записи разборов тех, кто проходит интенсив с моим сопровождением  Стартуем 22 июня. Залетай: swiss.telidchenko.art 😎

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

Когда я был маленький, меня повергло в ахуй 3 вещи: что у Пушкина и Тупака, вероятно, были общие родственники, что арбуз это ягода (а вот клубника — нет), и что сетка строится по задаче и материалу, а не просто по факту её наличия 😮😆 Первые два как-нибудь переживём, и вот с третьим давай разбираться. Проблемы в работе с сетками возникают от того, что обучение этому навыку сводится вот к такому примитиву: вот тебе сеточка (если это сайт — обязательно 12-колоночная), с ней будет заебись, без неё всё развалится (это если сократить длинную басню про типичные лекции о модульных сетках). Ставишь своё всё по сеточке — и дизайн в принципе готов (а если не получается — глянь в референсы)))). Дизайн, правда, получается шаблонный и слабый. Прикол в том, что при таком подходе ты лишаешь себя возможности думать и решать конкретную поставленную задачу. А макет теряет индивидуальность и превращается в еще один стандартный лендинг из прямоугольничков с текстом внутри. Как тогда быть с этой сеткой? Сетка строится от материала и задачи. Не контент впихивается в сетку, а сетка получается из контента (ну и понимания, для чего делается проект и как он будет использоваться). Это как со стройкой дома: сначала план, схема каркаса, а уже потом стены, интерьер и всё остальное. Представь, если бы дома все строили по одному чертежу... скорее всего, мы все бы жили в одинаковых блочных хрущёвках... Кстати, модульная сетка как прикладной инструмент пришла как раз из швейцарской школы — швейцарцам был важен порядок, тиражируемость, единство и экономия времени на производстве. И сетки помогали решать все эти моменты. На интенсиве разберём особенности, нюансы и принципы работы с сеткой в цифровом дизайне — с чего всё началось и к чему привело (это я сделал частью темы про пространство): → почему модульная сетка неудобна для некоторых типов сайтов → как строить сетку от задачи и материала и получать индивидуальные решения под проект (сайт, презентация, лукбук и т.д.) → как я сам работаю с сеткой при проектировании → как сетка адаптируется под разные форматы (мобила, планшет и т.д.) → как сетка помогает в работе, а как может мешать Начинаем через неделю. Вся подробная инфа — на сайте swiss.telidchenko.art 😎 p.s. Сегодня утром цена места в общей группе стала 6000 рублей, и продержится такой до конца пятницы. Потом будет 7000, имей в виду 😉

Так, ну и ещё одна братская напоминалочка (первый раз некоторым прям было в тему)) — завтра цена на участие в общей группе будет уже 6к. Так что, кому уже достаточно аргументов — велкам за пятерик, сегодня последний день за этот прайс. Кому ещё нет — в завтрашнем посте расскажу про пространство — как с ним работали швейцарцы и как можно к этому подойти сегодня. Потом покажу, как это получилось на клиентском проекте, который делали вместе с моей студенткой. И стопудов будут те, кто после захочет вписываться) Я это к чему…... а чё тянуть?))))) ссылка swiss.telidchenko.art 😎🤪 P.S. Ребят, кто оформлял рассрочку и не получил письма с доступами на почту — напишите мне в личку пожавлуйста

Который раз кайфую от навигационной разметки в метро Бангкока — организация людей в пространстве простыми формами 🤪 ну и в целом изящное ux-решение по избавлению от давки и толп в метрополитене (причем без участия человека).

Вчера места с моим сопровождением закончились (и пока я увидел и написал, что надо на сайте закрыть покупку, купило еще 2 человека, шустро вы)))). Но окей, успели) Остались места в общую группу (и напоминаю, с понедельника цена на неё будет 6к, а с субботы — 7к, так что пара дней ещё есть, чтоб успеть за пятёрик) 😉 Запись тут, если что swiss.telidchenko.art 😎

и там это, осталось 3 места на интенсив с моим сопровождением, если что. Я понимаю, что вечер пятницы не самое удачное время для учебно-рабочих напоминаний, но есть вероятность, что за выходные эти 3 места уйдут, и (как обычно) будут те, кто «пропустил посты», «не увидел», или по какой-то ещё причине «проебал, хотя очень хотел» 😉 запрыгнуть можно на сайте swiss.telidchenko.art 😌

спрос Сергея Телидченко Бангкок, Таиланд • веб-дизайнер • графический дизайнер портфолио ↳ dprofile ↳ behance медиа ↳ телеграм-канал Телидченко Сергей ↳ профиль в inst spros _44_

спрос Сергея Телидченко Бангкок, Таиланд • веб-дизайнер • графический дизайнер портфолио ↳ dprofile ↳ behance медиа ↳ телеграм-канал Телидченко Сергей ↳ профиль в inst spros _44_

спрос Сергея Телидченко Бангкок, Таиланд • веб-дизайнер • графический дизайнер портфолио ↳ dprofile ↳ behance медиа ↳ телеграм-канал Телидченко Сергей ↳ профиль в inst spros _44_

Принял участие в проекте spros — формат кард-интервью о дизайне и моих движущих силах в этом направлении 👇😎

спрос Сергея Телидченко Бангкок, Таиланд • веб-дизайнер • графический дизайнер портфолио ↳ dprofile ↳ behance медиа ↳ телеграм-канал Телидченко Сергей ↳ профиль в inst spros _44_

Принял участиве в проекте spros — формат кард-интервью с вопросами о дизайне и движущих силах в этом направлении 👇😎

Вчера задал вопро —, кто догадался, в чём метафора моего сайта по швейцарке (swiss.telidchenko.art). Версии были — и довольно близкие. Кто-то говорил про конструктивизм, кто-то про Баухаус, ну и самый точный вариант — про использование швейцарского стиля в самом дизайне сайта и как он собирается в систему. В целом — да, верно, я и правда в дизайне сайта использовал принципы швейцарской школы и хотел показать то, о чём будет интенсив, в действии — как это работает в современном вебе. Но это первый слой метафоры, он преднамеренно на поверхности. А мне интереснее то, что глубже. Тут есть и второй слой: Второй слой — это эпоха. Эпоха, в которой развивался модернизм, и одним из знаковых его представителей стала как раз швейцарская школа дизайна. Знаковым — и по широте применения, и по числу последователей, и по влиянию на индустрию: мы до сих пор используем принципы швейцарки, как в графдизайне, так и в вебе и айдентике. Эпоха, по которой проходит зритель от начала до конца сайта. Я разбил её на 3 части: 1. Начало — чёрный квадрат. Это символ этой эпохи. Точка, с которой стартовал весь модернизм. Манифест Малевича об отказе от детализации и декоративности: чтобы выразить смысл, не обязательно изображать объект, как он выглядит в реальном мире — достаточно простой формы (этот принцип лёг в основу и швейцарской школы). Этот символ я и поставил в самом начале — он ненадолго появляется при загрузке сайта и пропадает (вернее, не пропадает, а переходит в плакаты швейцарских дизайнеров, а потом и к содержанию сайта, отсылая к следующей части, следующему этапу). 2. Основная часть — период швейцарской школы. Основную часть сайта я сделал по принципам швейцарского стиля: это период, когда модернистские идеи довели до системы — подчёркнутая сетка, нейтральный шрифт, минимум стилей, функционально использованный цвет. Принципы, на которых базировался швейцарский дизайн. Это и есть та явная часть сайта, которую увидели многие. Тут без скрытых смыслов — это центр и сайта, и всего сюжета. И тема самого интенсива. 3. Концовка — слом. Под конец чёткие правила, заданные выше, начинают нарушаться: где-то сбивается сетка (и это специально подчёркнуто линиями), где-то усиливается пластика, и форма оживает. Где-то текст растягивается непривычно сильно. Это всё атрибуты постмодерна — периода, который пришёл за расцветом модернизма как реакция на швейцарскую строгость. Его амбассадором был Вайнгарт со своими экспериментами над типографикой. Ему было тесно в «ровной» швейцарке, и он искал новое: ломал, сбивал, растягивал, разрывал нейтральный швейцарский строй. Но при этом всё подчинялось принципам — у всего был каркас, и композиция держалась, несмотря на динамику, экспрессию, а где-то даже странность. Вайнгарт сам был выходцем из швейцарской школы, где и впитал эту системность и дисциплину. Я закончил свой сайт этим периодом не потому, что модернизм на нём закончился — он жив, причём больше полувека спустя. А потому, что хотел показать главное: Ровными линиями и идеальными сетками всё не заканчивается. Правила можно нарушать, оставаясь внутри одной системы и одной идеи. Вайнгарт это и доказал: взял базу и сломал её, не выходя за её пределы. Швейцарский стиль — не клетка. Это фундамент. И только уверенно встав на него, можно осознанно нарушать правила, а не просто разбрасывать элементы по макету.

А вот как работают метафоры через простые формы в реальных работах — серия плакатов отца швейцарского дизайна Йозефа Мюллера-Брокманна /Musica Viva/. Тут взаимодействием форм (а где-то еще цветом и типографикой) показано музыкальное звучание. Эта метафора легла в основу серии плакатов для цикла концертов в Цюрихе. Просто. Охуенно 🔥

Интересно, есть те, кто догадался, какую метафору я использую на своём сайте? Если нет — вернёмся к этому в конце поста 😉 А сейчас хочу немного поговорить про графическую метафору — что это вообще и почему она делает дизайн интереснее, эмоциональнее и с характером. Метафора цепляет по простой причине: она не разжёвывает. Не лепит в лоб, как примитивный рекламный щит. Она как бы намекает, а ты додумываешь самостоятельно, складывая некий образ у себя в голове. Выразить метафору можно по-разному: 1. Изображением (но и тут одно и то же можно показать иначе) Например, командную работу можно показать так: фотка людей в пинджаках, все на улыбке и за офисным столом. Банальная стоковая пошлятина, которая забудется через пару секунд. А можно командную работу показать чуть интереснее и нестандартно — например, в виде канатоходца, которого внизу страхует его команда. И тут считывается куда больше: и слаженность, и доверие друг к другу, и даже цена ошибки, которую заплятят в случае неудачи. Один образ — а смыслов сразу несколько, и считываешь их на лету. В этом и сила метафоры — она не сообщает один факт напрямую, а зашивает в себя несколько слоёв, которые читаются интуитивно, запоминаются и оставляют приятное послевкусие. Но можно пойти ещё дальше — передать идею вообще без изображения. Простой формой и тем, как формы взаимодействуют друг с другом и с форматом. Швейцарцы любили именно этот путь — минимум средств, простые формы (хотя и с графикой прекрасно работали). Я прикрепил к посту картинки, на которых постарался это передать — простые формы и их отношения, по которым можно считать заложенный смысл. Это и есть метафора в дизайне — не показать предмет в лоб, а передать идею через форму и её поведение. Так вот, с чего я начал. Весь мой сайт по швейцарке swiss.telidchenko.art построен на одной основной метафоре — она проходит через него насквозь. Кто-нибудь уже понял, в чём она? Накидайте версии👇😎 (2 человека знают, поэтому, Таня и Майя, не палите пожалуйста))). P.S. Да, сайт для надо смотреть с компа — мобилка упрощена, там особо не развернуться. Всё интересное — на десктопе 😉

Я всю дорогу топлю за простоту, функциональность и смысл. И у меня получилось собрать эти принципы воедино — вернее, их собрали ещё лет 70 назад, а я уложил в короткий практический формат. Тут не будет погружения в историю Швейцарии и прогулок по музеям Цюриха — зато подробно разберём принципы, на которых строится швейцарский дизайн и каждый его элемент: типографика, графика, пространство, цвет. А в конце сведём всё в единую систему. Не «красивенько и модненько», а почему это работает и как решает конкретные задачи. Так ты сможешь не только делать продуманные макеты, но и пояснять решения и себе, и заказчику. Чему научишься (или уж точно попробуешь): → делать так, чтобы работа смотрелась чисто и дорого, а не собранной на коленке → выжимать максимум из типографики минимальными средствами и без перегруза → строить макет от смысла и задачи, а не подгонять под чужой шаблон → собирать всё в цельную систему, а не лепить из случайных приёмов Ну и актуальный бонус — сможешь грамотно ставить задачи на подобные работы нейросетям и корректировать результат (потому что будешь понимать, куда смотреть и что докручивать, а не просто умиляться красивым картинкам). Я назвал движуху «Швейцарская школа — дизайн, который до сих пор впечатляет» (и который, если честно, сильнее половины того, что делают сейчас))) Стартуем 22 июня. Полная инфа, программа и запись на сайте swiss.telidchenko.art P.S. Я поставил ценник на участие в общей группе специально небольшой (5к) — хочу, чтобы больше людей познакомились со мной и тем, как я работаю и обучаю. Поэтому первая неделя будет по этой цене, дальше чуть подниму. Так что кто хочет залететь по минимальному прайсу — советую сильно не тянуть 😎

Сегодня хотел сделать анонс по интенсиву (там у нас как раз швейцарка на подходе), но решил уже завтра — без суеты и не на ночь глядя. У меня тут уже полночь.. Чё хочу сказать в целом по этой теме (и одна из причин, почему я решил сделать такой интенсив): То, что я вижу по швейцарской школе (и что слышал от ребят во время совместной работы) — это всё про приёмы и правила. Делай одной гарнитурой, побольше воздуха, поменьше текста, и обязательно засунь всё в модульную сетку 🤬😮😁 Вот тебе и швейцарка.... Камооон! Это же только верхушка. И прикол в том, что все эти приёмы взялись не с потолка — под ними принципы, на которых всё это вообще работает и строится. Из которых всё прорастает и до сих пор цветёт и пахнет 🤪 А вот про эти принципы как раз не говорят. Швейцарка — это стиль, который, в отличие от моды и трендов, годами никуда не девается. И я скоро покажу, на чём он построен и как работает. Завтра днём пульну анонс 😎