!!!ДОСТУП 48 ЧАСОВ!!! Новая концепция сеток в UX/UI -дизайне💻

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
0:00 Вступление
1:03 Кто такой Евгений Кузьмин?
4:42 Начнём с базы
6:17 Что такое модульные сетки
8:07 Почему 12 колонок устарели?
37:35 Как же делать дизайн в 2024 году?
38:14 Акцент
44:32 Композиция
1:04:20 Направляющие
1:09:25 Примеры из практики
1:27:47 Коммерческие проекты
1:33:00 О школе UPROCK
🚀 Ждём вас в школе UX/UI дизайна №1 UPROCK: school.uprock.ru/middle
☀️ Написать менеджеру школы: t.me/uprocksale
ПОЛЕЗНОЕ ДЛЯ UX/UI-ДИЗАЙНЕРОВ:
Скачать бесплатно кириллические шрифты: www.fonts.uprock.ru/
Все самые полезные сайты и мокапы для дизайнеров: www.baza.uprock.ru/
Бесплатная онлайн-книга по UX/UI-дизайну: www.uprock.ru/education
Зарубежные статьи по UX: www.uprock.ru/all-articles
Видео-уроки по дизайну: t.me/uprockdesign
НАШИ СОЦ. СЕТИ:
Личный инстаграм Евгения: / zhenya.ninja (запрещен в РФ)
Крутые анимации из наших кейсов: dribbble.com/uprockpro
Лучшие сайты на Behance: www.behance.net/uprockawards
Заказать дизайн сайта или брендинг компании: www.agency.uprock.ru
#вебдизайн #figma #ux #uprock

[@UPROCK]

🚀Получить доступ на сутки к платным материалам и забронировать скидку www.school.uprock.ru/sale-grids 🔥Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot ⚡Чат дизайнеров UPROCK t.me/uprock_chat

[@yellowshoess2850]

Чтобы не делать одинаковый сайдбар во всех интернет магазинах достаточно необходимую ему ширину положить в 13ую колонку, а 12 сместить в сторону для контента

[@UPROCK]

@@yellowshoess2850 а что мелочиться, давай пусть будет 15 колонок, вместо одной направляющей и еще 12 колонок для сетки из 4х товаров в ряду, действительно почему нам недостаточно 4х колоночной сетки. Пересмотри, пожалуйста, лекцию, мне кажется ты все таки не понял мою главную мысль, что надо избавляться от сложностей, а не искать способ, как их обосновывать.

[@user-gs1ig2hd6r]

Орнула с момента «я ж 3 года по сеткам делал, что ж он за с*ка»🤣🤣 золотой фонд цитат

[@UPROCK]

Постарался передать всю гамму эмоций реальной ситуации)

[@RedMist33Rus]

Работаем, работаем, 1к лайков всего для повторения материала!

[@RedMist33Rus]

Молодцы! Как всегда справились 😊

[@aliciajc4985]

Спасибо большое, что рассмотрели и ответили на вопросы, которые задавали ранее по сеткам!! Лекция супер! ❤

[@UPROCK]

Всегда пожалуйста) Очень рад, что лекция зашла👍👍

[@psychea9902]

Спасибо большое за Ваш труд и ролики!

[@UPROCK]

Пожалуйста☺️

[@Romanov_SD]

Женя, спасибо за классный вебинар. Просто пушка 💥

[@UPROCK]

Всегда пожалуйста, Сергей👍⚡️

[@christinaavsyanik9272]

Ооооооочень крутая лекция! Учусь в вашей школе! Огромнейшее спасибо за вашу работу Евгений! 💥💯

[@UPROCK]

Всегда пожалуйста, Кристина! Классно, что Вам понраилось👍✨

[@doctortt5060]

Вообще не дизайнер, и даже не программист. Никакой. Но почему блин так все это интересно? Какого хрена Ютуб мне подсвечивает эти видео уже сколь раз?

[@UPROCK]

Привет, я стараюсь сделать шоу. Это такой вызов, рассказать скучную информацию интересно. Если бы у меня преподаватели имели бы такую мотивацию, то многое было бы по другому.

[@YanasChanell]

Даже не представляла, что дизайнеры до сих пор привязаны к 12 колонкам. Я фронтендер с 2000 года (с перерывами, но не важно), тогда еще и слова такого не было. Бутстрап с 12 колонками для меня остался где-то в середине десятых, несмотря на то, что поддерживаю сайт, в основе которого лежит третий бутстрап в качестве легаси кода, от которого тяжело избавиться, но даже и там мы уже давно не пользуемся двенадцатиколоночной системой. Современный CSS настолько гибок, а экраны настолько разные, что смысла нет делать контент насколько-то колонок. Тексты должны быть нормально читаемы, то есть ширина их должна быть 60-75 ch, а не сколько-то колонок. Куча свойств в css сейчас крутится вокруг минимальных и максимальных значений. На одном экране умещается 5 карточек товаров, на экране поуже - 4, а на мелких мобилах вообще всего одна, тут главное чтобы нужная инфа помещалась и нормально читалась. Так что да, жесткими колонками никто не думает во фронтенде.

[@UPROCK]

Салют, Яна! Спасибо большое за ваше развёрнутое и подробное экспертное подтверждение🙏👍

[@Yakovlevsky-mj7sk]

Спасибо! Интересно очень

[@UPROCK]

Салют! Всегда пожалуйста)

[@user-xm3dc9fo5h]

В вёрстке сетки реализуются с помощью css grid и css flex свойств. С помощью какого css свойства реализуют "направляющие"? Я понимаю что направляющие можно реализовать с помощью визуала, правильно выстроить блоки, что бы они вместе создавали ту самую линию. Но тут ты изменяешь размер окна и блоки съезжают. Используя сетки - блоки всегда идут по рядкам, адаптация под разные экраны не сложно реализуется. Как подобный функционал реализовать, когда сетки нет, а есть только визуальные направляющие? Я над этим не долго думал, но в данный момент вижу достаточно сложный процесс адаптации, где вам нужно собрать точную инфу о размерах экранов потенциальных пользователей и заточить статичный, +- резиновый, дизайн именно под популярные разрешения экранов. ( Сложен он именно для заказчика, который не разбирается во всём этом, ему нет дела до каких то там исследований, ему нужно быстрее результат ). В кейсах где заказчик адекватный и процесс разработки не кастрирован - вопросов нет.

[@UPROCK]

Вот вы накрутили на вполне простой задаче)) У меня такое ощущение, что я действительно открываю Америку на такой банальной теме. Уточните, вы верстальщик? Сейчас резиновую верстку почти нигде не делают. Проанализируйте сами адаптивы сайтов, возьмите для примере штук 20-30. Почти везде страницы статичные и перестраиваются на брекпоинтах, в редких случаях резина для пустых пространств или в каталоге увеличивается количество рядов за счет этого резина.

[@art.kornilov]

Я вам советую проинспектировать сайты с нестандартной сеткой у топ студий (например AVA), вы удивитесь на что способен CSS, причём ванильный.

[@IlyaTakov]

Напрвляющие это теже гриды или просто ширина дивов )))

[@maksim.mukharev]

​@@UPROCK практика именно такая, с адаптивом очень сложно работать именно в рамках всего цикла разработки. При этом, адаптивную верстку можно считать высшим мастерством, которое доступно не каждой команде.

[@allo_Alen]

Спасибо за эфир👍🏿

[@UPROCK]

Пожалуйста, Алёна☺️

[@katerinazeliantsova8437]

Очень импонирует ваша подача. Идеальный пример опытного дизайн мышления! Спасибо! ❤

[@UPROCK]

Очень рад, Катерина) Пожалуйста☺️

[@Falko-v]

Если вы создали что-то не по правилам, но это выглядит круто, то значит вы создали новые парила )

[@user-si5hk1uw9w]

Интересная тема, спасибо!

[@UPROCK]

Пожалуйста, Николай⚡️

[@Ann-km8cn]

Крутой материал, спасибо. Про размер кнопки в начале очень смешно было))

[@UPROCK]

Всегда пожалуйста) Рад, что понравилось☺️

[@user-wm5ly3lb6j]

Спасибо, вы озвучили мои мысли.

[@UPROCK]

Пожалуйста, Катерина! Очень рад)

[@busik8989]

очень полезно,спасибо большое

[@UPROCK]

Пожалуйста, очень рад👍

[@olgakozlova1981]

Женя, а я боюсь без 12 колонок - использую как шпаргалку больше, но ориентируюсь на силовую) Следующий проект буду пробовать без них) Они и вправду сковывают - так бесит, когда что-то не умещается в заданную ширину, и ты думаешь что если увеличишь, то все сломаешь)) Мои чувства описал точь-в-точь)

[@UPROCK]

Салют, Ольга! Рад, что лекция помогла) Всё верно, шпаргалка должна быть такой чтобы увеличивать количество доступных действий, а не уменьшать😉

[@bogdandvorzeckij]

Если вы не уместились в 12 колонок, есть шанс, что вы вообще не уместились в экран пользователя. Правильно всё сковывают.

[@andreybaykovv]

@@bogdandvorzeckij тут речь не о 12 колонках, а если чтото не уместилось в 2 колонки и нужно сделать 2.5 колонки что уже не так перфекционистично

[@bogdandvorzeckij]

@@andreybaykovv 12 это высшее составное число. Его можно поделить на половинки, трети, четвёртые, шестые, двенадцатые и на одиночный блок. Я не могу представить что там за ситуация когда этих делителей нам мало, но если вопрос стоит остро, используйте 24 колоночную модульную сетку. И всё.

[@olgakozlova1981]

Повангую :-). Рынок очистится со временем - останутся лучшие и Апрок непременно будет в списке первых. При таком подходе - это просто неизбежно. Конкуренции меньше - цена на курс выше. Так что самое время брать курс сейчас, пока не началось)

[@UPROCK]

Я все делаю для этого, дело времени.

[@sleepspacepiece]

Благодарю)

[@UPROCK]

Всегда пожалуйста👍

[@viktoriyapluschikova3353]

Евгений, спасибо Вам за лекцию! меня учили 12 колонкам, но они реально, порой, подбешивают, нужно больше усилий прилагать, чтоб всё на них классно ложилось, а отступиться от этого, как начинашке, страшновато. Ваш разбор - прямо гора с плеч) уже занималась по Вашим видосам с направляющими и буду дальше ломать сетку во имя сочной композиции)

[@UPROCK]

Салют, Виктория! Всегда пожалуйста, рад, что видео оказалось для Вас полезным☺️

[@Cape_Hope]

В каждом видео, которое смотрела на эту тему, обязательно упоминалось про 12 колонок. Не раз задумывалась: «А точно ли это нужно, ведь иногда кажется бесполезным?» Чувствовала свою некомпетентность из-за таких мыслей, ведь если говорят многие и куда более опытные, значит надо. А оказалось, что не всегда это так необходимо) Спасибо, Евгений - начинаю снова доверять собственному чувству и насмотренности)

[@bogdandvorzeckij]

12 колонок универсальны, потому что они одновременно 6 колонок, 4, 3, 2. Зачем мне делать отдельную модульную сетку на 4 или 3 колонки? Нужно в три столбца? Ну по 4 колонки поделил.

[@Cape_Hope]

@@bogdandvorzeckij Имелось ввиду, что это не железобетонное правило и не обязательно себя этим ограничивать. К сожалению, не все так считают и загоняют часто в рамки, которые потом боишься нарушить, особенно в процессе обучения, когда задаешь вопросы, а тебе отвечают: «Потому что так надо»

[@bogdandvorzeckij]

​@@Cape_Hope А что именно не железобетонное правило? Вот наше пространство. мы его делим... ну на сколько хотите? давайте на 18 частей? Зачем вообще что-то делить? Потому что дизайн упорядочивает смыслы, упрощает для восприятия, создаёт ритмику, иерархию смыслов. Так можно доскакать до того, что заголовки мы будем набирать тем же кеглем что и обычный текст. Почему нет? Зачем нам какие-то рамки!? Пусть заголовок у нас будет в конце. Мы вольны от рамок. От Библии Гутенберга люди пытаются как-то работать со сложным, систематизировать, облегчить восприятие. А потом хоба. "Сетки пошли от бутстрапа (жесть само сопоставление), на дворе 2024, давайте стрелять в луну".

[@UPROCK]

"Потому что дизайн упорядочивает смыслы, упрощает для восприятия, создаёт ритмику, иерархию смыслов." - жаль что пользователь не видит эти смыслы. Вы можете предположить, что вы консерватор, который не может просто перестроиться?

[@bogdandvorzeckij]

@@UPROCK Почему не видит? Всё прекрасно видит. Именно с теми акцентами с какими нужно. Именно в той иерархии, которая нужна для правильного восприятия. Почему он видеть у меня перестал, а вы как сетку убрали, его лицо озарилось прозрением? Это такой способ вести дискуссию, решая за пользователя что он видит что нет? Пользователь не видит blue paper дизайна своего седана, но пользуется им с огромным удовольствием. Не нужно пользователю видеть кухню и знать о ней тоже не нужно. Сетка это инструмент для создания произведения. Плевать все хотели на молоток скульптора, но скульптор без молотка, так себе скульптор.

[@pavelmelnik9952]

Я фронтенд разработчик. Иногда поглядываю ваш канал и вообще, читаю дизайнерский дайджест что бы быть в курсе дел хотя ты в минимальном приближении. Я полностью поддерживаю сказаное в видео. Сетка уже морально устарела. Быстрее бы это все поняли и намотали на подкорку. В последние года 2 я расстраиваюсь, когда вижу в макете сетку. На нашем продукте мы от нее отказались.

[@UPROCK]

Спасибо большое за ваш комментарий, Павел👍👍

[@vick4692]

1:46:23 всё бы хорошо, но тут есть синдром макетов на бихансе, вроде с виду всё с силовыми линиями чётко и красиво, но пользователь не смотрит всю портянку сразу, а только окно экрана, есть вероятность, возвращаясь к опросу про 12 колонок, ему насрать на силовую линию в пределах всего макета, важно что в фокусе одного смыслового блока/экрана, таблицы и тд, хотя переходы и скролы с акцентированным направлением взгляда тоже нужны, согласен.

[@UPROCK]

Салют! Посмотри внимательно, как ты сам изучаешь сайты: ты занимаешься скроллингом. Периферическим зрением ты сканируешь информацию вокруг а движешься именно по силовой линии. Когда ты останавливаешься на каком-то конкретном блоке - начинает работать тот механизм, о котором ты говоришь. Но прежде чем это произойдёт, ты должен создать линию по которой как лифт по шахте будешь спускаться по всем этажам-блокам сайта.

[@alsukhamitova891]

я не веб-дизайнер, просто смотрю несколько каналов на эту тему, очень интересно. И когда смотрела дизайны сайтов, подумала, что 12и колоночную систему используют для того, чтобы макет было легче переделывать под планшетные и мобильные форматы, где уже сокращают до 2-3 колонок. и тут будто в основном и рассматривались только дизайны сайтов на пк. И я задумывалась, а как же оно на телефоне будет выглядеть? Неужели там блоки с чистого листа надо будет компоновать, не оглядываясь на широкий формат.

[@UPROCK]

Действительно, бутстрап изначально был придуман именно с этой целью. Но на текущий момент нет технической необходимости привязывать всё в одном разрешении к логике другого разрешения. Сейчас можно даже добавлять и убирать отдельные элементы в адаптивах, в зависимости от необходимости их наличия для пользователяна том или ином устройстве.

[@user-jp4dl4jc4l]

У меня муж верстальщик и он мне тоже иногда говорит про сетки😅Видимо у них в компании работают по олдскулу)) Он у меня не консерватор в этом плане, но говорит так реально удобнее верстать (но думаю сможет и без нее, только разобраться как и всё). Мне самой иногда нравится, когда всё по сетке, в каких-то случаях она прямо уместна (у перфекционистов будет оргазм глаз🤣), а где-то ее действительно хочется нарушить. Я думаю, что должна быть какая-то золотая середина, не совсем открещиваться от сетки, а использовать её во благо, когда она действительно нужна. Ну и конечно же клиенту всё это аргументировать) Чтобы он тоже мхом не покрывался, а видел внедренные в его продукт тренды. Как обычно спасибо за лекцию❤Всё доступно и понятно. Использование мата на уровне "мэтр" 🤣👍

[@UPROCK]

Спасибо за развёрнутый комментарий, Юлия, всё верно, 12 колонок могут пригодиться и в лекции я упоминал где это будет уместно. Но она не может быть универсальным решением, так как давно устарела и утратила актуальность

[@Nata_Nataria]

Только закончила учебу, где рассказывали про сетку в 12 колонок, что "удобно, практично, так надо", а тут - такооееее! Женя, ну что же ты делаешь)) ломаешь всю схему 😁 И конечно, ты прав на все 1000%! Когда не привязываешься к рамкам, то и креатива больше, и оригинальности.

[@UPROCK]

Салют! Спасибо большое, что поделились) Рад, что моя лекция Вас убедила☺️

[@DD-yv3tt]

Давайте добьем 2к лайков!!

[@UPROCK]

Спасибо за такую поддержку✊

[@DD-yv3tt]

@@UPROCK и вам за такие полезные лекции!

[@user-es9dx3lo7n]

CR7 среди дизайнеров имба

[@selenasova]

Как такой оригинальный дизайн перенести на мобилку, в основном трафик сейчас там? Сделайте, пожалуйста, на эту тему трансляцию.

[@UPROCK]

Здравствуйте, Елена! Посмотрите, пожалуйста, вот это видео kzbin.info/www/bejne/b5Smi2R_qJypn6csi=p2fVz9a83Rl8OyRV на канале есть ещё примеры отрисовки проектов в которых показывается адаптив, можете убедиться, что ничего сложного в этом нет. Откуда информация о том, что не социалки и приложения, а именно сайты посещаются только с мобилок, я не знаю)

[@manuelwife4060]

спасибо господь что ты такой ахуенный

[@UPROCK]

Ты тоже)

[@daniel_black_vrode]

Как при полном уходе от колонок реализовать адаптивы и переход на мобильную версию? Как это передать разработчикам? Вопрос реальный, буду благодарен ответу. Для каждого элемента прописывать поведение резиновости? Полностью пересобирать/перепридумывать макеты под каждое разрешение?

[@UPROCK]

Привет, сейчас нет необходимости привязывать элементы к колонкам для адаптива, дизайн полностью перерисовывается на брекпоинтах, при необходимости даже элементы могут меняться. 12 колонок - это рудимент в дизайне.

[@webmechanic-kz]

Я веб разработчик без сетки можно для этого используются flex box и гриды )

[@user-ib4yo7bm5p]

Салют)

[@UPROCK]

Хеллоу)

[@deepouterspace]

Дотянем до 1000 лайков, чуть-чуть осталось! 🔥

[@UPROCK]

Спасибо за поддержку✨

[@daniel_black_vrode]

Что насчёт оставить колонки, но детализировать - сделать 24 колонки? Свободы на порядок больше, но остаются плюсы колоночной верстки. Более понятные и простые правила адаптивов. Более консистентная структура макетов

[@UPROCK]

Привет, а зачем вообще придумывать этот геморой с 12 колонками, если важна для пользователя композиция и направляющие? Но если вы привыкли с колонками, то я не навязываю вам свой подход.

[@UPROCK]

Салют, Михаил! Идея интересная, но предлагаю развить её дальше и не останавливаться на 24 колонках. Как насчёт 1920 колонок, из которых можно выделить в качестве основных 3 или более и назвать "направляющими", к примеру) Понятные и простые правила на месте и свобода максимальная😉

[@user-dp4pj8go3v]

Давно об этом думаю и переодически делаю просто по композиции. Но что делать, если верстальщик с которым ты работаешь, сопротивляется и вечно пытается тыкать этими сраными колонками?

[@user-xm3dc9fo5h]

Колонки ускоряют процесс разработки и облегчают адаптацию дизайна под разные разрешения. Есть вероятность что разработчику попросту не выделили достаточно времени на адаптацию. Если делаешь дизайн по композиции - этот процесс нужно согласовывать с менеджером. Если дизайн сделан по колонкам - хватает сделать дизайн для desktop и остальные разрешения достаточно интуитивно адаптируются без участия дизайнера. Если дизайн по композиции - есть вероятность того что только дизайнер сможет правильно адаптировать его под разные разрешения устройств. А значит это то, что нужно проводить исследования того, какие разрешения устройств популярнее всего у потенциальных пользователей и делать дизайн строго опираясь на исследования. Вывод: Колонки нужны для кастрированного процесса разработки, где ни у кого нет ни компетенции, ни времени что бы правильно реализовывать продукт

[@user-dp4pj8go3v]

@@user-xm3dc9fo5h спасибо за подробный ответ! Это очень даже похоже на правду, про отсутствие времени

[@UPROCK]

Чаще всего верстальщик просто не умеет верстать по другому, так как последние 10 лет делает все на бутстрапе, но будет доказывать, что именно так и должно быть и все верно.

[@lildandy2839]

Я всегда делал по направляющим, сетку использую только для каталога и работы с карточками

[@UPROCK]

Салют! Всё верно, но пришлось уделить весомую часть лекции 12 колонкам, так как их неуместное использование является наиболее распространённой проблемой по теме

[@AlanaQwer]

нечестный пример с луной. если оставить черный фон то она везде плохо будет смотреться, что с колонками что без. выровнять луну без фона по колонкам тоже просто. вообще не поняла почему этому столько внимания. не считаю колонки врагом дизайна, а новичкам которые текст в колонке умудряются расставить змейкой так вообще полезным

[@UPROCK]

Салют! Когда мне не нужно привязываться к колонкам - могу не учитывать рамки фотографии) Я рассказывал про это. Но даже если я верну эти рамки в моём примере, то ситуация не изменится. Пересмотрите, пожалуйста, внимательно лекцию: я никого не назначаю врагами. Я даю людям возможность взглянуть на процесс создания дизайна по-новому. Как человек, который успешно обучает большое количество новичков - могу сказать, что лучше сразу учить актуальным вещам и не нагружать устаревшими правилами👍

[@bogdandvorzeckij]

С 1998 года в дизайне. Согласен с каждым словом.

[@Jollery]

Я училась на Яндекс.практикуме в 2023 году и там дрочат за эти 12 колонок. Меня они бесили, нужно подтягивать под них контент и уже не выглядит так эффектно, чистенько это да, но не вдохновляет. Обосновывают необходимостью фронтендера верстать проект. Обязательно все учат делать кратно базовой единице 4-8 px. Теперь понимаю, что я была права в направляющих и неправа в выборе школы. Сейчас специализируюсь на ux-аудитах. Приду к вам на курс, если есть отдельный UX mega hard😊😊

[@UPROCK]

Для сайтов не нужна кратность 4/8 это тоже пришло с бутстрапа и с мобильной разработки приложений. Я отношусь ко всему так: всему свое место, тащить правила из другой среды потому что там вроде это устоялось не рационально. По поводу ULTRA UX обратите внимание на курс мобильных приложений у нас www.school.uprock.ru/ux-mobile

[@misterdi3681]

Твсяча лайков!!

[@UPROCK]

Спасибо✨🙏

[@00plac00]

Революционер🫡 Очень здравый посыл и трезвая логика! Самого бесит это правило 12 колонок. Будет ли реакция консерваторов? Посмотрим)

[@UPROCK]

Спасибо) Очень рад, что попал в точку☺️

[@user-wy8md2yk6p]

Евгений, довольно классный вебинар. Очень полезен. Интересно, у меня, как дизайнера интерфейса в игровой сфере преобладает больше UX, чем UI. Всегда надо предоставить весь функционал максимально удобно и продумывать как именно пользователь будет пользоваться интерфейсом.

[@UPROCK]

Привет, расскажи, пожалуйста, для каких игр делаешь интерфейс.

[@RedoxarYT]

бля, я теперь на верстку стал смотреть по новому

[@UPROCK]

Это очень круто👍👍

[@1yoj13]

как программист говорю что да, мы можем сверстать что угодно, не сильно не ахуевайте) (творчески)

[@UPROCK]

Поверь я готовлю ребят так чтобы дизайн переиспользовал элементы, расстояния, пропорции и тд. Все аккуратно упаковано в стили, компоненты, варианты и тд. Так что можешь на меня рассчитывать, что могу для индустрии делаю.

[@user-ib4yo7bm5p]

Золотое сечение.. Правило Ахилеса😂

[@UPROCK]

Точно, у Ахиллеса же не было правил🤔

[@ShamanoffMichael]

давным давно уже перестал ими пользоваться. а что кто то ещё пользуется этим бутсрапом и колонками?

[@UPROCK]

Если посмотришь комментарии под этим видео, то еще много людей.

[@ShamanoffMichael]

@@UPROCK афигеть... ну ты молодец что записал такое видео... не думал что кто то ещё пользуется этим. вообще я помню когда они появились там была связка в общем то со старой идей вёрстки в типографиях газет и журналов. идея оттуда и это чисто полиграфический приём именно поэтому он не подходил изначально для веба. так как в типографии есть проблема и задача с ограниченным пространством. чего в вебе нет. и они взяли приём который в принципе не нужен был и не подходил и стали его популизировать. началось все ещё с такого сайта 960px кажется он назывался там были примеры вёрстки сайтов по сеткам ещё на 960px экраны. и вот пошло это в народ.. и бустрап и как его... ещё там был фреймворк один они все это разнесли как пиздец... я сам попал сначала в эту ловушку когда начинал дизайнить... но быстро очухался... но это было лет 15-20 назад...

[@bogdandvorzeckij]

Ян Чихольд в гробу наверное перевернулся 😂

[@UPROCK]

Думаете он был настолько эгоцентричен что теперь переворачивается во время любой дизайнерской лекции, не имеющей к нему отношения?)

[@bogdandvorzeckij]

@@UPROCK Думаю что он имеет как раз прямое отношение к сеткам и для чего они на самом деле существуют. Несчастный бутстрап просто воспользовался этими знаниями. Сегодняшний дизайнеры с сетками то работать не умеют, а вы им говорите - сетки не нужны. Малевич до того как квадрат нарисовать, рисовал в разных стилях и действительно умел это делать. Научите ребят работать по принципам, как достигнут в этом вершин, сами найдут свой ритм. Не стоит давать неокрепшим умам свободу.

[@UPROCK]

​@@bogdandvorzeckij Ян Чихольд даже не в курсе бутстрапа, 12-и колонок и адаптива для которых их изначально применяли. Пожалуйста, если хотите блеснуть эрудицией, то не мешайте соленое с кислым. Есть графический дизайн, там сетки более чем уместны и придуманы они были для этого носителя и основаны они на паттернах восприятия информации пользователем. Веб-среда имеет другой контекст и правила адаптируются уже под этот носитель. Нельзя взять переносить механизмы без адаптации в эту среду. "Научите ребят..." - я уже учу результативно тысячи людей без этих колонок, нет смысла давать людям морально устаревший материал. Вы оцениваете чужие умы неокрепшими, поэтому позволю встречно оценить ваш ум. Может быть все дело в том что он закостенелый и вам просто тяжело отказаться от неактуальной концепции? Поэтому вы не в кассу приводите Чихольда, Малевича, обобщаете, что современные дизайнеры не умеют работать, а вот раньше было то огогог, учите, как учить и тд. Без обид похоже на ворчание деда.

[@user-mc5bn8sw3t]

Так это бесит: не используйте "comic sans". прям мир рухнет от этого. Я когда-то(давно) проходила обучение и поставила этот шрифт в свой учебный сайт, потому что я видела, что он хорошо там смотрелся. И это лицо преподователя, до сих пор помню, какая же я непрофессиональная и не умею слушать и т. д. Зациклились все одновременно на какой-то х..не, простите. А важные вещи в дизайне пропускают. Сайт гавно, но без комик санса, конечно, мы ж дизайнеры.

[@UPROCK]

Салют, Юлия! Так и есть, мир полон стереотипов и инерции, бороться с этим всегда было крайне сложно🤔

[@nrmlnyi]

Комплимент бутерброд для автора: Полезная тема, но вас слушать невозможно, вы теряете слишком много, пока не можете связать двух слов. Пожалуйста почитайте книг любых просто для восстановления речи. Ваш контент может поменять индустрию, помогите себе в этом процессе. Или просто послушайте себя после стрима. Удачи вам, серьезно, и спасибо за знания.

[@UPROCK]

Привет, спасибо за пожелания, я все это делаю, но вроде нашел ту золотую середину с экспрессией и контентом. Более 27 000 просмотров полуторачасовой онлайн трансляции не дадут соврать.

[@danil-old-web]

Все что было в вебе после 2010 это треш. Такой дизайн страниц напоминает то, как будто CSS файлы еще не прогрузились. HTML таблицы топ, а ваши творения это отсутствие дизайна.

[@UPROCK]

Согласен, раньше и трава была зеленее.