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

За годы преподавания (а если точнее, за пятый год) я понял одну штуку — сколько не напоминай, после старта и закрытия продаж всегда будут те, кто не увидел, пропустил, забыл и т.д. (хотя 2-3 недели каждый день как минимум пост выходит на тему обучения))). Ну посмотрим завтра ... 😉 с утра продажи закрываем.p.s. соточку пробили кстати, 109 человек на данный момент 😌🤘

Ну что, завтра начинаем интенсив по Швейцарке 🔥 Кто хочет понять принципы дизайна, который до сих пор нам всем так нравится (эстетика функционального минимазизма) — сегодня последний день на раздумья.Сайт swiss.telidchenko.art Нас 100 человек, красивая цифра 😌🤘 Но буду не против, если она станет не такой юбилейной 😉😆 😆 Несколько ребят не вступили в канал — если тебе не пришли доступы, напиши мне в личку плз, отправлю 😎

Запись сегодняшнего эфира готова — разобрал дизайн и показал, как можно всё это исправить и усилить. https://youtube.com/live/DSNkelsvY3k Такого формата разборы я делаю обычно у себя на обучениях (не на 2 часа конечно, но там и работаем обычно и над процессом, поэтому часть неточностей отсекается на ранних этапах).

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

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

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

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

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

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