Тёмный

Новая концепция сеток в UX/UI -дизайне💻 

UPROCK
Подписаться 84 тыс.
Просмотров 53 тыс.
50% 1

Опубликовано:

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 201   
@UPROCK
@UPROCK 3 месяца назад
🚀Получить доступ на сутки к платным материалам и забронировать скидку www.school.uprock.ru/sale-grids 🔥Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot ⚡Чат дизайнеров UPROCK t.me/uprock_chat
@yellowshoess2850
@yellowshoess2850 3 месяца назад
Чтобы не делать одинаковый сайдбар во всех интернет магазинах достаточно необходимую ему ширину положить в 13ую колонку, а 12 сместить в сторону для контента
@UPROCK
@UPROCK 3 месяца назад
@@yellowshoess2850 а что мелочиться, давай пусть будет 15 колонок, вместо одной направляющей и еще 12 колонок для сетки из 4х товаров в ряду, действительно почему нам недостаточно 4х колоночной сетки. Пересмотри, пожалуйста, лекцию, мне кажется ты все таки не понял мою главную мысль, что надо избавляться от сложностей, а не искать способ, как их обосновывать.
@АннаДронова-ж9ш
@АннаДронова-ж9ш 3 месяца назад
Орнула с момента «я ж 3 года по сеткам делал, что ж он за с*ка»🤣🤣 золотой фонд цитат
@UPROCK
@UPROCK 3 месяца назад
Постарался передать всю гамму эмоций реальной ситуации)
@Slavaru81
@Slavaru81 3 месяца назад
Как долго я ждал этого видео!)) Как меня эти колонки иногда бесили! Но ВСЕ говорили, что без колонок этих некуда, раз ты сделал без колонок, значит ты не профессионал!
@UPROCK
@UPROCK 3 месяца назад
Салют, Слава! Да, в этих областях нашей профессии, к сожалению, высокая инертность и с ней не так легко бороться
@RedMist33Rus
@RedMist33Rus 3 месяца назад
Работаем, работаем, 1к лайков всего для повторения материала!
@RedMist33Rus
@RedMist33Rus 3 месяца назад
Молодцы! Как всегда справились 😊
@viktoriyapluschikova3353
@viktoriyapluschikova3353 3 месяца назад
Евгений, спасибо Вам за лекцию! меня учили 12 колонкам, но они реально, порой, подбешивают, нужно больше усилий прилагать, чтоб всё на них классно ложилось, а отступиться от этого, как начинашке, страшновато. Ваш разбор - прямо гора с плеч) уже занималась по Вашим видосам с направляющими и буду дальше ломать сетку во имя сочной композиции)
@UPROCK
@UPROCK 3 месяца назад
Салют, Виктория! Всегда пожалуйста, рад, что видео оказалось для Вас полезным☺️
@olgakozlova1981
@olgakozlova1981 3 месяца назад
Женя, а я боюсь без 12 колонок - использую как шпаргалку больше, но ориентируюсь на силовую) Следующий проект буду пробовать без них) Они и вправду сковывают - так бесит, когда что-то не умещается в заданную ширину, и ты думаешь что если увеличишь, то все сломаешь)) Мои чувства описал точь-в-точь)
@UPROCK
@UPROCK 3 месяца назад
Салют, Ольга! Рад, что лекция помогла) Всё верно, шпаргалка должна быть такой чтобы увеличивать количество доступных действий, а не уменьшать😉
@andreybaykovv
@andreybaykovv 3 месяца назад
@@bogdandvorzeckij тут речь не о 12 колонках, а если чтото не уместилось в 2 колонки и нужно сделать 2.5 колонки что уже не так перфекционистично
@pavelmelnik9952
@pavelmelnik9952 3 месяца назад
Я фронтенд разработчик. Иногда поглядываю ваш канал и вообще, читаю дизайнерский дайджест что бы быть в курсе дел хотя ты в минимальном приближении. Я полностью поддерживаю сказаное в видео. Сетка уже морально устарела. Быстрее бы это все поняли и намотали на подкорку. В последние года 2 я расстраиваюсь, когда вижу в макете сетку. На нашем продукте мы от нее отказались.
@UPROCK
@UPROCK 3 месяца назад
Спасибо большое за ваш комментарий, Павел👍👍
@olgakozlova1981
@olgakozlova1981 3 месяца назад
Повангую :-). Рынок очистится со временем - останутся лучшие и Апрок непременно будет в списке первых. При таком подходе - это просто неизбежно. Конкуренции меньше - цена на курс выше. Так что самое время брать курс сейчас, пока не началось)
@UPROCK
@UPROCK 3 месяца назад
Я все делаю для этого, дело времени.
@RodHord
@RodHord 3 месяца назад
В вёрстке сетки реализуются с помощью css grid и css flex свойств. С помощью какого css свойства реализуют "направляющие"? Я понимаю что направляющие можно реализовать с помощью визуала, правильно выстроить блоки, что бы они вместе создавали ту самую линию. Но тут ты изменяешь размер окна и блоки съезжают. Используя сетки - блоки всегда идут по рядкам, адаптация под разные экраны не сложно реализуется. Как подобный функционал реализовать, когда сетки нет, а есть только визуальные направляющие? Я над этим не долго думал, но в данный момент вижу достаточно сложный процесс адаптации, где вам нужно собрать точную инфу о размерах экранов потенциальных пользователей и заточить статичный, +- резиновый, дизайн именно под популярные разрешения экранов. ( Сложен он именно для заказчика, который не разбирается во всём этом, ему нет дела до каких то там исследований, ему нужно быстрее результат ). В кейсах где заказчик адекватный и процесс разработки не кастрирован - вопросов нет.
@UPROCK
@UPROCK 3 месяца назад
Вот вы накрутили на вполне простой задаче)) У меня такое ощущение, что я действительно открываю Америку на такой банальной теме. Уточните, вы верстальщик? Сейчас резиновую верстку почти нигде не делают. Проанализируйте сами адаптивы сайтов, возьмите для примере штук 20-30. Почти везде страницы статичные и перестраиваются на брекпоинтах, в редких случаях резина для пустых пространств или в каталоге увеличивается количество рядов за счет этого резина.
@art.kornilov
@art.kornilov 3 месяца назад
Я вам советую проинспектировать сайты с нестандартной сеткой у топ студий (например AVA), вы удивитесь на что способен CSS, причём ванильный.
@IlyaTakov
@IlyaTakov 3 месяца назад
Напрвляющие это теже гриды или просто ширина дивов )))
@maksim.mukharev
@maksim.mukharev 3 месяца назад
​@@UPROCK практика именно такая, с адаптивом очень сложно работать именно в рамках всего цикла разработки. При этом, адаптивную верстку можно считать высшим мастерством, которое доступно не каждой команде.
@roman_osypenko
@roman_osypenko 2 месяца назад
@@UPROCK Жень ты не ответил на основной вопрос по поводу css grid и css flex, и этот момент по идее должен был быть освещен в видео достаточно хорошо, так как как это по сути основной момент. Я хоть и поддерживаю такую концепцию и сам не только проектирую но и верстаю, но не понимаю как верстать направляющие? Как это систематизировать?
@SeregaLP
@SeregaLP 3 месяца назад
нет слов просто))) я давно интересовался дизайном UX и вот начал немного глубже его касаться, но везде что то мне не нравилось))) посмотрев это видео я понял что!!! мне не нравятся ограничения вездесущие с этими 12 колонками. Я так и думал что главное это композиция и правильно выбранные направляющие! Еще приятно то, что это моё первое видео на просторах youtube, где сразу понятно что для автора UX это не просто сочетание букв P.S. пардон за много букв)
@UPROCK
@UPROCK 3 месяца назад
Салют, Сергей! Спасибо большое, что поделились🙏👍 Очень рад, что лекция Вам помогла)
@Romanov_SD
@Romanov_SD 3 месяца назад
Женя, спасибо за классный вебинар. Просто пушка 💥
@UPROCK
@UPROCK 3 месяца назад
Всегда пожалуйста, Сергей👍⚡️
@Cape_Hope
@Cape_Hope 3 месяца назад
В каждом видео, которое смотрела на эту тему, обязательно упоминалось про 12 колонок. Не раз задумывалась: «А точно ли это нужно, ведь иногда кажется бесполезным?» Чувствовала свою некомпетентность из-за таких мыслей, ведь если говорят многие и куда более опытные, значит надо. А оказалось, что не всегда это так необходимо) Спасибо, Евгений - начинаю снова доверять собственному чувству и насмотренности)
@Cape_Hope
@Cape_Hope 3 месяца назад
@@bogdandvorzeckij Имелось ввиду, что это не железобетонное правило и не обязательно себя этим ограничивать. К сожалению, не все так считают и загоняют часто в рамки, которые потом боишься нарушить, особенно в процессе обучения, когда задаешь вопросы, а тебе отвечают: «Потому что так надо»
@UPROCK
@UPROCK 3 месяца назад
"Потому что дизайн упорядочивает смыслы, упрощает для восприятия, создаёт ритмику, иерархию смыслов." - жаль что пользователь не видит эти смыслы. Вы можете предположить, что вы консерватор, который не может просто перестроиться?
@UPROCK
@UPROCK 3 месяца назад
@@bogdandvorzeckij вы смотрели лекцию? Зрители подтвердили, что пользователь не видит эти 12 колонок. Вы просто привыкли к ним, вот и защищаете. Вобщем, пересмотрите, пожалуйста, лекцию, и попробуйте выйти за рамки привычных 12-и колонок
@doctortt5060
@doctortt5060 3 месяца назад
Вообще не дизайнер, и даже не программист. Никакой. Но почему блин так все это интересно? Какого хрена Ютуб мне подсвечивает эти видео уже сколь раз?
@UPROCK
@UPROCK 3 месяца назад
Привет, я стараюсь сделать шоу. Это такой вызов, рассказать скучную информацию интересно. Если бы у меня преподаватели имели бы такую мотивацию, то многое было бы по другому.
@YanasChanell
@YanasChanell 3 месяца назад
Даже не представляла, что дизайнеры до сих пор привязаны к 12 колонкам. Я фронтендер с 2000 года (с перерывами, но не важно), тогда еще и слова такого не было. Бутстрап с 12 колонками для меня остался где-то в середине десятых, несмотря на то, что поддерживаю сайт, в основе которого лежит третий бутстрап в качестве легаси кода, от которого тяжело избавиться, но даже и там мы уже давно не пользуемся двенадцатиколоночной системой. Современный CSS настолько гибок, а экраны настолько разные, что смысла нет делать контент насколько-то колонок. Тексты должны быть нормально читаемы, то есть ширина их должна быть 60-75 ch, а не сколько-то колонок. Куча свойств в css сейчас крутится вокруг минимальных и максимальных значений. На одном экране умещается 5 карточек товаров, на экране поуже - 4, а на мелких мобилах вообще всего одна, тут главное чтобы нужная инфа помещалась и нормально читалась. Так что да, жесткими колонками никто не думает во фронтенде.
@UPROCK
@UPROCK 3 месяца назад
Салют, Яна! Спасибо большое за ваше развёрнутое и подробное экспертное подтверждение🙏👍
@denpol9956
@denpol9956 3 месяца назад
Почитал комменты - никто не написал про магическое число 12, для чего оно вообще пригодилось тем кто работал с версткой в 2010 и раньше. В css флексы только начали появляться в 2009 (первый релиз 23 07 2009 - до поддержки всеми браузерами было еще далеко), до этого момента твиттер уже имели бэст прэктис в этом вопрсе, и решили опубликовать их в виде бутстрап - и оно тогда действительно показалось удобным, т.к. 12 делится без остатка на 1,2,3,4,6,12. Но позже в css появились флексы и гриды, но принцип разделения на колонки [и сетки в современной верстке] остался (не обязательно на 12, а на сколько угодно, теперь можно в процентах, фракциях и т.д. - теперь это легко описывается через css без привязки к числу 12). Я думаю, об этом в курсе все, кто не юзает бутстрап сегодня.
@UPROCK
@UPROCK 3 месяца назад
Салют! Спасибо большое за это дополнение👍👍
@НатальяЯна-г5и
@НатальяЯна-г5и 3 месяца назад
Больше спасибо! Информация ценная! Действительно, по сеткам я находила только базовую инфу, а нюансы мало кто рассказывает (а может плохо искала). Столкнулась со сложностями 12-к.сетки на курсе по креативной верстке. Интуитивно стала работать по силовым линиям. И по процессам теперь больше понимания. "Крутить-вертеть, пока не получиться" - 🎯 💥😁 СПАСИБО! 🤝💓
@UPROCK
@UPROCK 3 месяца назад
Спасибо за доверие и за вашу историю, Наталья👍 Очень рад, что лекция Вам помогла☺️
@mariaskvortsova2399
@mariaskvortsova2399 Месяц назад
Большое спасибо за это видео и в целом за ваш канал, сайт и всë, что вы делаете. Очень круто, что вы пропускаете дизайн через голову, задаваясь вопросами зачем и почему. А когда я увидела, что вы позвали Дубынина с лекцией, это ваще прям шах и мат) Желаю вам всяческих творческих успехов, незамедленного ютуба и креативных учеников.
@UPROCK
@UPROCK Месяц назад
Спасибо большое, что отметили эти моменты, Мария! 👍🙏
@ЮлияБардина-щ8ф
@ЮлияБардина-щ8ф 3 месяца назад
У меня муж верстальщик и он мне тоже иногда говорит про сетки😅Видимо у них в компании работают по олдскулу)) Он у меня не консерватор в этом плане, но говорит так реально удобнее верстать (но думаю сможет и без нее, только разобраться как и всё). Мне самой иногда нравится, когда всё по сетке, в каких-то случаях она прямо уместна (у перфекционистов будет оргазм глаз🤣), а где-то ее действительно хочется нарушить. Я думаю, что должна быть какая-то золотая середина, не совсем открещиваться от сетки, а использовать её во благо, когда она действительно нужна. Ну и конечно же клиенту всё это аргументировать) Чтобы он тоже мхом не покрывался, а видел внедренные в его продукт тренды. Как обычно спасибо за лекцию❤Всё доступно и понятно. Использование мата на уровне "мэтр" 🤣👍
@UPROCK
@UPROCK 3 месяца назад
Спасибо за развёрнутый комментарий, Юлия, всё верно, 12 колонок могут пригодиться и в лекции я упоминал где это будет уместно. Но она не может быть универсальным решением, так как давно устарела и утратила актуальность
@krosss8471
@krosss8471 3 месяца назад
Дизайнер, конечно, талантливый, но как же бестолково излагает. Мысль бросает на середине, не договаривая, потом забывает, что хорошо бы вернуться.
@UPROCK
@UPROCK 3 месяца назад
Привет, думаю со второго видео втянетесь)
@krosss8471
@krosss8471 3 месяца назад
Да, не дай Бог!! )))))
@UPROCK
@UPROCK 3 месяца назад
@@krosss8471 забыли перекреститься) для вас у меня есть полезные тик токи или предзаписанные видео.
@LilitO-yl5rs
@LilitO-yl5rs 2 месяца назад
⁠@@UPROCK а для меня одно удовольствие слушать, все понятно и интересно. Вообще канал находка и Евгений тоже находка
@Pelenev1
@Pelenev1 Месяц назад
А ты как думал?) бесплатно на ютубе тебе расскажут как нужно, а как не нужно делать? 😅
@antonkalmysh3396
@antonkalmysh3396 2 месяца назад
Спасибо больше, что поделился! Очень интересно было слушать/ смотреть. Вопрос: Как с такими сетками делать адаптивный дизайн. Больше половины польователей (не всегда, но часто это так) заходят на сайт через мобилу.
@UPROCK
@UPROCK 2 месяца назад
Всегда пожалуйста, Антон! С адаптивами нет ничего сложного, у меня есть отдельное видео в котором я заострял на этом внимание ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9cCZ1Is7viE.htmlsi=BsNIki1ag-aRispk а так в каждом разборе какого-то проекта я стараюсь показывать адаптивы. Можно также посмотреть кейсы студентов на www.behance.net/uprockclan
@АнтонЛебидь-ь2о
@АнтонЛебидь-ь2о 2 месяца назад
Моё мнение, что учат сетке просто чтобы у молодых неопытных дизайнеров сформировалась система расположения на макете, когда освоишь 12 колоночную верстку потом легко перейти и на 6 или 4 колонки или вообще без колонок
@UPROCK
@UPROCK 2 месяца назад
А мое мнение, что так учат, потому что сами не могут переучиться и учат этому других. В видео я подробно объяснил, откуда появились эти 12 колонок и почему в них нет практической пользы в 2024.
@kulmarsdigital8567
@kulmarsdigital8567 3 месяца назад
Огромное спасибо за лекцию. Вы сделали меня свободным от этих с(т)раных сеток)
@UPROCK
@UPROCK 3 месяца назад
Всегда пожалуйста)😄
@psychea9902
@psychea9902 3 месяца назад
Спасибо большое за Ваш труд и ролики!
@UPROCK
@UPROCK 3 месяца назад
Пожалуйста☺️
@antonfedotov6125
@antonfedotov6125 3 месяца назад
Всё это верно, конечно, что вы говорите, Евгений. Но дело в цене разработки ещё. Я однажды показал знакомому разрабу вордпресс один из ваших проектов.. Он мне сказал что верстка подобной сетки будет в 3 раза дороже чем по обычной ровной сетке, т.к. при адаптиве всё нужно переверстывать кастомно. (В частности, на вордпресс, есть такая фишка как перестроение колонок одна под другой при адаптиве.)
@UPROCK
@UPROCK 2 месяца назад
Салют, Антон! Лично я не сталкивался с увеличением стоимости разработки и никто из разработчиков в чате трансляции и в комментариях об этом не упоминал. Но если ваш знакомый может увеличивать за счёт этого свой ценник - он молодец)
@daniel_black_vrode
@daniel_black_vrode 3 месяца назад
Как при полном уходе от колонок реализовать адаптивы и переход на мобильную версию? Как это передать разработчикам? Вопрос реальный, буду благодарен ответу. Для каждого элемента прописывать поведение резиновости? Полностью пересобирать/перепридумывать макеты под каждое разрешение?
@UPROCK
@UPROCK 3 месяца назад
Привет, сейчас нет необходимости привязывать элементы к колонкам для адаптива, дизайн полностью перерисовывается на брекпоинтах, при необходимости даже элементы могут меняться. 12 колонок - это рудимент в дизайне.
@vlada3236
@vlada3236 Месяц назад
Колонки нужны в первую очередь для аккуратного респонсива без дополнительной самостоятельной проработки отдельных экранов. Если вам не лень отрисовывать все брейкпоинты, а разработчикам их верстать, то можно и без колонок, конечно. Но опять, одно дело лендинги с минимумом компонентов, а другое админки, сложные дашборды, в которых для каждого пользователя разое количество символов и элементов и без сетки все просто свалится в хаос. Дальше, пример с кнопкой вообще некорректный на 19:20 - в данном случае ваше решение увеличить кнопку не противоречит сеткам, она просто будет выровнена по центру 4 центральных колонок и гибко менять ширину в зависимости от длины текста. Вообще, все эти сетки нужны для новичков в первую очередь и сложных интерфейсов, чтобы макет не разъезжался от разных правил для одних и тех же элементов. Если вы делаете лендинги и вы хаотичную композицию можете сделать аккуратно, то молодцы, но это не касается новичков и продолжающих. И наконец, сетки это не только Boolstrad, вы можете сделать свою любую сетку, но все равно это будет сетка.
@UPROCK
@UPROCK Месяц назад
Привет, по хорошему всегда нужно рисовать все брекпоинты, дешевле нарисовать нормально адаптивы и не иметь проблем с версткой, чем то как вы предложили. По остальному такая же логика.
@Nata_Nataria
@Nata_Nataria 3 месяца назад
Только закончила учебу, где рассказывали про сетку в 12 колонок, что "удобно, практично, так надо", а тут - такооееее! Женя, ну что же ты делаешь)) ломаешь всю схему 😁 И конечно, ты прав на все 1000%! Когда не привязываешься к рамкам, то и креатива больше, и оригинальности.
@UPROCK
@UPROCK 3 месяца назад
Салют! Спасибо большое, что поделились) Рад, что моя лекция Вас убедила☺️
@allo_Alen
@allo_Alen 3 месяца назад
Спасибо за эфир👍🏿
@UPROCK
@UPROCK 3 месяца назад
Пожалуйста, Алёна☺️
@АнтонСорокин-ц4т
@АнтонСорокин-ц4т 3 месяца назад
Евгений, довольно классный вебинар. Очень полезен. Интересно, у меня, как дизайнера интерфейса в игровой сфере преобладает больше UX, чем UI. Всегда надо предоставить весь функционал максимально удобно и продумывать как именно пользователь будет пользоваться интерфейсом.
@UPROCK
@UPROCK 3 месяца назад
Привет, расскажи, пожалуйста, для каких игр делаешь интерфейс.
@Yakovlevsky-mj7sk
@Yakovlevsky-mj7sk 3 месяца назад
Спасибо! Интересно очень
@UPROCK
@UPROCK 3 месяца назад
Салют! Всегда пожалуйста)
@gym_shark-k3u
@gym_shark-k3u 3 месяца назад
очень полезно,спасибо большое
@UPROCK
@UPROCK 3 месяца назад
Пожалуйста, очень рад👍
@zemlyaknorge
@zemlyaknorge 2 месяца назад
Мне кажется, когда ты делаешь сайт с карточками (магазин или туры, отели) тебе необходимо 12 колоночная система. Когда мы говорим о сайте для фотографа или ресторана и т.д что то фешн фешн тогда можно и даже нужно отойти от этого формата
@UPROCK
@UPROCK 2 месяца назад
привет, для массива карточек не обязательно себя ограничивать вариантом использования только 12-и колонок, например у тебя 5 или 7 колонок это самое удачное расположение контента, а мы себя искусствено ограничиваем только кратностью на 2,3 и 4
@irinatostanovskaya3717
@irinatostanovskaya3717 2 месяца назад
Можно ссылку на проект SELENE loft location? Что-то не нашла на Behance. Благодарю!!!
@UPROCK
@UPROCK 2 месяца назад
Салют! На данный момент работа над этим кейсом ещё не завершена) Следите за обновлениями!
@selenasova
@selenasova 3 месяца назад
Как такой оригинальный дизайн перенести на мобилку, в основном трафик сейчас там? Сделайте, пожалуйста, на эту тему трансляцию.
@UPROCK
@UPROCK 3 месяца назад
Здравствуйте, Елена! Посмотрите, пожалуйста, вот это видео ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9cCZ1Is7viE.htmlsi=p2fVz9a83Rl8OyRV на канале есть ещё примеры отрисовки проектов в которых показывается адаптив, можете убедиться, что ничего сложного в этом нет. Откуда информация о том, что не социалки и приложения, а именно сайты посещаются только с мобилок, я не знаю)
@deepouterspace
@deepouterspace 3 месяца назад
Дотянем до 1000 лайков, чуть-чуть осталось! 🔥
@UPROCK
@UPROCK 3 месяца назад
Спасибо за поддержку✨
@sergeyezhov2469
@sergeyezhov2469 2 месяца назад
Мне немного странным показались негодования "дизайнера" где-то на 20 минуте, когда речь зашла о ширине кнопки. Это ведь один элемент в строке и он по центру! Какая разница, по сетке он или нет? Будь там две кнопки, еще можно было бы говорить о чем-то (и то скорее волновало бы расстояние между ними). А в остальном да, хорошо слышать про отсутствие острой необходимости привязываться к этим сеткам. Системы отступов достаточно.
@UPROCK
@UPROCK 2 месяца назад
Привет, уточни, пожалуйста, о каком негодовании говоришь. Глобально мне все равно какой размер кнопок, если он уместен нормой акцента, необходимости привязывать к колонкам их не вижу.
@sergeyezhov2469
@sergeyezhov2469 2 месяца назад
@UPROCK 20:25 - 20:33: "Я же всю ночь выравнивал... А вы не можете ему объяснить, что тут 12 колонок". Я вот про это.
@UPROCK
@UPROCK 2 месяца назад
Салют, Сергей! Пересмотрите, пожалуйста, этот отрывок, именно об этом и идёт речь: я негодую, почему мы обязательно должны быть привязаны к устаревшей системе колонок и не можем задать кнопке тот размер, которого от нас требует контекст
@sergeyezhov2469
@sergeyezhov2469 2 месяца назад
@@UPROCK да-да, это я понял, что вы негодуете)) я тоже негодую, но скорее с того, что у кого-то возникает мысль об обязательной привязке одного элемента в строке к сетке. Вот, что я имею в виду.
@UPROCK
@UPROCK 2 месяца назад
@@sergeyezhov2469 тогда мы вместе негодуем по одному поводу)
@hackersclubru
@hackersclubru 2 месяца назад
История шведского дизайна не начинается с Twitter Bootstrap. Она примерно на век-полтора старше. Сорри =)
@UPROCK
@UPROCK 2 месяца назад
Сложно спорить с человеком, который не вникает в твои аргументы.
@hackersclubru
@hackersclubru 2 месяца назад
@@UPROCK в какие аргументы? Вы про исторические факты? Баухаус?
@SeregaLP
@SeregaLP 3 месяца назад
по качеству и ценности 15 из 10)
@UPROCK
@UPROCK 3 месяца назад
Супер! Спасибо большое⚡️
@sleepspacepiece
@sleepspacepiece 3 месяца назад
Благодарю)
@UPROCK
@UPROCK 3 месяца назад
Всегда пожалуйста👍
@lildandy2839
@lildandy2839 3 месяца назад
Я всегда делал по направляющим, сетку использую только для каталога и работы с карточками
@UPROCK
@UPROCK 3 месяца назад
Салют! Всё верно, но пришлось уделить весомую часть лекции 12 колонкам, так как их неуместное использование является наиболее распространённой проблемой по теме
@DD-yv3tt
@DD-yv3tt 3 месяца назад
Давайте добьем 2к лайков!!
@UPROCK
@UPROCK 3 месяца назад
Спасибо за такую поддержку✊
@DD-yv3tt
@DD-yv3tt 3 месяца назад
@@UPROCK и вам за такие полезные лекции!
@ЮлияАрхип
@ЮлияАрхип 3 месяца назад
Так это бесит: не используйте "comic sans". прям мир рухнет от этого. Я когда-то(давно) проходила обучение и поставила этот шрифт в свой учебный сайт, потому что я видела, что он хорошо там смотрелся. И это лицо преподователя, до сих пор помню, какая же я непрофессиональная и не умею слушать и т. д. Зациклились все одновременно на какой-то х..не, простите. А важные вещи в дизайне пропускают. Сайт гавно, но без комик санса, конечно, мы ж дизайнеры.
@UPROCK
@UPROCK 3 месяца назад
Салют, Юлия! Так и есть, мир полон стереотипов и инерции, бороться с этим всегда было крайне сложно🤔
@webmechanic-kz
@webmechanic-kz 3 месяца назад
Я веб разработчик без сетки можно для этого используются flex box и гриды )
@UPROCK
@UPROCK 3 месяца назад
Спасибо за комментарий👍👍
@Анастасия-л3н6е
@Анастасия-л3н6е 3 месяца назад
Давно об этом думаю и переодически делаю просто по композиции. Но что делать, если верстальщик с которым ты работаешь, сопротивляется и вечно пытается тыкать этими сраными колонками?
@RodHord
@RodHord 3 месяца назад
Колонки ускоряют процесс разработки и облегчают адаптацию дизайна под разные разрешения. Есть вероятность что разработчику попросту не выделили достаточно времени на адаптацию. Если делаешь дизайн по композиции - этот процесс нужно согласовывать с менеджером. Если дизайн сделан по колонкам - хватает сделать дизайн для desktop и остальные разрешения достаточно интуитивно адаптируются без участия дизайнера. Если дизайн по композиции - есть вероятность того что только дизайнер сможет правильно адаптировать его под разные разрешения устройств. А значит это то, что нужно проводить исследования того, какие разрешения устройств популярнее всего у потенциальных пользователей и делать дизайн строго опираясь на исследования. Вывод: Колонки нужны для кастрированного процесса разработки, где ни у кого нет ни компетенции, ни времени что бы правильно реализовывать продукт
@Анастасия-л3н6е
@Анастасия-л3н6е 3 месяца назад
@@RodHord спасибо за подробный ответ! Это очень даже похоже на правду, про отсутствие времени
@UPROCK
@UPROCK 3 месяца назад
Чаще всего верстальщик просто не умеет верстать по другому, так как последние 10 лет делает все на бутстрапе, но будет доказывать, что именно так и должно быть и все верно.
@Falko-v
@Falko-v 3 месяца назад
Если вы создали что-то не по правилам, но это выглядит круто, то значит вы создали новые парила )
@UPROCK
@UPROCK 3 месяца назад
Ну это не всегда так работает, но звучит отлично👍👍
@0000pik
@0000pik 2 месяца назад
82к просмотров 3.2 к лайков за рил хорошую инфу супер странно
@UPROCK
@UPROCK 2 месяца назад
Салют! 82к это подписчиков на канале, на данный момент у лекции 45к просмотров и 3.2к лайков это маловато конечно, согласен, но в среднем для такого узконаправленного контента приемлемо)
@nrmlnyi
@nrmlnyi 3 месяца назад
Комплимент бутерброд для автора: Полезная тема, но вас слушать невозможно, вы теряете слишком много, пока не можете связать двух слов. Пожалуйста почитайте книг любых просто для восстановления речи. Ваш контент может поменять индустрию, помогите себе в этом процессе. Или просто послушайте себя после стрима. Удачи вам, серьезно, и спасибо за знания.
@UPROCK
@UPROCK 3 месяца назад
Привет, спасибо за пожелания, я все это делаю, но вроде нашел ту золотую середину с экспрессией и контентом. Более 27 000 просмотров полуторачасовой онлайн трансляции не дадут соврать.
@RedoxarYT
@RedoxarYT 3 месяца назад
бля, я теперь на верстку стал смотреть по новому
@UPROCK
@UPROCK 3 месяца назад
Это очень круто👍👍
@DimaSemenoff
@DimaSemenoff 2 месяца назад
Информация нужная. Спасибо! Но слушать сложно.
@UPROCK
@UPROCK 2 месяца назад
Салют, Дмитрий! Всегда пожалуйста👍 А в чём сложность?
@DimaSemenoff
@DimaSemenoff 2 месяца назад
@@UPROCK Вы запинаетесь и скачете. Начинаете предложение, тему и вдруг...запинаетесь и продолжаете опять, но о другом.... Надеюсь вы не обижаетесь на критику. Материал даете очень хороший. Но речь надо ставить.
@misterdi3681
@misterdi3681 3 месяца назад
Твсяча лайков!!
@UPROCK
@UPROCK 3 месяца назад
Спасибо✨🙏
@yaoleynikov
@yaoleynikov 2 месяца назад
на 4:10 - что не так?
@UPROCK
@UPROCK 2 месяца назад
Салют, Ярослав! Уточните пожалуйста, в чём состоит вопрос?
@yaoleynikov
@yaoleynikov 2 месяца назад
@@UPROCK в размещении экранов в mockup без статусбара. Сайтов на макбуках без интерфейса браузера) Ну это наверное не важно, не по теме, но глаз дернуло)
@22cryptocoin
@22cryptocoin 2 месяца назад
Обучайте ?
@UPROCK
@UPROCK 2 месяца назад
Будем✊
@Чучо-э4х
@Чучо-э4х Месяц назад
Не, бро, хорош про 12 колонок, понял я понял уже на 10 минуте.
@UPROCK
@UPROCK Месяц назад
В этом и сложность, сохранять баланс, когда кто-то понял за 10 минут, а кому-то понимание только начинает приходить через 10 лет)
@Чучо-э4х
@Чучо-э4х Месяц назад
@@UPROCK Ты в общем то прав вдалбливать надо некоторым по 100 раз. по работе своей знаю. Извини, если, что не так
@КамиллаМилованова
@КамиллаМилованова 3 месяца назад
Половина успеха автора, видимо, в его умении смачно материться на весь Ютьюб. Зачем уважать себя и других? Матюкнулся- значит, 100% правду говорит... Такая логика? Как же это отвратительно!
@UPROCK
@UPROCK 3 месяца назад
Работает же?)
@00plac00
@00plac00 3 месяца назад
Революционер🫡 Очень здравый посыл и трезвая логика! Самого бесит это правило 12 колонок. Будет ли реакция консерваторов? Посмотрим)
@UPROCK
@UPROCK 3 месяца назад
Спасибо) Очень рад, что попал в точку☺️
@ShamanoffMichael
@ShamanoffMichael 3 месяца назад
давным давно уже перестал ими пользоваться. а что кто то ещё пользуется этим бутсрапом и колонками?
@UPROCK
@UPROCK 3 месяца назад
Если посмотришь комментарии под этим видео, то еще много людей.
@ShamanoffMichael
@ShamanoffMichael 3 месяца назад
@@UPROCK афигеть... ну ты молодец что записал такое видео... не думал что кто то ещё пользуется этим. вообще я помню когда они появились там была связка в общем то со старой идей вёрстки в типографиях газет и журналов. идея оттуда и это чисто полиграфический приём именно поэтому он не подходил изначально для веба. так как в типографии есть проблема и задача с ограниченным пространством. чего в вебе нет. и они взяли приём который в принципе не нужен был и не подходил и стали его популизировать. началось все ещё с такого сайта 960px кажется он назывался там были примеры вёрстки сайтов по сеткам ещё на 960px экраны. и вот пошло это в народ.. и бустрап и как его... ещё там был фреймворк один они все это разнесли как пиздец... я сам попал сначала в эту ловушку когда начинал дизайнить... но быстро очухался... но это было лет 15-20 назад...
@ДмитрийДремов-я3ч
@ДмитрийДремов-я3ч 3 месяца назад
Золотое сечение.. Правило Ахилеса😂
@UPROCK
@UPROCK 3 месяца назад
Точно, у Ахиллеса же не было правил🤔
@Jollery
@Jollery 3 месяца назад
Я училась на Яндекс.практикуме в 2023 году и там дрочат за эти 12 колонок. Меня они бесили, нужно подтягивать под них контент и уже не выглядит так эффектно, чистенько это да, но не вдохновляет. Обосновывают необходимостью фронтендера верстать проект. Обязательно все учат делать кратно базовой единице 4-8 px. Теперь понимаю, что я была права в направляющих и неправа в выборе школы. Сейчас специализируюсь на ux-аудитах. Приду к вам на курс, если есть отдельный UX mega hard😊😊
@UPROCK
@UPROCK 3 месяца назад
Для сайтов не нужна кратность 4/8 это тоже пришло с бутстрапа и с мобильной разработки приложений. Я отношусь ко всему так: всему свое место, тащить правила из другой среды потому что там вроде это устоялось не рационально. По поводу ULTRA UX обратите внимание на курс мобильных приложений у нас www.school.uprock.ru/ux-mobile
@susipusy
@susipusy 2 месяца назад
Сам себя не похвалишь, никто не похвалит. А топовый дизайнер действительно будет 5 минут петь себе дифирамбы в начале видео?
@UPROCK
@UPROCK 2 месяца назад
Привет, это стандартная часть презентации и знакомство спикера с аудиторией, чтобы они понимали уровень экспертизы человека. Если тебя беспокоят такие базовые вещи, то специально для тебя сделали таймкоды.
@danil-old-web
@danil-old-web 3 месяца назад
Все что было в вебе после 2010 это треш. Такой дизайн страниц напоминает то, как будто CSS файлы еще не прогрузились. HTML таблицы топ, а ваши творения это отсутствие дизайна.
@UPROCK
@UPROCK 3 месяца назад
Согласен, раньше и трава была зеленее.
@kan1811
@kan1811 2 месяца назад
Представляю ликование начинающих дизайнеров, которым сказали, что сетку отменили) Только через год-два им всё равно придется вернуться к сетке, так как без нее их контент продолжит визуально разваливаться и сыпаться, так как нельзя научиться ходить, не научившись перед этим ползать. Проблема в том, что большое количество "преподавателей" не знают и не умеют объяснять, что такое сетка и как с ней работать. Потому что сами в начале своего роста скипнули эту область, не захотев в ней разбираться.
@UPROCK
@UPROCK 2 месяца назад
Уверен, ты особенный и только ты знаешь, как правильно, дерзай учи людей, ты выше того чтобы терять свое время в комментариях.
@kan1811
@kan1811 2 месяца назад
@@UPROCK Спасибо за то, что потратили время на ответ такому "неособенному" мне, это даже льстит. А людей я уже учил, так как педагог по профессии, поэтому немного в теме разбираюсь. А тон вашего ответа характерен в целом, наступил на больную мозоль?)) Не надо так, это всего лишь сетки)
@UPROCK
@UPROCK 2 месяца назад
@@kan1811 круто, что вы еще психолог и слышите мою тональность через текст.
@katerinazeliantsova8437
@katerinazeliantsova8437 3 месяца назад
Очень импонирует ваша подача. Идеальный пример опытного дизайн мышления! Спасибо! ❤
@UPROCK
@UPROCK 3 месяца назад
Очень рад, Катерина) Пожалуйста☺️
@AlanaQwer
@AlanaQwer 3 месяца назад
нечестный пример с луной. если оставить черный фон то она везде плохо будет смотреться, что с колонками что без. выровнять луну без фона по колонкам тоже просто. вообще не поняла почему этому столько внимания. не считаю колонки врагом дизайна, а новичкам которые текст в колонке умудряются расставить змейкой так вообще полезным
@UPROCK
@UPROCK 3 месяца назад
Салют! Когда мне не нужно привязываться к колонкам - могу не учитывать рамки фотографии) Я рассказывал про это. Но даже если я верну эти рамки в моём примере, то ситуация не изменится. Пересмотрите, пожалуйста, внимательно лекцию: я никого не назначаю врагами. Я даю людям возможность взглянуть на процесс создания дизайна по-новому. Как человек, который успешно обучает большое количество новичков - могу сказать, что лучше сразу учить актуальным вещам и не нагружать устаревшими правилами👍
@meg3658
@meg3658 2 месяца назад
Вот Евгений, опять обманул, обещал что будет материться, и ни одного мата....
@UPROCK
@UPROCK 2 месяца назад
Вот ведь, негодяй!)
@alsu891-v6e
@alsu891-v6e 3 месяца назад
я не веб-дизайнер, просто смотрю несколько каналов на эту тему, очень интересно. И когда смотрела дизайны сайтов, подумала, что 12и колоночную систему используют для того, чтобы макет было легче переделывать под планшетные и мобильные форматы, где уже сокращают до 2-3 колонок. и тут будто в основном и рассматривались только дизайны сайтов на пк. И я задумывалась, а как же оно на телефоне будет выглядеть? Неужели там блоки с чистого листа надо будет компоновать, не оглядываясь на широкий формат.
@UPROCK
@UPROCK 3 месяца назад
Действительно, бутстрап изначально был придуман именно с этой целью. Но на текущий момент нет технической необходимости привязывать всё в одном разрешении к логике другого разрешения. Сейчас можно даже добавлять и убирать отдельные элементы в адаптивах, в зависимости от необходимости их наличия для пользователяна том или ином устройстве.
@vick4692
@vick4692 3 месяца назад
1:46:23 всё бы хорошо, но тут есть синдром макетов на бихансе, вроде с виду всё с силовыми линиями чётко и красиво, но пользователь не смотрит всю портянку сразу, а только окно экрана, есть вероятность, возвращаясь к опросу про 12 колонок, ему насрать на силовую линию в пределах всего макета, важно что в фокусе одного смыслового блока/экрана, таблицы и тд, хотя переходы и скролы с акцентированным направлением взгляда тоже нужны, согласен.
@UPROCK
@UPROCK 3 месяца назад
Салют! Посмотри внимательно, как ты сам изучаешь сайты: ты занимаешься скроллингом. Периферическим зрением ты сканируешь информацию вокруг а движешься именно по силовой линии. Когда ты останавливаешься на каком-то конкретном блоке - начинает работать тот механизм, о котором ты говоришь. Но прежде чем это произойдёт, ты должен создать линию по которой как лифт по шахте будешь спускаться по всем этажам-блокам сайта.
@Ann-km8cn
@Ann-km8cn 3 месяца назад
Крутой материал, спасибо. Про размер кнопки в начале очень смешно было))
@UPROCK
@UPROCK 3 месяца назад
Всегда пожалуйста) Рад, что понравилось☺️
@aliciajc4985
@aliciajc4985 3 месяца назад
Спасибо большое, что рассмотрели и ответили на вопросы, которые задавали ранее по сеткам!! Лекция супер! ❤
@UPROCK
@UPROCK 3 месяца назад
Всегда пожалуйста) Очень рад, что лекция зашла👍👍
@coast89100
@coast89100 2 месяца назад
Жиза. я понял бессмысленность этих сеток в 2014
@UPROCK
@UPROCK 2 месяца назад
Салют, Алексей! Спасибо за поддержку👍🙏
@1yoj13
@1yoj13 3 месяца назад
как программист говорю что да, мы можем сверстать что угодно, не сильно не ахуевайте) (творчески)
@UPROCK
@UPROCK 3 месяца назад
Поверь я готовлю ребят так чтобы дизайн переиспользовал элементы, расстояния, пропорции и тд. Все аккуратно упаковано в стили, компоненты, варианты и тд. Так что можешь на меня рассчитывать, что могу для индустрии делаю.
@ДмитрийДремов-я3ч
@ДмитрийДремов-я3ч 3 месяца назад
Салют)
@UPROCK
@UPROCK 3 месяца назад
Хеллоу)
@greydoor709
@greydoor709 2 месяца назад
Я работал веб-дизайнером с 2007 года. В 2017 бросил, потому что очень уставал морально и физически от того, что не мог сделать как мне понравится. Насмотренность всегда была высокая, читал книги по ux, разбирал сложные системы и постеры. До сих мне это интересно. Мог улучшать работу с интерфейсом. Но сделать красиво ни в какую. Что то как то, чуть чуть вроде, а нет, показалось, и я выжитый как лимон, когда делал для себя мог неделями мучаться и все равно лажа. Злился капец. Проблемы с ритмом и мне кажется это не лечится. Как в искусстве, "типа потомственный художник", но я как и предки могу только полностью срисовать любую картину, а сделать что то свое никак, как бы не старался. Человек AI.
@UPROCK
@UPROCK 2 месяца назад
Я думаю все решаемо, просто не с того ракурса зашли.
@manuelwife4060
@manuelwife4060 3 месяца назад
спасибо господь что ты такой ахуенный
@UPROCK
@UPROCK 3 месяца назад
Ты тоже)
@businessmarketingskills214
@businessmarketingskills214 2 месяца назад
2 года назад заплатил 2500 евро за курс который еще и продвигается государством, 1 любой стрим UPROCK более информативен и полезен чем 300 часовой курс за 2500 евро. мдааа
@UPROCK
@UPROCK 2 месяца назад
Спасибо за отзыв🙏 Да, к сожалению, в текущих реалиях это весьма реалистичный сценарий(
@pom001
@pom001 3 месяца назад
Этот человек называет мракобесием всякие правила и систему. 🤦🏻‍♂
@UPROCK
@UPROCK 3 месяца назад
Мракобесие находить логику там, где ее нет и жить с этим не пытаясь меняться. А я всего лишь отталкиваюсь от того, как мы потребялем информацию и нейробилогии. Гляньте кстати у меня есть лекция Дубынина на канале.
@АнтонЛебидь-ь2о
@АнтонЛебидь-ь2о 2 месяца назад
Этому видео не хватает магии монтажа и хрона в 20-30 минут)
@UPROCK
@UPROCK 2 месяца назад
Салют, Антон! Ну, это трансляция, такая специфика) Но предложение принято, подумаем что можно с этим сделать, спасибо👍
@daniel_black_vrode
@daniel_black_vrode 3 месяца назад
Что насчёт оставить колонки, но детализировать - сделать 24 колонки? Свободы на порядок больше, но остаются плюсы колоночной верстки. Более понятные и простые правила адаптивов. Более консистентная структура макетов
@UPROCK
@UPROCK 3 месяца назад
Привет, а зачем вообще придумывать этот геморой с 12 колонками, если важна для пользователя композиция и направляющие? Но если вы привыкли с колонками, то я не навязываю вам свой подход.
@UPROCK
@UPROCK 3 месяца назад
Салют, Михаил! Идея интересная, но предлагаю развить её дальше и не останавливаться на 24 колонках. Как насчёт 1920 колонок, из которых можно выделить в качестве основных 3 или более и назвать "направляющими", к примеру) Понятные и простые правила на месте и свобода максимальная😉
@ДимаВолынец-э1ш
@ДимаВолынец-э1ш 2 месяца назад
вот у меня вопрос, вы сразу рисуете под 1920? не могу никак понять
@UPROCK
@UPROCK 2 месяца назад
Салют, Дима! Да, сейчас все проекты рисуются под 1920
@ДимаВолынец-э1ш
@ДимаВолынец-э1ш 2 месяца назад
@@UPROCK получается под ноут просто зумиться, а меньше уже меняем макет?
@veraurbanovich1816
@veraurbanovich1816 2 месяца назад
спасибо за видео
@UPROCK
@UPROCK 2 месяца назад
Пожалуйста, Вера! ⚡️
@НиколайЛеухин-ф5ь
@НиколайЛеухин-ф5ь 3 месяца назад
Интересная тема, спасибо!
@UPROCK
@UPROCK 3 месяца назад
Пожалуйста, Николай⚡️
@КатеринаФедорова-ь9ч
@КатеринаФедорова-ь9ч 3 месяца назад
Спасибо, вы озвучили мои мысли.
@UPROCK
@UPROCK 3 месяца назад
Пожалуйста, Катерина! Очень рад)
@christinaavsyanik9272
@christinaavsyanik9272 3 месяца назад
Ооооооочень крутая лекция! Учусь в вашей школе! Огромнейшее спасибо за вашу работу Евгений! 💥💯
@UPROCK
@UPROCK 3 месяца назад
Всегда пожалуйста, Кристина! Классно, что Вам понраилось👍✨
Далее
Watermelon magic box! #shorts by Leisi Crazy
00:20
Kenji's Sushi Shop Showdown - Brawl Stars Animation
01:55
Типографика в UX/UI дизайне!
57:00