Телидченко Сергей (типографика, композиция и вот это вот всё)
الذهاب إلى القناة على Telegram
Я обожаю работать с типографикой, нестандартной версткой и создавать интересные дизайн-решения. Тут мои наработки, методы и приёмы в создании выразительного дизайна. Мои работы на Беханс: behance.net/telidchenko Личная телега: t.me/telidchenko
إظهار المزيد8 046
المشتركون
-124 ساعات
-37 أيام
-4230 أيام
أرشيف المشاركات
Тот случай, когда интересен сам продукт, есть потребность в использовании, но дизайн сайта настолько хуёвый, что разбираться в этом вообще не хочется (в итоге пришлось попросить клода сделать срез инфы по своему запросу — инфу я получил, но весь маркетинг, которный задумывался на сайте, пошёл по пизде).
Короче. Это к слову, как дизайн может угандошить конверсию (замеры не делал и свечки не держал, чисто сужу со стороны пользователя и как представитель целевой аудитории).
P.S. Кто юзал сам сервис, дайте обратку чё как, годная штука или «тот же зум с теми же дырами»?
Несколько лет руки не доходили до своего сайта (чисто потому что он был не особо нужен — портфолио на площадках типа беханс и дипрофайл, а под продажу обучений делал отдельные лендосы).
Но вот решил сделать чисто текстовую страницу, чтобы описать форматы работы со мной — ну типа как можно со мной поработать (в телеге посты потеряются, а на сайте будет в одном месте).
Так что вот telidchenko.art
p.s. а за вёрстку и внимательность к деталям моего дизайна спасибо парням из Izum 😎🙏
Поработав с нейронкой над разными задачами, я сделал несколько промежуточных выводов:
1. Мне она помогает не экономить время (времени иногда уходит даже чуть больше). Мне она помогает бустить качество. Хотя на дистанции, возможно, получится с выиграть время.
2. Не столь важны техничесике навыки, сколько умение мыслить. Научить использовать поможет сам ИИ. Научиться мыслить — это уже привелегия человека.
3. «Знать правильный промт» ничего не стоит против «обладать правильными знаниями». То есть, если ты долбоёб, то с нейронкой ты будешь долбоёбом с нейрнонкой.
В целом наблюдения вдохновляющие, работаем дальше 😌🤘
Есть любители марок? Идите чё покажу 😉😆
Остальные подтягивайтесь тоже — зацените сайтец Кати Манько @katerikaterinamanko_ru с интенсива по ритму 🔥
Это каталог марок. В таком сайте не нужна сильная динамика, рваный ритм и всякие экстравагантные приёмы.
Простота его, и одновременно и сложность в том, чтобы ритм увидеть в самом контенте, развить и направить его: строки текста, форматы изображений, текстовые элементы в модуле, меню — всё это образует ритм, который не выходит на первый план, не кричит, и как бы идёт попутно со всем остальным сюжетом.
Спокойный, но при этом кайфовый каталог, а карточка товара получилась как метафора конверта, на который приклеили марку
Чисто приятно.
Сайт сделан в учебных целях и не несёт в себе коммерчких деяний. Материалы взяты с сайта laposte.fr и ему же принадлежат 😌
+7
В субботу сгонял тут в Бангкоке на мероприятие Site 2026 😎
Чё касается прям сайтов, то были несколько стендов японских CMS (на базе ИИ, кстати) и выступления на сцене (я тайский не оч понимаю, а многие там вещели на родном, но судя по слайдам, там чё-то про дизайн, технологии, робототехнику)).
Интересная часть — стенды стартапов Thailand Startup League: это такая программа, по которой правительство Таиланда выделяет бабки на продвижение студенческих стартапов. Ну типа если есть классная идея, она показала жизнеспособность — держи монету и газу развивай. Стендов таких было ну порядка 50, прям нормально.
А крутость в том, что будучи студентом, ты можешь замутить реальный проект и получить деньги на его создание и развитие. Если, конечно, он того стоит.
Пару стендов — с роботами и тем, как можно с ними взаимодействовать. Будущее уже здесь, хуле 🤪
В целом прикольно, с кем-то даже получилось пообщаться 😆
+5
Заканчиваю лекцию про отношения, какими они бывают и что получается в итоге. И меня аж подколбашивает — получилось собрать в одну структуру разрозненные знания, которые использовал в разных контекстах 🤪🤪🤪🤪
Основная мысль, которая проходит через всю лекцию: выразительность достигается не самими формами (они могут быть простые), а отношениями между ними.
А к посту приложил некоторые примеры из книги маэстро точек и линий — Армина Хофмана.
Проектирование и дизайн фотоальбома и фотогалереи (общая и подробная страницы) для сайта фотографа (Nadav Kander) с большим количеством разделов и фото. Лакончично, динамично, удобно. И легко тиражируется 🔥🔥🔥
Работа Оли Каменкой @ollifrance с интенсива по ритму (задача была пересобрать имеющийся сайт, а именно само отображение фотогалереи и подробных страниц: получить динамичную форму (при это не нарушая геометрической конструкции), простоту донесения информации и удобство тиражирования страниц.
Исходный сайт (которому принадлежат все права и авторство на контент, используемый в дизайне) www.nadavkander.com
p.s. а на интенсив по швейцарке залетело 119 человек 🔥 Ну это я так, к сведенью. Уже вовсю фигачим 😌🤘
За годы преподавания (а если точнее, за пятый год) я понял одну штуку — сколько не напоминай, после старта и закрытия продаж всегда будут те, кто не увидел, пропустил, забыл и т.д. (хотя 2-3 недели каждый день как минимум пост выходит на тему обучения))).
Ну посмотрим завтра ... 😉 с утра продажи закрываем.
p.s. соточку пробили кстати, 109 человек на данный момент 😌🤘
Ну что, завтра начинаем интенсив по Швейцарке 🔥 Кто хочет понять принципы дизайна, который до сих пор нам всем так нравится (эстетика функционального минимазизма) — сегодня последний день на раздумья.
Сайт swiss.telidchenko.art
Нас 100 человек, красивая цифра 😌🤘 Но буду не против, если она станет не такой юбилейной 😉😆 😆
Несколько ребят не вступили в канал — если тебе не пришли доступы, напиши мне в личку плз, отправлю 😎
Кстати, завтра цена на интенсив будет 7000р, а в понедельник стартуем (и продажи закрываю).
Часть материала у меня уже готова, так что точно могу сказать, что ты не пожалеешь 🤪
Давай с нами (пока что за 6 косарей)) swiss.telidchenko.art
p.s. если кому-то не пришли доступы после оплаты, пиши в личку, выдам 😌
Запись сегодняшнего эфира готова — разобрал дизайн и показал, как можно всё это исправить и усилить.
https://youtube.com/live/DSNkelsvY3k
Такого формата разборы я делаю обычно у себя на обучениях (не на 2 часа конечно, но там и работаем обычно и над процессом, поэтому часть неточностей отсекается на ранних этапах).
ребятки, напоминалочка — через пару часов ( в 15:00 по мск) стартую эфир, на котором сделаю разбор проекта и покажу, как можно исправить ошибки, про которые пойдёт речь, и в целом усилить дизайн.
Ссылку скину сюда
Судя по реакциям на вчерашний пост, эфиру быть — пятница, 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. Ребят, кто оформлял рассрочку и не получил письма с доступами на почту — напишите мне в личку пожавлуйста
