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

После согласования концепции едем дальше 😎🤘 Начинаю прорабатывать макет, вставлять контент, уточнять стили и детали. Я на этой стадии делаю 3–4 полноценных раздела сайта, которые покажу потом заказчику, утвержу и останется хуйня делов (если не будет кучи правок, конечно)))) но думаю прям кучи не будет, потому что основную концептуальную часть я уже согласовал, сейчас она просто вся причешется и примет более «опрятный» вид) Чё сделал сейчас: 1. Выбрал размер заголовков и надписей и назначил текстовые стили всем сущностям, чтобы дальше не ебать себе голову, если решу что-то поправить 2. Уточнил сетку. Вернее, конструкцию центральной части, внутри которой у меня верстается наборный текст (было на глаз, сделал ровно). 3. Прикинул эту центральную часть на мобилу — всё заебись, крайние линии помелочи подвинул и всё прекрасно встаёт. Заголовки тоже без проблем 4. Я решил развить свою изначальную идею и добавить к образу подарочного приглашения еще и плавные линии, как метафора прикосноваения рук. Эти линии образуются между якорными элементами и основным контентом, которые скроллится. Линии по мере скрола меняют своё направление. Этоу идею хочу попробовать использовать для цифровой айдентики этого проекта 5. Списки 2-х разделов я сделал с использованием такой же формы линий — получилось, как будто плавная линия огибает логотип, бережно и мягко 6. Меню я решил свернуть в бургер — одна из задач сайта это знакомство с услугой, поэтому хотелось бы, чтобы зритель шёл по порядку на сайте, а не прыгал по разделам. Но если очень надо — есть бургер-меню, велкам) Примерно на 70% уже использую реальный контент. Есть идея, система стилей, принципы вёрстки, сетка, конструкция под мобилу и планшет (планшет будет такой же, как и десктоп, ток с меньшим пространством по бокам, там ваще ничё особо делать не надо дополнительно С этим всем набором иду минут через 30 на созвон 🤪

Часть 1 / Процесс создания коммерческого проекта ⚡️ Ну что, погнали — показываю процесс создания проекта под заказ. И сегодня — первый этап (это то, с чего всё начинается и до утверждения концепции) Входящие данные: Бизнес: спа для головы (телесные практики для расслабления ума и тела, если очень в общем). Есть заполненный бриф Есть фото и видео помещения и процедур Несколько отзывов (ребята недавно запустились в Краснодаре) Задача: познакомить аудиторию с услугой (не все понимают, что это и в чём отличие от привычного спа), получить запись на процедуру. Первый этап — работа с материалом, идея и концепция. Как я его делаю — показал на видео ☝️😎 Сейчас делаю второй, в конце недели думаю покажу, что получилось по нему. p.s. Если будут вопросы или что-то захочешь уточнить — пиши в коменты, не очкуй 😉

Ещё одна медалька в специализации «граф.дизайн» 🔥🔥🔥 ... правда, кейс был больше про веб-дизайн, видимо оформление добавило баллов 😆 кто вдруг не видел, сам кейс тут

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

Зацени дизайн презентации для фотоаппарата Polaroid 🔥🔥🔥🔥🔥 Очень живая и бодрая презентация, но при этом весьма лаконичная работа с типографикой 🤪 Это работа Ники Тереховой @terniika с интенсива по швейцарке. Ника взяла узнаваемый атрибут фотоаппарата и представила его в разных форматах. Получились интересные слайды, причём с высокой вариативностью (дохуя разных вариантов можно получить на похожих по содержанию слайдах): 1. Поверх широкоформатного кадра — для презентации преимуществ фотоаппарата 2. В описании фотоаппарата эта форма — весь формат с поворотом на 90 градусов 3. Примеры снимков на фотоаппарат — там сами фотки + надпись от руки как ещё один атрибут этого продукта: поларойдовские фотки подписывали от руки на широкой части белой рамки. 4. В первом экране — горизонтальный формат, тоже с отсылкой к форме снимка полароид. Классный пример, как получить динамичную композицию, но не отойти от швейцарской лакончиности и «строгости». Хочешь попрактиковаться с такими штуками — велкам swiss.telidchenko.art. Начинаем 14 сентября. p.s. а про атрибуты-образы расскажу на следующей неделе 😉

Я взял в работу коммерческий проект под заказ, что в последние пару лет для меня большая редкость)). И пришла идея: а что если показать в канале весь процесс работы над ним. Ну вот прям начиная с брифа, постановки задачи, материала. Как я презентую работу, докручиваю макет, передаю на вёрстку, и тд. Короче, весь процесс своей работы на примере коммерческого проекта. Хочешь такой замут? Спрашиваю, потому что интересно количество желающих (ща все вроде ещё по отпупскам и в подготовке к началу учебного года, и не хотелось бы порожнем тратить время))). Так что дай знать, если интересен такой формат, и если чё с новой неделе смогу показать, как я работал над концептом и что приготовил для первой презентации этого концепта заказчику. p.s. приложил эскизы, которые появились, пока крутил идеи (лого нацарапал карандашом, там, конечно же, будет нормально отрисованный вариант)

Следующий эфир с разборами присланных работ хочу сделать через 1-2 недели (вот решаю, когда). Есть что показать? Может есть вопросы, которые хотелось бы разобрать на эфире (как-то делал такой формат) — пиши тоже, если будет тем на отдельный эфир, могу замутить. Короче, чё там по работам и по вопросам? 😎

Сереж, спасибо тебе за знания! Оказывается простая элегантная верстка это и есть очень мощная красота. Теперь в полном объеме понятно насколько швейцарская школа дизайна никогда не устареет и будет актуальна еще намного лет вперед. Появилось понимание, как интересно работать с пластом текста (а не бояться его), составлять из него композицию, понимать структуру, иерархию, применять стили, если они нужны, а оказывается они не всегда и нужны, при этом получится даже более сильный дизайн) А на украшательства даже и не тянет после интенсива. Текст сам по себе очень интересен, спасибо за возможность теперь это видеть🔥🔥 И даже на тарифе без обратной связи нет ощущения, что ты с макетом один на один, подробные разборы других ребят очень помогают, объясняют и закрывают все вопросы, которые возникают. Спасибо тебе огромное за эту движуху! 🤘🏻😊

Когда я осознал эту мысль, меня просто разъебало! 🤯🤯🤯 Знаешь в чём корень проблемы многих дизайнеров при работе с типографикой (вероятно, и твоя тоже)? Текст воспринимается как информация. А дизайн — это то, что накладывается сверху: картинки, иконки, плашечки, обводочки, тенюшечки. И из них дизайнер составляет композицию. То есть текст тут выступает просто как информационная начинка, которую надо «украсить». А что, если текст — и есть основной материал для композиции? Если посмотреть так на текст, ты увидишь, что все тексты — это формы, которые могут обладать определёнными свойствами (плотность, масса, направление движения, тональность и т.д.) и которые вступают в отношения друг с другом (контраст, ритм, единство, напряжение, группа). Текст — это не информация за пределами композиции. Это и есть композиция. Именно так смотрели на типографику в швейцарской школе дизайна. На интенсиве я наглядно покажу, как работали с типографикой в швейцарской школе дизайна и за счёт чего получались выразительные решения даже с использованием 1 простого шрифта. Как это поможет тебе в проектах: 1 смещения строк текста станут не потому что “так прикольно смотрится”, а потому что в этом будет смысл и цель 2 когда захочется “сделать повеселее”, ты будешь понимать, как добавить выразительности, работая только с текстом и без странных решений и декора 3 даже простой текст, свёрстанный по одной линии, будет смотреться уверенно и бодро Ну и главное, сможешь объяснять свои решения — не «мне так нравится», а через функцию и задачу проекта. Это как раз то место, где многие буксуют: выглядит прикольно, а как объяснить, нафига это надо, непонятно. Начинаем 14 сентября. Запись тут swiss.telidchenko.art К посту приложил фрагменты промежуточных заданий со дня по типографике и фрмагменты итоговых работ, где это применялось в проекте. P.S. Перезалил постец, чё-то какая-то хуйня там с картинками началась )))

Когда я осознал эту мысль, меня просто разъебало! 🤯🤯🤯 Знаешь в чём корень проблемы многих дизайнеров при работе с типографикой (вероятно, и твоя тоже)? Текст воспринимается как информация. А дизайн — это то, что накладывается сверху: картинки, иконки, плашечки, обводочки, тенюшечки. И из них дизайнер составляет композицию. То есть текст тут выступает просто как информационная начинка, которую надо «украсить». А что, если текст — и есть основной материал для композиции? Если посмотреть так на текст, ты увидишь, что все тексты — это формы, которые могут обладать определёнными свойствами (плотность, масса, направление движения, тональность и т.д.) и которые вступают в отношения друг с другом (контраст, ритм, единство, напряжение, группа). Текст — это не информация за пределами композиции. Это и есть композиция. Именно так смотрели на типографику в швейцарской школе дизайна. На интенсиве я наглядно покажу, как работали с типографикой в швейцарской школе дизайна и за счёт чего получались выразительные решения даже с использованием 1 простого шрифта. Как это поможет тебе в проектах: 1 смещения строк текста станут не потому что “так прикольно смотрится”, а потому что в этом будет смысл и цель 2 когда захочется “сделать повеселее”, ты будешь понимать, как добавить выразительности, работая только с текстом и без странных решений и декора 3 даже простой текст, свёрстанный по одной линии, будет смотреться уверенно и бодро Ну и главное, сможешь объяснять свои решения — не «мне так нравится», а через функцию и задачу проекта. Это как раз то место, где многие буксуют: выглядит прикольно, а как объяснить, нафига это надо, непонятно. Начинаем 14 сентября. Запись тут swiss.telidchenko.art К посту приложил фрагменты промежуточных заданий со дня по типографике и фрмагменты итоговых работ, где это применялось в проекте.

Сегодня расскажу про идею и концепцию интенсива по швейцарке, и почему он получился прям моим авторским и непохожим на другие 😎 Концепция родилась в процессе его создания (ну и получается, в процессе проведения 1 потока): изначально была задумка рассказать про основные элементы дизайн-системы (типографика, графика, пространство и цвет) через принципы швейцарской школы: выделить на каждый по дню и дать задание на отработку. Но получилось капнуть глубже: У руля швейцарской школы дизайна стояли 3 ключевые фигуры: Эмиль Рудер, Армин Хофман и Йозеф Мюллер-Брокманн. И у каждого есть своя книга, в которой они описывают принципы, которые мы используем до сих пор: Рудер “Типографика” (это по работе с типографикой) Брокманн “Модульные системы в графическом дизайне” (работа с пространством, и с основным инструментом его организации — сеткой) Хофман “Graphic Design Manual” (простые формы и их отношения, книга ток на английском, так что название в оригинале) И у меня родилась такая идея: у каждого дня (типографика, графика, пространство) будет ключевая фигура (Рудер, Брокманн и Хофман), вокруг которой я и построю материал лекции! 🔥 Я взял принципы, которые описывали эти товарищи у себя в книгах (это по сути первоисточники того, что мы применяем), наложил их на цифровой формат, в котором мы работаем сейчас. И пропустил через весь свой опыт, на котором я всё это постоянно применяю. И ещё один интересный момент этой концепции: я знаю, что многие читали эти книги. Но не все сразу поняли, как применять эту информацию на практике (я, например, лишь со временем въехал, что хотел до меня донести Рудер и как это использовать в макете 😀). На интенсиве ты как раз сможешь во всём этом разобраться. Да, день про цвет остался без ключевой фигуры (сильный фундамент по цвету был у Иттена, но это уже Баухаус, чуть другое). Но отсутствие ключевой фигуры по цвету классно легло в концепцию — в Швейцарской школе дизайна цвету отдавали незначительную роль: цвет был чисто функциональным элементом, и если без него можно было обойтись — обходились. Ключевой фигуры нет, потому что это не ключевой элемент в принципах этой школы. И на интенсиве про цвет получилась маленькая лекция сама по себе. Всё сложилось 🤪 Кто хочет посмотреть на это изнутри — велкам, начинаем 14 сентября: swiss.telidchenko.art (цена на участие в общей группе через неделю станет выше, а места с разборами сегодня могут закончиться, ибо осталось 1 место) P.s. обложки к урокам и постам я тоже сделал в модернистском стиле: простые формы и их отношения складываются в атрибуты и формируют образ (приложил, зацени). Об этом чуть позже расскажу (кратко тут, подробно на интенсиве)

Некоторые варианты промежуточныз заданий Валерии Федоткиной @valeriya_fedotkina с интенсива по Швейцарке 🔥🔥🔥 Лера круто попрактиковалась и сделала по несколько версий на каждое задание, это сильно! Мне очень понравилась работа с типографикой — геометрично и просто, но при этом интересно и бодро. И главное — функционально. Это работы на тарифе без моего сопровождения — просмотр лекций, разборов, и усердная практика. Красава 😎🤘 Сегодня можно вписаться на этот формат участия за 5000 рублей, если что 😉 Это вот тут https://swiss.telidchenko.art Стартуем 14 сентбря, кто не в курсе 😎

Там 5 мест осталось с моим сопровождением, если что (хорошо в этот раз 20 сделал)). Напоминалочка, чтоб потом не было отмазки, что не увидели или пропустили 😆😎

Месяц назад я провёл интенсив по швейцарке. И он получился даже покруче, чем я его себе представлял, когда запускал 1 поток (чуть позже расскажу, чем) 😎🤘 И я решил провести 2 поток. Это не просто про сеточки или Гельветику, это про модернистский подход к созданию дизайна, который перевернул индустрию около 100 лет назад и до сих пор эти принципы используются повсеместно. Отказ от декора Функциональность Простота, но при этом выразительность Система Тиражируемость Экономия ресурсов при создании макетов Не «красивенько и модненько», а почему это работает и как решает конкретные задачи. Так ты сможешь не только делать продуманные макеты, но и пояснять решения и себе, и заказчику. Чему научишься (или уж точно попробуешь):  → делать так, чтобы работа смотрелась чисто и дорого, а не собранной на коленке  → строить иерархию с минимальным набором средств (например, на 1 текстовом стиле)  → строить макет от смысла и задачи, а не подгонять под чужой шаблон  → строить свою сетку по материалу, а не использовать стандартный шаблон в 12 колонок → работать с метафорами и атрибутами Ну и актуальный бонус — сможешь грамотно ставить задачи на подобные работы нейросетям и корректировать результат (потому что будешь понимать, куда смотреть и что докручивать, а не просто умиляться красивым картинкам). 2 поток интенсива «Швейцарская школа — дизайн, который до сих пор впечатляет» стартует 14 сентября. Продолжительность — 1 месяц. Повтора больше не будет, так что кто пропустил первый — есть шанс не пропустить второй 😉 Полная инфа, программа и запись на сайте swiss.telidchenko.art P.S. Я сделал 20 мест с моим сопровождением (в прошлый раз было 15, и они ушли за пару дней). Количество мест в общей группе неограниченно, но каждую неделю буду чуть поднимать цену. Так что кто хочет залететь по первой цене, советую не тянуть 😎.

Запись эфира со старшим разрабом Изюм Андреем Упитом «Как подготовить макеты к вёрстке» 🔥🔥🔥 Ссылки на макеты, которые Андрей показывал на эфире: https://gkv-izum.taptop.site/ easyenglish.taptop.site/ Если будут вопросы по материалу — пиши в комменты не стесняйся, Андрей даст ответ 😌

Начинаем эфир на тему «Как готовить макет к вёрстке» https://speak.kinescope.io/cgp-xdtp-ezy?hl=ru

Напоминалочка по сегодняшнему эфиру 😎 Сегодня проведем совместный эфир со старшим разработчиком Изюм Андреем Упитом, на котором он расскажет, как подготовить дизайн-макет к вёрстке 🔥 Отсутствие системы — частая проблема дизайнеров. Андрей расскажет, как создать эту систему в макете и каким должен быть макет, чтобы разработы его сверстали пиксель в пиксель. Андрей, кстати, член жюри спецноминации от Изюм на Dprofile Award 2026. В конце эфира можете помучить его техническими вопросами 🤪 Начинаем в 16:00 по мск (ссылку отправлю сюда).

Как я недавно выяснил, у меня тут мого дизайнеров презентаций. Поэтому на швейцарке дал на выбор итоговое задание: сайт или презентация (и мне понравился этот эксперимент). Выкатываю фрагменты работы Насти Жужгиной @nast_zhuzhgina — презентация для анонса фотоаппарата. Чисто, лаконично, изящно, кайф 🤪 Это часть. А полная работа и процесс ее создания — в кейсе на Дипрофайл (поддержи лайком, не стесняйся 😉) https://dprofile.ru/case/191535/prezentaciia-dlia-anonsa-fotoapparata-leica-m11

Недавно зафиналили интенсив по швейцарской школе дизайна — начинаю показывать, что получилось 🤪 Сегодня работа Марии Жирновой @mariaetudes — одностраничный сайт о Диттере Рамсе. Функциональность, минимум текстовых стилей, простая адаптация под разные устройства, но при этой выразительный нескучный дизайн страницы, где преобладает текст — чисто в стиле швейцарки 🔥🔥🔥 А главное — понимание того, как это получается и как это работает в макете. P.S. Я решил сделать еще один поток этого интенсива — там получилось пройтись плотно, но фундаментально по базовым вещам: типографика, форма, пространство. Так что, кто не попал в первый — очень рекомендую 😌 Продажи открою на этой неделе