Телидченко Сергей (типографика, композиция и вот это вот всё)
前往频道在 Telegram
Я обожаю работать с типографикой, нестандартной версткой и создавать интересные дизайн-решения. Тут мои наработки, методы и приёмы в создании выразительного дизайна. Мои работы на Беханс: behance.net/telidchenko Личная телега: t.me/telidchenko
显示更多8 075
订阅者
+524 小时
-217 天
-6930 天
数据加载中...
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
六月 '26
六月 '26
+51
在1个频道中
五月 '26
+72
在0个频道中
Get PRO
四月 '26
+54
在1个频道中
Get PRO
三月 '26
+80
在0个频道中
Get PRO
二月 '26
+81
在0个频道中
Get PRO
一月 '26
+278
在1个频道中
Get PRO
十二月 '25
+381
在1个频道中
Get PRO
十一月 '25
+351
在0个频道中
Get PRO
十月 '25
+313
在1个频道中
Get PRO
九月 '25
+293
在2个频道中
Get PRO
八月 '25
+482
在0个频道中
Get PRO
七月 '25
+757
在0个频道中
Get PRO
六月 '25
+387
在2个频道中
Get PRO
五月 '25
+556
在1个频道中
Get PRO
四月 '25
+649
在17个频道中
Get PRO
三月 '25
+377
在7个频道中
Get PRO
二月 '25
+206
在5个频道中
Get PRO
一月 '25
+182
在1个频道中
Get PRO
十二月 '24
+169
在1个频道中
Get PRO
十一月 '24
+215
在1个频道中
Get PRO
十月 '24
+289
在1个频道中
Get PRO
九月 '24
+295
在0个频道中
Get PRO
八月 '24
+109
在1个频道中
Get PRO
七月 '24
+145
在2个频道中
Get PRO
六月 '24
+115
在1个频道中
Get PRO
五月 '24
+129
在1个频道中
Get PRO
四月 '24
+197
在1个频道中
Get PRO
三月 '24
+89
在0个频道中
Get PRO
二月 '24
+67
在0个频道中
Get PRO
一月 '24
+51
在0个频道中
Get PRO
十二月 '23
+68
在1个频道中
Get PRO
十一月 '23
+130
在3个频道中
Get PRO
十月 '23
+171
在0个频道中
Get PRO
九月 '23
+614
在0个频道中
Get PRO
八月 '23
+156
在0个频道中
Get PRO
七月 '23
+123
在0个频道中
Get PRO
六月 '23
+62
在0个频道中
Get PRO
五月 '23
+35
在0个频道中
Get PRO
四月 '23
+57
在0个频道中
Get PRO
三月 '23
+21
在0个频道中
Get PRO
二月 '23
+33
在0个频道中
Get PRO
一月 '23
+119
在0个频道中
Get PRO
十二月 '22
+26
在0个频道中
Get PRO
十一月 '22
+26
在0个频道中
Get PRO
十月 '22
+56
在0个频道中
Get PRO
九月 '22
+15
在0个频道中
Get PRO
八月 '22
+23
在0个频道中
Get PRO
七月 '22
+50
在0个频道中
Get PRO
六月 '22
+12
在0个频道中
Get PRO
五月 '22
+18
在0个频道中
Get PRO
四月 '22
+27
在0个频道中
Get PRO
三月 '22
+2 027
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 17 六月 | +1 | |||
| 16 六月 | +6 | |||
| 15 六月 | +2 | |||
| 14 六月 | +1 | |||
| 13 六月 | +2 | |||
| 12 六月 | +1 | |||
| 11 六月 | +2 | |||
| 10 六月 | +1 | |||
| 09 六月 | +3 | |||
| 08 六月 | 0 | |||
| 07 六月 | +2 | |||
| 06 六月 | +2 | |||
| 05 六月 | +2 | |||
| 04 六月 | +9 | |||
| 03 六月 | +5 | |||
| 02 六月 | +5 | |||
| 01 六月 | +7 |
频道帖子
В пятницу хочу провести эфир, на котором сделаю редизайн сайта (на разборы присылали проекты, и один я предложил не просто разобрать, а пересобрать и показать, как это происходит).
Предлагаю провести такой формат в эту пятницу в 15:00 по Мск. Кто планирует прийти — ставьте 😎
Посмотрим чё как и завтра напишу точное время и день.
| 2 | На моих обучениях есть одна интересная особенность участия на тарифах без обратной связи:
там есть обратная связь 😌
Да, подробный разбор каждой домашки и итоговой работы доступен тем, кто участвует с разборами работ.
Но ребята, кто участвует без моего сопровождения, тоже без внимания не останутся:
→ можно задавать вопросы по материалу (на которые я даю развёрнутые ответы)
→ можно присутствовать на эфирах в качестве зрителя и задавать вопросы по тому, что говорю и показываю
→ в конце сделаю общий разбор ошибок по итоговым работам
→ будут доступны записи разборов тех, кто проходит интенсив с моим сопровождением
Стартуем 22 июня. Залетай: swiss.telidchenko.art 😎 | 643 |
| 3 | Зацени, как выглядит швейцарский стиль в коммерческом проекте — сайт школы танцев на пилоне «Сорока»:
https://sorokadance.ru
Этот проект мы делали вместе с Майей (я побыл в роли арт-дира на клиентском проекте, и мне понравилось)).
Смотри, как тут использованы принципы швейцарского дизайна.
1. Графика. Начну с неё — на ней строится основная идея сайта. Это фото девушек из школы, в случайных позициях (хотел написать «позах», но это уже про другое)), которые меняются при скролле.
По центру этой зоны проходит силовая линия — она символизирует пилон, вокруг которого эти формы вращаются. Физически линии нет, но в этом и прикол: без неё формы выглядят живыми, чуть неуравновешенными, подвижными. Но её «создают» элементы в шапке, абзацы отзывов, мелкий элемент внизу и сами фигуры. По скроллу позиции меняются, а линия остаётся на месте. И получается, что формы движутся вокруг одной оси.
Это и есть танец, о котором сайт.
И тут ещё такой момент: позиции живые, естественные, непредсказуемые. Как и девушки в танце: у каждого движения свой характер, своя эмоция.
Поэтому такое решение ещё и вариантивно: таких форм может быть сколь угодно много (но между ними будет единство и узнаваемость). Это готовый элемент айдентики — решение можно использовать на плакате, в мерче, оформлении зала и т.д. Где допускается крупный размер формы (которую на контрасте можно дополнить текстом — контракты, призывы, заголовок и тд).
2. Пространство. Часть под текст (его ширина не случайна: эта зона встаёт в мобилу, и текст такого размера и ширины удобно читать). Другая часть — под графику, которая идёт сквозь весь сайт. Пространство, в котором происходит действие, чётко обозначено и отделено элементами. А центр держит та самая силовая линия — поэтому формы выглядят устойчивыми внутри, даже несмотря на кажущийся перевес и постоянную подвижность.
3. Типографика. Один размер для заголовка, один — для основного текста. Иерархия выстроена интервалами и смещениями, для подзаголовков добавлен верхниц регистр, без изменения кегля.
И тут метафора продолжается: у текста чёткая конструкция из вертикальных силовых линий, на которой он держится, но форма слегка подвижна и игрива. Та же логика, что и с фигурами на пилоне — чёткая конструкция, на ней живое движение.
4. Цвет. Используется чисто функционально — выделить главное, активный элемент, ховер. Цвет тут как функция, а не как красивость.
Вот и швейцарка в действии 🇨🇭
И конечно, заказчица не просила «швейцарский стиль», и мы не думали категориями «нужен швейцарский дизайн». Была задача — донести информацию так, чтобы зритель в итоге сделал целевое действие (звонок, заполнение формы). Для этого нужно выделить главное, сделать текст удобным для чтения, расставить акценты, выстроить порядок повествования. К этому добавилась идея с девушками — и дизайн собрался.
Ну то есть ты не «делаешь швейцарку», а решаешь задачу. А стиль получается следствием.
Это всё буду разбирать на интенсиве — детально и по частям (по целому дню отвожу на пространство, графику, типографику и цвет, а потом сведу всё в единую систему).
Начинаем 22 июня, программа и запись тут: swiss.telidchenko.art 😎 | 786 |
| 4 | Когда я был маленький, меня повергло в ахуй 3 вещи: что у Пушкина и Тупака, вероятно, были общие родственники, что арбуз это ягода (а вот клубника — нет), и что сетка строится по задаче и материалу, а не просто по факту её наличия 😮😆
Первые два как-нибудь переживём, и вот с третьим давай разбираться.
Проблемы в работе с сетками возникают от того, что обучение этому навыку сводится вот к такому примитиву: вот тебе сеточка (если это сайт — обязательно 12-колоночная), с ней будет заебись, без неё всё развалится (это если сократить длинную басню про типичные лекции о модульных сетках). Ставишь своё всё по сеточке — и дизайн в принципе готов (а если не получается — глянь в референсы)))).
Дизайн, правда, получается шаблонный и слабый.
Прикол в том, что при таком подходе ты лишаешь себя возможности думать и решать конкретную поставленную задачу. А макет теряет индивидуальность и превращается в еще один стандартный лендинг из прямоугольничков с текстом внутри.
Как тогда быть с этой сеткой?
Сетка строится от материала и задачи. Не контент впихивается в сетку, а сетка получается из контента (ну и понимания, для чего делается проект и как он будет использоваться). Это как со стройкой дома: сначала план, схема каркаса, а уже потом стены, интерьер и всё остальное. Представь, если бы дома все строили по одному чертежу... скорее всего, мы все бы жили в одинаковых блочных хрущёвках...
Кстати, модульная сетка как прикладной инструмент пришла как раз из швейцарской школы — швейцарцам был важен порядок, тиражируемость, единство и экономия времени на производстве.
И сетки помогали решать все эти моменты.
На интенсиве разберём особенности, нюансы и принципы работы с сеткой в цифровом дизайне — с чего всё началось и к чему привело (это я сделал частью темы про пространство):
→ почему модульная сетка неудобна для некоторых типов сайтов
→ как строить сетку от задачи и материала и получать индивидуальные решения под проект (сайт, презентация, лукбук и т.д.)
→ как я сам работаю с сеткой при проектировании
→ как сетка адаптируется под разные форматы (мобила, планшет и т.д.)
→ как сетка помогает в работе, а как может мешать
Начинаем через неделю. Вся подробная инфа — на сайте swiss.telidchenko.art 😎
p.s. Сегодня утром цена места в общей группе стала 6000 рублей, и продержится такой до конца пятницы. Потом будет 7000, имей в виду 😉 | 941 |
| 5 | Так, ну и ещё одна братская напоминалочка (первый раз некоторым прям было в тему)) — завтра цена на участие в общей группе будет уже 6к. Так что, кому уже достаточно аргументов — велкам за пятерик, сегодня последний день за этот прайс.
Кому ещё нет — в завтрашнем посте расскажу про пространство — как с ним работали швейцарцы и как можно к этому подойти сегодня. Потом покажу, как это получилось на клиентском проекте, который делали вместе с моей студенткой. И стопудов будут те, кто после захочет вписываться)
Я это к чему…... а чё тянуть?)))))
ссылка swiss.telidchenko.art 😎🤪
P.S. Ребят, кто оформлял рассрочку и не получил письма с доступами на почту — напишите мне в личку пожавлуйста | 533 |
| 6 | Который раз кайфую от навигационной разметки в метро Бангкока — организация людей в пространстве простыми формами 🤪 ну и в целом изящное ux-решение по избавлению от давки и толп в метрополитене (причем без участия человека). | 1 019 |
| 7 | Вчера места с моим сопровождением закончились (и пока я увидел и написал, что надо на сайте закрыть покупку, купило еще 2 человека, шустро вы)))). Но окей, успели)
Остались места в общую группу (и напоминаю, с понедельника цена на неё будет 6к, а с субботы — 7к, так что пара дней ещё есть, чтоб успеть за пятёрик) 😉
Запись тут, если что swiss.telidchenko.art 😎 | 752 |
| 8 | и там это, осталось 3 места на интенсив с моим сопровождением, если что.
Я понимаю, что вечер пятницы не самое удачное время для учебно-рабочих напоминаний, но есть вероятность, что за выходные эти 3 места уйдут, и (как обычно) будут те, кто «пропустил посты», «не увидел», или по какой-то ещё причине «проебал, хотя очень хотел» 😉
запрыгнуть можно на сайте swiss.telidchenko.art 😌 | 784 |
| 9 | спрос Сергея Телидченко
Бангкок, Таиланд
• веб-дизайнер
• графический дизайнер
портфолио
↳ dprofile
↳ behance
медиа
↳ телеграм-канал Телидченко Сергей
↳ профиль в inst
spros _44_ | 1 182 |
| 10 | спрос Сергея Телидченко
Бангкок, Таиланд
• веб-дизайнер
• графический дизайнер
портфолио
↳ dprofile
↳ behance
медиа
↳ телеграм-канал Телидченко Сергей
↳ профиль в inst
spros _44_ | 1 |
| 11 | спрос Сергея Телидченко
Бангкок, Таиланд
• веб-дизайнер
• графический дизайнер
портфолио
↳ dprofile
↳ behance
медиа
↳ телеграм-канал Телидченко Сергей
↳ профиль в inst
spros _44_ | 1 |
| 12 | Принял участие в проекте spros — формат кард-интервью о дизайне и моих движущих силах в этом направлении 👇😎 | 1 |
| 13 | спрос Сергея Телидченко
Бангкок, Таиланд
• веб-дизайнер
• графический дизайнер
портфолио
↳ dprofile
↳ behance
медиа
↳ телеграм-канал Телидченко Сергей
↳ профиль в inst
spros _44_ | 1 |
| 14 | Принял участиве в проекте spros — формат кард-интервью с вопросами о дизайне и движущих силах в этом направлении 👇😎 | 1 |
| 15 | Вчера задал вопро —, кто догадался, в чём метафора моего сайта по швейцарке (swiss.telidchenko.art). Версии были — и довольно близкие. Кто-то говорил про конструктивизм, кто-то про Баухаус, ну и самый точный вариант — про использование швейцарского стиля в самом дизайне сайта и как он собирается в систему.
В целом — да, верно, я и правда в дизайне сайта использовал принципы швейцарской школы и хотел показать то, о чём будет интенсив, в действии — как это работает в современном вебе.
Но это первый слой метафоры, он преднамеренно на поверхности. А мне интереснее то, что глубже. Тут есть и второй слой:
Второй слой — это эпоха.
Эпоха, в которой развивался модернизм, и одним из знаковых его представителей стала как раз швейцарская школа дизайна. Знаковым — и по широте применения, и по числу последователей, и по влиянию на индустрию: мы до сих пор используем принципы швейцарки, как в графдизайне, так и в вебе и айдентике.
Эпоха, по которой проходит зритель от начала до конца сайта. Я разбил её на 3 части:
1. Начало — чёрный квадрат.
Это символ этой эпохи. Точка, с которой стартовал весь модернизм. Манифест Малевича об отказе от детализации и декоративности: чтобы выразить смысл, не обязательно изображать объект, как он выглядит в реальном мире — достаточно простой формы (этот принцип лёг в основу и швейцарской школы). Этот символ я и поставил в самом начале — он ненадолго появляется при загрузке сайта и пропадает (вернее, не пропадает, а переходит в плакаты швейцарских дизайнеров, а потом и к содержанию сайта, отсылая к следующей части, следующему этапу).
2. Основная часть — период швейцарской школы.
Основную часть сайта я сделал по принципам швейцарского стиля: это период, когда модернистские идеи довели до системы — подчёркнутая сетка, нейтральный шрифт, минимум стилей, функционально использованный цвет. Принципы, на которых базировался швейцарский дизайн.
Это и есть та явная часть сайта, которую увидели многие. Тут без скрытых смыслов — это центр и сайта, и всего сюжета. И тема самого интенсива.
3. Концовка — слом.
Под конец чёткие правила, заданные выше, начинают нарушаться: где-то сбивается сетка (и это специально подчёркнуто линиями), где-то усиливается пластика, и форма оживает. Где-то текст растягивается непривычно сильно.
Это всё атрибуты постмодерна — периода, который пришёл за расцветом модернизма как реакция на швейцарскую строгость. Его амбассадором был Вайнгарт со своими экспериментами над типографикой.
Ему было тесно в «ровной» швейцарке, и он искал новое: ломал, сбивал, растягивал, разрывал нейтральный швейцарский строй. Но при этом всё подчинялось принципам — у всего был каркас, и композиция держалась, несмотря на динамику, экспрессию, а где-то даже странность. Вайнгарт сам был выходцем из швейцарской школы, где и впитал эту системность и дисциплину.
Я закончил свой сайт этим периодом не потому, что модернизм на нём закончился — он жив, причём больше полувека спустя.
А потому, что хотел показать главное:
Ровными линиями и идеальными сетками всё не заканчивается. Правила можно нарушать, оставаясь внутри одной системы и одной идеи. Вайнгарт это и доказал: взял базу и сломал её, не выходя за её пределы.
Швейцарский стиль — не клетка. Это фундамент. И только уверенно встав на него, можно осознанно нарушать правила, а не просто разбрасывать элементы по макету. | 1 222 |
| 16 | А вот как работают метафоры через простые формы в реальных работах — серия плакатов отца швейцарского дизайна Йозефа Мюллера-Брокманна /Musica Viva/.
Тут взаимодействием форм (а где-то еще цветом и типографикой) показано музыкальное звучание. Эта метафора легла в основу серии плакатов для цикла концертов в Цюрихе.
Просто. Охуенно 🔥 | 1 019 |
| 17 | Интересно, есть те, кто догадался, какую метафору я использую на своём сайте? Если нет — вернёмся к этому в конце поста 😉
А сейчас хочу немного поговорить про графическую метафору — что это вообще и почему она делает дизайн интереснее, эмоциональнее и с характером.
Метафора цепляет по простой причине: она не разжёвывает.
Не лепит в лоб, как примитивный рекламный щит. Она как бы намекает, а ты додумываешь самостоятельно, складывая некий образ у себя в голове.
Выразить метафору можно по-разному:
1. Изображением (но и тут одно и то же можно показать иначе)
Например, командную работу можно показать так: фотка людей в пинджаках, все на улыбке и за офисным столом. Банальная стоковая пошлятина, которая забудется через пару секунд.
А можно командную работу показать чуть интереснее и нестандартно — например, в виде канатоходца, которого внизу страхует его команда. И тут считывается куда больше: и слаженность, и доверие друг к другу, и даже цена ошибки, которую заплятят в случае неудачи.
Один образ — а смыслов сразу несколько, и считываешь их на лету.
В этом и сила метафоры — она не сообщает один факт напрямую, а зашивает в себя несколько слоёв, которые читаются интуитивно, запоминаются и оставляют приятное послевкусие.
Но можно пойти ещё дальше — передать идею вообще без изображения. Простой формой и тем, как формы взаимодействуют друг с другом и с форматом. Швейцарцы любили именно этот путь — минимум средств, простые формы (хотя и с графикой прекрасно работали).
Я прикрепил к посту картинки, на которых постарался это передать — простые формы и их отношения, по которым можно считать заложенный смысл.
Это и есть метафора в дизайне — не показать предмет в лоб, а передать идею через форму и её поведение.
Так вот, с чего я начал.
Весь мой сайт по швейцарке swiss.telidchenko.art построен на одной основной метафоре — она проходит через него насквозь. Кто-нибудь уже понял, в чём она? Накидайте версии👇😎 (2 человека знают, поэтому, Таня и Майя, не палите пожалуйста))).
P.S. Да, сайт для надо смотреть с компа — мобилка упрощена, там особо не развернуться. Всё интересное — на десктопе 😉 | 1 166 |
| 18 | Я всю дорогу топлю за простоту, функциональность и смысл. И у меня получилось собрать эти принципы воедино — вернее, их собрали ещё лет 70 назад, а я уложил в короткий практический формат.
Тут не будет погружения в историю Швейцарии и прогулок по музеям Цюриха — зато подробно разберём принципы, на которых строится швейцарский дизайн и каждый его элемент: типографика, графика, пространство, цвет.
А в конце сведём всё в единую систему.
Не «красивенько и модненько», а почему это работает и как решает конкретные задачи. Так ты сможешь не только делать продуманные макеты, но и пояснять решения и себе, и заказчику.
Чему научишься (или уж точно попробуешь):
→ делать так, чтобы работа смотрелась чисто и дорого, а не собранной на коленке
→ выжимать максимум из типографики минимальными средствами и без перегруза
→ строить макет от смысла и задачи, а не подгонять под чужой шаблон
→ собирать всё в цельную систему, а не лепить из случайных приёмов
Ну и актуальный бонус — сможешь грамотно ставить задачи на подобные работы нейросетям и корректировать результат (потому что будешь понимать, куда смотреть и что докручивать, а не просто умиляться красивым картинкам).
Я назвал движуху «Швейцарская школа — дизайн, который до сих пор впечатляет»
(и который, если честно, сильнее половины того, что делают сейчас)))
Стартуем 22 июня. Полная инфа, программа и запись на сайте swiss.telidchenko.art
P.S. Я поставил ценник на участие в общей группе специально небольшой (5к) — хочу, чтобы больше людей познакомились со мной и тем, как я работаю и обучаю. Поэтому первая неделя будет по этой цене, дальше чуть подниму. Так что кто хочет залететь по минимальному прайсу — советую сильно не тянуть 😎 | 1 214 |
| 19 | Сегодня хотел сделать анонс по интенсиву (там у нас как раз швейцарка на подходе), но решил уже завтра — без суеты и не на ночь глядя. У меня тут уже полночь..
Чё хочу сказать в целом по этой теме (и одна из причин, почему я решил сделать такой интенсив):
То, что я вижу по швейцарской школе (и что слышал от ребят во время совместной работы) — это всё про приёмы и правила. Делай одной гарнитурой, побольше воздуха, поменьше текста, и обязательно засунь всё в модульную сетку 🤬😮😁
Вот тебе и швейцарка....
Камооон! Это же только верхушка. И прикол в том, что все эти приёмы взялись не с потолка — под ними принципы, на которых всё это вообще работает и строится. Из которых всё прорастает и до сих пор цветёт и пахнет 🤪
А вот про эти принципы как раз не говорят.
Швейцарка — это стиль, который, в отличие от моды и трендов, годами никуда не девается.
И я скоро покажу, на чём он построен и как работает. Завтра днём пульну анонс 😎 | 1 207 |
| 20 | Сергей, привет!
Я приобретала курс в прошлом году, "Прикладная типографика". Не могла работать с потоком тогда по личным обстоятельствам, досматриваю сейчас.
Хочу выразить огромную благодарность за курс!!
Я очень давно искала по типографике что-то обстоятельное и упорядоченное. Для меня плохо работает частая рекомендация по развитию визуального в интерфейсах - "просто копируй, и когда-то на тебя снизойдет", мне всегда хочется понять фундамент и основы, а потом уже добавлять ощущения и творчество. И это я получила на 200%.
Отдельно хочется сказать спасибо за красоту речи. Я иногда встречаю дизайнеров высоких позиций, которые изъясняются о дизайне в нескольких словах - круто, кайфово, прикольно....Поэтому слушать тебя было огромным удовольствием, такие богатые обороты, формулировки и в этом большое уважение к дизайну. Спасибо! | 1 359 |
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
