Телидченко Сергей (типографика, композиция и вот это вот всё)
الذهاب إلى القناة على Telegram
Я обожаю работать с типографикой, нестандартной версткой и создавать интересные дизайн-решения. Тут мои наработки, методы и приёмы в создании выразительного дизайна. Мои работы на Беханс: behance.net/telidchenko Личная телега: t.me/telidchenko
إظهار المزيد8 016
المشتركون
+324 ساعات
+17 أيام
-2230 أيام
جاري تحميل البيانات...
القنوات المماثلة
![Диджитал отдел [Елена Бобина]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1m2JgH%2F5393202855088861043%3Fty%3Dx&w=96&q=75){kind=small}
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
سبتمبر '26
سبتمبر '26
+16
في 1 قنوات
أغسطس '26
+72
في 3 قنوات
Get PRO
يوليو '26
+81
في 2 قنوات
Get PRO
يونيو '26
+90
في 1 قنوات
Get PRO
مايو '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 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 04 سبتمبر | 0 | |||
| 03 سبتمبر | +6 | |||
| 02 سبتمبر | +7 | |||
| 01 سبتمبر | +3 |
منشورات القناة
Смотри как могут работать атрибуты и метафоры в проекте — дизайн сайта и презентации девайса для профессиональных музыкантов и в целом ребят, которые пишут музыку.
Работа Оли Каменской @ollifrance со швейцарки 😌🤘
Тут в целом очень простая конструкция (2 колонки, одна поделена еще на 2), но вариативость и идентичность достигается атрибутами.
из элементов интерфейса:
— красный шарик, который в прогресс баре
— решетки # в таблицах
— маленькие стрелки у категорий преимуществ
— выделение в тексте красной геометричной обводкой
— типографика, схожая с интерфейсной на устройстве
основной элемент:
Для каждого из основных блоков характеристик Оля сделала графический знак из простых форм, который получился на совмещении кругов (пластинки из элементов интерфейса) и конкретной характеристики, про которую идёт речь.
Короче, прям офигенно получилось! 🔥🔥🔥
Ну и сразу комбо и презентация, и сайт (круто иметь возможность предлагать под заказ и сайт и презентацию — можно получать больше с каждого привлечённого заказа).
Ещё один поток стартуем 14 сентября, если что. Программа и запись тут swiss.telidchenko.art 😎
| 2 |  «...В ходе интенсива уже получилось применить знания к рабочему проекту и стало намного проще и удобнее работать + аргументировать решения клиенту»
Настя Жужгина
Я для себя ставил 2 основные цели на интенсив:
1. Чтобы знания были прикладными и рабочи в повседневных проектах (назовём их так))
2. Чтобы научились использовать все решения осознанно (чтоб могли объяснять каждое себе и заказчику)
У Насти получились обе 🔥🔥🔥
p.s. это фрагмент отзыва, полный приложил 😎 | 380 |
| 3 |  +9Вот одно огромное отличие шаблонного дизайна (который часто дизайнеры выдают за «индивидуальный») от реально авторского:
в шаблонном графика работает как украшение,
в авторском — как смысл.
В чём разница? 🧐
Украшение, декор — элемент, который просто занимает место в композиции (потому что дизайнер испугался свободного места, запереживал, что на экране только текст, или просто не знал, как иначе): стоковая картинка или сгенерированная ИИ (красивая, но пустая, как инстаграмная модель)), текстура, векторная графика и т.д.
Вроде графика есть, но смысла в ней с гулькинхуй.
А если графика несёт смысл — через атрибут, ассоциацию, метафору — она становится частью образа: зритель считывает и сам образ, и его характер, настроение, посыл.
Не в лоб, а через узнаваемые атрибуты. Вот тут уже становится интереснее.
Получается нестандартно, и идентично. Такое запоминается. И выделяется на фоне остального бездушного шума.
Сейчас это особенно вскрыл ИИ:
нагенерить красивых картинок это как нехуй делать. А вот вложить в них смысл, придумать метафору и ведущий образ проекта — тут нужен уже свой интеллект, а не искусственный 😎
Если хочешь с этим разобраться — на швейцарке я посвящу одну неделю теме графики: как простые формы и их взаимодействие складыцваются в понятные образы (и как ими рассказать целую историю). Что такое метафора, образ, атрибут.
И главное:
дам метод, как придумать метафору и основной образ проекта, чтобы он был уникальным и непохожим на конкурентов.
Начинаем 14 сентября. Мест с моим сопровождением уже нет, но можно попрактиковаться в общей группе: я помогаю с проблемными моментами даже участникам без моего сопровождения (просто домашки отдельно не разбираю, но ответы на вопросы по материалу и участие в эфирах также доступны).
Запись: swiss.telidchenko.art
p.s. Завтра покажу проект, где классно используются атрибуты для создания цельного образа. | 536 |
| 4 |  +4После согласования концепции едем дальше 😎🤘
Начинаю прорабатывать макет, вставлять контент, уточнять стили и детали. Я на этой стадии делаю 3–4 полноценных раздела сайта, которые покажу потом заказчику, утвержу и останется хуйня делов (если не будет кучи правок, конечно)))) но думаю прям кучи не будет, потому что основную концептуальную часть я уже согласовал, сейчас она просто вся причешется и примет более «опрятный» вид)
Чё сделал сейчас:
1. Выбрал размер заголовков и надписей и назначил текстовые стили всем сущностям, чтобы дальше не ебать себе голову, если решу что-то поправить
2. Уточнил сетку. Вернее, конструкцию центральной части, внутри которой у меня верстается наборный текст (было на глаз, сделал ровно).
3. Прикинул эту центральную часть на мобилу — всё заебись, крайние линии помелочи подвинул и всё прекрасно встаёт. Заголовки тоже без проблем
4. Я решил развить свою изначальную идею и добавить к образу подарочного приглашения еще и плавные линии, как метафора прикосноваения рук. Эти линии образуются между якорными элементами и основным контентом, которые скроллится. Линии по мере скрола меняют своё направление. Этоу идею хочу попробовать использовать для цифровой айдентики этого проекта
5. Списки 2-х разделов я сделал с использованием такой же формы линий — получилось, как будто плавная линия огибает логотип, бережно и мягко
6. Меню я решил свернуть в бургер — одна из задач сайта это знакомство с услугой, поэтому хотелось бы, чтобы зритель шёл по порядку на сайте, а не прыгал по разделам. Но если очень надо — есть бургер-меню, велкам)
Примерно на 70% уже использую реальный контент. Есть идея, система стилей, принципы вёрстки, сетка, конструкция под мобилу и планшет (планшет будет такой же, как и десктоп, ток с меньшим пространством по бокам, там ваще ничё особо делать не надо дополнительно
С этим всем набором иду минут через 30 на созвон 🤪 | 637 |
| 5 |  Часть 1 / Процесс создания коммерческого проекта ⚡️
Ну что, погнали — показываю процесс создания проекта под заказ. И сегодня — первый этап (это то, с чего всё начинается и до утверждения концепции)
Входящие данные:
Бизнес:
спа для головы (телесные практики для расслабления ума и тела, если очень в общем).
Есть заполненный бриф
Есть фото и видео помещения и процедур
Несколько отзывов (ребята недавно запустились в Краснодаре)
Задача:
познакомить аудиторию с услугой (не все понимают, что это и в чём отличие от привычного спа), получить запись на процедуру.
Первый этап — работа с материалом, идея и концепция. Как я его делаю — показал на видео ☝️😎
Сейчас делаю второй, в конце недели думаю покажу, что получилось по нему.
p.s. Если будут вопросы или что-то захочешь уточнить — пиши в коменты, не очкуй 😉 | 709 |
| 6 |  Ещё одна медалька в специализации «граф.дизайн» 🔥🔥🔥
... правда, кейс был больше про веб-дизайн, видимо оформление добавило баллов 😆
кто вдруг не видел, сам кейс тут | 856 |
| 7 |  короче походу интерес есть, делаем! 😎 Супер, я на самом деле рад, потому что ещё ни разу того не делал (я не про клиентские проекты, а про трансляцию процесса создания)))
Ну и завтра цена на общую группу интенсива по швейцарке чуть вырастет, имей ввиду. Записаться по текущему прайсу можно тут swiss.telidchenko.art | 969 |
| 8 |  +6Зацени дизайн презентации для фотоаппарата Polaroid 🔥🔥🔥🔥🔥
Очень живая и бодрая презентация, но при этом весьма лаконичная работа с типографикой 🤪
Это работа Ники Тереховой @terniika с интенсива по швейцарке.
Ника взяла узнаваемый атрибут фотоаппарата и представила его в разных форматах. Получились интересные слайды, причём с высокой вариативностью (дохуя разных вариантов можно получить на похожих по содержанию слайдах):
1. Поверх широкоформатного кадра — для презентации преимуществ фотоаппарата
2. В описании фотоаппарата эта форма — весь формат с поворотом на 90 градусов
3. Примеры снимков на фотоаппарат — там сами фотки + надпись от руки как ещё один атрибут этого продукта: поларойдовские фотки подписывали от руки на широкой части белой рамки.
4. В первом экране — горизонтальный формат, тоже с отсылкой к форме снимка полароид.
Классный пример, как получить динамичную композицию, но не отойти от швейцарской лакончиности и «строгости».
Хочешь попрактиковаться с такими штуками — велкам swiss.telidchenko.art. Начинаем 14 сентября.
p.s. а про атрибуты-образы расскажу на следующей неделе 😉 | 1 210 |
| 9 |  +6Я взял в работу коммерческий проект под заказ, что в последние пару лет для меня большая редкость)).
И пришла идея: а что если показать в канале весь процесс работы над ним. Ну вот прям начиная с брифа, постановки задачи, материала. Как я презентую работу, докручиваю макет, передаю на вёрстку, и тд.
Короче, весь процесс своей работы на примере коммерческого проекта.
Хочешь такой замут?
Спрашиваю, потому что интересно количество желающих (ща все вроде ещё по отпупскам и в подготовке к началу учебного года, и не хотелось бы порожнем тратить время))).
Так что дай знать, если интересен такой формат, и если чё с новой неделе смогу показать, как я работал над концептом и что приготовил для первой презентации этого концепта заказчику.
p.s. приложил эскизы, которые появились, пока крутил идеи (лого нацарапал карандашом, там, конечно же, будет нормально отрисованный вариант) | 1 147 |
| 10 | Следующий эфир с разборами присланных работ хочу сделать через 1-2 недели (вот решаю, когда).
Есть что показать?
Может есть вопросы, которые хотелось бы разобрать на эфире (как-то делал такой формат) — пиши тоже, если будет тем на отдельный эфир, могу замутить.
Короче, чё там по работам и по вопросам? 😎 | 956 |
| 11 | Сереж, спасибо тебе за знания! Оказывается простая элегантная верстка это и есть очень мощная красота. Теперь в полном объеме понятно насколько швейцарская школа дизайна никогда не устареет и будет актуальна еще намного лет вперед. Появилось понимание, как интересно работать с пластом текста (а не бояться его), составлять из него композицию, понимать структуру, иерархию, применять стили, если они нужны, а оказывается они не всегда и нужны, при этом получится даже более сильный дизайн) А на украшательства даже и не тянет после интенсива. Текст сам по себе очень интересен, спасибо за возможность теперь это видеть🔥🔥
И даже на тарифе без обратной связи нет ощущения, что ты с макетом один на один, подробные разборы других ребят очень помогают, объясняют и закрывают все вопросы, которые возникают. Спасибо тебе огромное за эту движуху! 🤘🏻😊 | 990 |
| 12 |  +8Когда я осознал эту мысль, меня просто разъебало! 🤯🤯🤯 Знаешь в чём корень проблемы многих дизайнеров при работе с типографикой (вероятно, и твоя тоже)?
Текст воспринимается как информация. А дизайн — это то, что накладывается сверху: картинки, иконки, плашечки, обводочки, тенюшечки. И из них дизайнер составляет композицию. То есть текст тут выступает просто как информационная начинка, которую надо «украсить».
А что, если текст — и есть основной материал для композиции?
Если посмотреть так на текст, ты увидишь, что все тексты — это формы, которые могут обладать определёнными свойствами (плотность, масса, направление движения, тональность и т.д.) и которые вступают в отношения друг с другом (контраст, ритм, единство, напряжение, группа). Текст — это не информация за пределами композиции.
Это и есть композиция.
Именно так смотрели на типографику в швейцарской школе дизайна.
На интенсиве я наглядно покажу, как работали с типографикой в швейцарской школе дизайна и за счёт чего получались выразительные решения даже с использованием 1 простого шрифта.
Как это поможет тебе в проектах:
1 смещения строк текста станут не потому что “так прикольно смотрится”, а потому что в этом будет смысл и цель
2 когда захочется “сделать повеселее”, ты будешь понимать, как добавить выразительности, работая только с текстом и без странных решений и декора
3 даже простой текст, свёрстанный по одной линии, будет смотреться уверенно и бодро
Ну и главное, сможешь объяснять свои решения — не «мне так нравится», а через функцию и задачу проекта. Это как раз то место, где многие буксуют: выглядит прикольно, а как объяснить, нафига это надо, непонятно.
Начинаем 14 сентября. Запись тут swiss.telidchenko.art
К посту приложил фрагменты промежуточных заданий со дня по типографике и фрмагменты итоговых работ, где это применялось в проекте.
P.S. Перезалил постец, чё-то какая-то хуйня там с картинками началась ))) | 1 060 |
| 13 |  +9Когда я осознал эту мысль, меня просто разъебало! 🤯🤯🤯 Знаешь в чём корень проблемы многих дизайнеров при работе с типографикой (вероятно, и твоя тоже)?
Текст воспринимается как информация.
А дизайн — это то, что накладывается сверху: картинки, иконки, плашечки, обводочки, тенюшечки. И из них дизайнер составляет композицию. То есть текст тут выступает просто как информационная начинка, которую надо «украсить».
А что, если текст — и есть основной материал для композиции?
Если посмотреть так на текст, ты увидишь, что все тексты — это формы, которые могут обладать определёнными свойствами (плотность, масса, направление движения, тональность и т.д.) и которые вступают в отношения друг с другом (контраст, ритм, единство, напряжение, группа). Текст — это не информация за пределами композиции.
Это и есть композиция.
Именно так смотрели на типографику в швейцарской школе дизайна.
На интенсиве я наглядно покажу, как работали с типографикой в швейцарской школе дизайна и за счёт чего получались выразительные решения даже с использованием 1 простого шрифта.
Как это поможет тебе в проектах:
1 смещения строк текста станут не потому что “так прикольно смотрится”, а потому что в этом будет смысл и цель
2 когда захочется “сделать повеселее”, ты будешь понимать, как добавить выразительности, работая только с текстом и без странных решений и декора
3 даже простой текст, свёрстанный по одной линии, будет смотреться уверенно и бодро
Ну и главное, сможешь объяснять свои решения — не «мне так нравится», а через функцию и задачу проекта. Это как раз то место, где многие буксуют: выглядит прикольно, а как объяснить, нафига это надо, непонятно.
Начинаем 14 сентября. Запись тут swiss.telidchenko.art
К посту приложил фрагменты промежуточных заданий со дня по типографике и фрмагменты итоговых работ, где это применялось в проекте. | 1 |
| 14 |  +4Сегодня расскажу про идею и концепцию интенсива по швейцарке, и почему он получился прям моим авторским и непохожим на другие 😎
Концепция родилась в процессе его создания (ну и получается, в процессе проведения 1 потока):
изначально была задумка рассказать про основные элементы дизайн-системы (типографика, графика, пространство и цвет) через принципы швейцарской школы: выделить на каждый по дню и дать задание на отработку.
Но получилось капнуть глубже:
У руля швейцарской школы дизайна стояли 3 ключевые фигуры: Эмиль Рудер, Армин Хофман и Йозеф Мюллер-Брокманн. И у каждого есть своя книга, в которой они описывают принципы, которые мы используем до сих пор:
Рудер “Типографика” (это по работе с типографикой)
Брокманн “Модульные системы в графическом дизайне” (работа с пространством, и с основным инструментом его организации — сеткой)
Хофман “Graphic Design Manual” (простые формы и их отношения, книга ток на английском, так что название в оригинале)
И у меня родилась такая идея:
у каждого дня (типографика, графика, пространство) будет ключевая фигура (Рудер, Брокманн и Хофман), вокруг которой я и построю материал лекции! 🔥
Я взял принципы, которые описывали эти товарищи у себя в книгах (это по сути первоисточники того, что мы применяем), наложил их на цифровой формат, в котором мы работаем сейчас. И пропустил через весь свой опыт, на котором я всё это постоянно применяю.
И ещё один интересный момент этой концепции: я знаю, что многие читали эти книги.
Но не все сразу поняли, как применять эту информацию на практике (я, например, лишь со временем въехал, что хотел до меня донести Рудер и как это использовать в макете 😀).
На интенсиве ты как раз сможешь во всём этом разобраться.
Да, день про цвет остался без ключевой фигуры (сильный фундамент по цвету был у Иттена, но это уже Баухаус, чуть другое). Но отсутствие ключевой фигуры по цвету классно легло в концепцию — в Швейцарской школе дизайна цвету отдавали незначительную роль: цвет был чисто функциональным элементом, и если без него можно было обойтись — обходились. Ключевой фигуры нет, потому что это не ключевой элемент в принципах этой школы. И на интенсиве про цвет получилась маленькая лекция сама по себе.
Всё сложилось 🤪
Кто хочет посмотреть на это изнутри — велкам, начинаем 14 сентября: swiss.telidchenko.art (цена на участие в общей группе через неделю станет выше, а места с разборами сегодня могут закончиться, ибо осталось 1 место)
P.s. обложки к урокам и постам я тоже сделал в модернистском стиле: простые формы и их отношения складываются в атрибуты и формируют образ (приложил, зацени). Об этом чуть позже расскажу (кратко тут, подробно на интенсиве) | 1 037 |
| 15 |  +8Некоторые варианты промежуточныз заданий Валерии Федоткиной @valeriya_fedotkina с интенсива по Швейцарке 🔥🔥🔥
Лера круто попрактиковалась и сделала по несколько версий на каждое задание, это сильно! Мне очень понравилась работа с типографикой — геометрично и просто, но при этом интересно и бодро. И главное — функционально.
Это работы на тарифе без моего сопровождения — просмотр лекций, разборов, и усердная практика. Красава 😎🤘
Сегодня можно вписаться на этот формат участия за 5000 рублей, если что 😉
Это вот тут https://swiss.telidchenko.art
Стартуем 14 сентбря, кто не в курсе 😎 | 1 044 |
| 16 | Там 5 мест осталось с моим сопровождением, если что (хорошо в этот раз 20 сделал)). Напоминалочка, чтоб потом не было отмазки, что не увидели или пропустили 😆😎 | 1 032 |
| 17 |  لا يوجد نص... | 1 211 |
| 18 |  Месяц назад я провёл интенсив по швейцарке. И он получился даже покруче, чем я его себе представлял, когда запускал 1 поток (чуть позже расскажу, чем) 😎🤘
И я решил провести 2 поток.
Это не просто про сеточки или Гельветику, это про модернистский подход к созданию дизайна, который перевернул индустрию около 100 лет назад и до сих пор эти принципы используются повсеместно.
Отказ от декора
Функциональность
Простота, но при этом выразительность
Система
Тиражируемость
Экономия ресурсов при создании макетов
Не «красивенько и модненько», а почему это работает и как решает конкретные задачи. Так ты сможешь не только делать продуманные макеты, но и пояснять решения и себе, и заказчику.
Чему научишься (или уж точно попробуешь):
→ делать так, чтобы работа смотрелась чисто и дорого, а не собранной на коленке
→ строить иерархию с минимальным набором средств (например, на 1 текстовом стиле)
→ строить макет от смысла и задачи, а не подгонять под чужой шаблон
→ строить свою сетку по материалу, а не использовать стандартный шаблон в 12 колонок
→ работать с метафорами и атрибутами
Ну и актуальный бонус — сможешь грамотно ставить задачи на подобные работы нейросетям и корректировать результат (потому что будешь понимать, куда смотреть и что докручивать, а не просто умиляться красивым картинкам).
2 поток интенсива «Швейцарская школа — дизайн, который до сих пор впечатляет» стартует 14 сентября.
Продолжительность — 1 месяц.
Повтора больше не будет, так что кто пропустил первый — есть шанс не пропустить второй 😉
Полная инфа, программа и запись на сайте swiss.telidchenko.art
P.S. Я сделал 20 мест с моим сопровождением (в прошлый раз было 15, и они ушли за пару дней). Количество мест в общей группе неограниченно, но каждую неделю буду чуть поднимать цену. Так что кто хочет залететь по первой цене, советую не тянуть 😎. | 1 327 |
| 19 |  Запись эфира со старшим разрабом Изюм Андреем Упитом «Как подготовить макеты к вёрстке» 🔥🔥🔥
Ссылки на макеты, которые Андрей показывал на эфире:
https://gkv-izum.taptop.site/
easyenglish.taptop.site/
Если будут вопросы по материалу — пиши в комменты не стесняйся, Андрей даст ответ 😌 | 1 182 |
| 20 | Начинаем эфир на тему «Как готовить макет к вёрстке»
https://speak.kinescope.io/cgp-xdtp-ezy?hl=ru | 239 |
