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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 มิ.ย. 2024
  • 🔥 Бесплатный курс по дизайну с бесплатной обратной связью: 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

ความคิดเห็น • 140

  • @UPROCK
    @UPROCK  15 วันที่ผ่านมา +6

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

    • @yellowshoess2850
      @yellowshoess2850 15 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา +3

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

  • @user-gs1ig2hd6r
    @user-gs1ig2hd6r 14 วันที่ผ่านมา +30

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา +2

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

  • @Slavaru81
    @Slavaru81 2 วันที่ผ่านมา +1

    Как долго я ждал этого видео!)) Как меня эти колонки иногда бесили! Но ВСЕ говорили, что без колонок этих некуда, раз ты сделал без колонок, значит ты не профессионал!

    • @UPROCK
      @UPROCK  2 วันที่ผ่านมา +1

      Салют, Слава! Да, в этих областях нашей профессии, к сожалению, высокая инертность и с ней не так легко бороться

  • @RedMist33Rus
    @RedMist33Rus 15 วันที่ผ่านมา +18

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

    • @RedMist33Rus
      @RedMist33Rus 14 วันที่ผ่านมา

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

  • @aliciajc4985
    @aliciajc4985 14 วันที่ผ่านมา +2

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา +1

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

  • @Romanov_SD
    @Romanov_SD 13 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @katerinazeliantsova8437
    @katerinazeliantsova8437 13 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @psychea9902
    @psychea9902 13 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @Ann-km8cn
    @Ann-km8cn 13 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @allo_Alen
    @allo_Alen 12 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @user-si5hk1uw9w
    @user-si5hk1uw9w 12 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @Yakovlevsky-mj7sk
    @Yakovlevsky-mj7sk 8 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  7 วันที่ผ่านมา

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

  • @user-wm5ly3lb6j
    @user-wm5ly3lb6j 14 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @busik8989
    @busik8989 8 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  8 วันที่ผ่านมา

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

  • @kulmarsdigital8567
    @kulmarsdigital8567 3 วันที่ผ่านมา

    Огромное спасибо за лекцию. Вы сделали меня свободным от этих с(т)раных сеток)

    • @UPROCK
      @UPROCK  2 วันที่ผ่านมา

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

  • @olgakozlova1981
    @olgakozlova1981 14 วันที่ผ่านมา +9

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา

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

    • @andreybaykovv
      @andreybaykovv 13 วันที่ผ่านมา

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

  • @SeregaLP
    @SeregaLP 3 วันที่ผ่านมา

    нет слов просто))) я давно интересовался дизайном UX и вот начал немного глубже его касаться, но везде что то мне не нравилось))) посмотрев это видео я понял что!!! мне не нравятся ограничения вездесущие с этими 12 колонками. Я так и думал что главное это композиция и правильно выбранные направляющие! Еще приятно то, что это моё первое видео на просторах youtube, где сразу понятно что для автора UX это не просто сочетание букв
    P.S. пардон за много букв)

    • @UPROCK
      @UPROCK  2 วันที่ผ่านมา

      Салют, Сергей! Спасибо большое, что поделились🙏👍 Очень рад, что лекция Вам помогла)

  • @viktoriyapluschikova3353
    @viktoriyapluschikova3353 14 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @doctortt5060
    @doctortt5060 14 วันที่ผ่านมา +7

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

    • @UPROCK
      @UPROCK  12 วันที่ผ่านมา +1

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

  • @sleepspacepiece
    @sleepspacepiece 14 วันที่ผ่านมา

    Благодарю)

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @YanasChanell
    @YanasChanell 14 วันที่ผ่านมา +6

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา +1

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

  • @Cape_Hope
    @Cape_Hope 14 วันที่ผ่านมา +1

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

    • @Cape_Hope
      @Cape_Hope 13 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  12 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา +1

      @@bogdandvorzeckij вы смотрели лекцию? Зрители подтвердили, что пользователь не видит эти 12 колонок. Вы просто привыкли к ним, вот и защищаете. Вобщем, пересмотрите, пожалуйста, лекцию, и попробуйте выйти за рамки привычных 12-и колонок

  • @olgakozlova1981
    @olgakozlova1981 14 วันที่ผ่านมา +7

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา

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

  • @user-ky1jt5gu3r
    @user-ky1jt5gu3r 3 วันที่ผ่านมา

    Больше спасибо! Информация ценная! Действительно, по сеткам я находила только базовую инфу, а нюансы мало кто рассказывает (а может плохо искала). Столкнулась со сложностями 12-к.сетки на курсе по креативной верстке. Интуитивно стала работать по силовым линиям. И по процессам теперь больше понимания. "Крутить-вертеть, пока не получиться" - 🎯 💥😁 СПАСИБО! 🤝💓

    • @UPROCK
      @UPROCK  3 วันที่ผ่านมา +1

      Спасибо за доверие и за вашу историю, Наталья👍 Очень рад, что лекция Вам помогла☺️

  • @denpol9956
    @denpol9956 2 วันที่ผ่านมา

    Почитал комменты - никто не написал про магическое число 12, для чего оно вообще пригодилось тем кто работал с версткой в 2010 и раньше. В css флексы только начали появляться в 2009 (первый релиз 23 07 2009 - до поддержки всеми браузерами было еще далеко), до этого момента твиттер уже имели бэст прэктис в этом вопрсе, и решили опубликовать их в виде бутстрап - и оно тогда действительно показалось удобным, т.к. 12 делится без остатка на 1,2,3,4,6,12. Но позже в css появились флексы и гриды, но принцип разделения на колонки [и сетки в современной верстке] остался (не обязательно на 12, а на сколько угодно, теперь можно в процентах, фракциях и т.д. - теперь это легко описывается через css без привязки к числу 12). Я думаю, об этом в курсе все, кто не юзает бутстрап сегодня.

    • @UPROCK
      @UPROCK  วันที่ผ่านมา

      Салют! Спасибо большое за это дополнение👍👍

  • @christinaavsyanik9272
    @christinaavsyanik9272 14 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา +1

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

  • @user-xm3dc9fo5h
    @user-xm3dc9fo5h 13 วันที่ผ่านมา +4

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

    • @UPROCK
      @UPROCK  12 วันที่ผ่านมา +1

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

    • @art.kornilov
      @art.kornilov 12 วันที่ผ่านมา

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

    • @IlyaTakov
      @IlyaTakov 6 วันที่ผ่านมา

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

    • @maksim.mukharev
      @maksim.mukharev 5 วันที่ผ่านมา

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

  • @pavelmelnik9952
    @pavelmelnik9952 11 วันที่ผ่านมา +2

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @SeregaLP
    @SeregaLP 3 วันที่ผ่านมา

    по качеству и ценности 15 из 10)

    • @UPROCK
      @UPROCK  2 วันที่ผ่านมา

      Супер! Спасибо большое⚡️

  • @alsukhamitova891
    @alsukhamitova891 14 วันที่ผ่านมา +2

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา +1

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

  • @deepouterspace
    @deepouterspace 14 วันที่ผ่านมา +2

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา

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

  • @user-jp4dl4jc4l
    @user-jp4dl4jc4l 10 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  9 วันที่ผ่านมา

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

  • @Nata_Nataria
    @Nata_Nataria 11 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @user-wy8md2yk6p
    @user-wy8md2yk6p 14 วันที่ผ่านมา +3

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

    • @UPROCK
      @UPROCK  12 วันที่ผ่านมา

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

  • @user-ib4yo7bm5p
    @user-ib4yo7bm5p 15 วันที่ผ่านมา +1

    Салют)

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา +1

      Хеллоу)

  • @DD-yv3tt
    @DD-yv3tt 11 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา +1

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

    • @DD-yv3tt
      @DD-yv3tt 11 วันที่ผ่านมา

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

  • @vick4692
    @vick4692 8 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  8 วันที่ผ่านมา

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

  • @AlanaQwer
    @AlanaQwer 14 วันที่ผ่านมา +4

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา +1

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

  • @misterdi3681
    @misterdi3681 14 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา

      Спасибо✨🙏

  • @daniel_black_vrode
    @daniel_black_vrode 11 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @lildandy2839
    @lildandy2839 13 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา +1

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

  • @daniel_black_vrode
    @daniel_black_vrode 11 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @Falko-v
    @Falko-v 6 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  4 วันที่ผ่านมา

      Ну это не всегда так работает, но звучит отлично👍👍

  • @webmechanic-kz
    @webmechanic-kz 5 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  4 วันที่ผ่านมา

      Спасибо за комментарий👍👍

  • @selenasova
    @selenasova 10 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  9 วันที่ผ่านมา +1

      Здравствуйте, Елена! Посмотрите, пожалуйста, вот это видео th-cam.com/video/9cCZ1Is7viE/w-d-xo.htmlsi=p2fVz9a83Rl8OyRV на канале есть ещё примеры отрисовки проектов в которых показывается адаптив, можете убедиться, что ничего сложного в этом нет. Откуда информация о том, что не социалки и приложения, а именно сайты посещаются только с мобилок, я не знаю)

  • @RedoxarYT
    @RedoxarYT 14 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา

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

  • @user-dp4pj8go3v
    @user-dp4pj8go3v 14 วันที่ผ่านมา

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

    • @user-xm3dc9fo5h
      @user-xm3dc9fo5h 13 วันที่ผ่านมา +3

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

    • @user-dp4pj8go3v
      @user-dp4pj8go3v 13 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  12 วันที่ผ่านมา +1

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

  • @manuelwife4060
    @manuelwife4060 14 วันที่ผ่านมา +4

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา

      Ты тоже)

  • @00plac00
    @00plac00 14 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  14 วันที่ผ่านมา

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

  • @1yoj13
    @1yoj13 11 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  10 วันที่ผ่านมา

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

  • @user-ib4yo7bm5p
    @user-ib4yo7bm5p 14 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  11 วันที่ผ่านมา +1

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

  • @user-mc5bn8sw3t
    @user-mc5bn8sw3t 11 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  9 วันที่ผ่านมา

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

  • @ShamanoffMichael
    @ShamanoffMichael 6 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  6 วันที่ผ่านมา +1

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

    • @ShamanoffMichael
      @ShamanoffMichael 6 วันที่ผ่านมา

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

  • @Jollery
    @Jollery 11 วันที่ผ่านมา

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

    • @UPROCK
      @UPROCK  10 วันที่ผ่านมา +1

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

  • @nrmlnyi
    @nrmlnyi 7 วันที่ผ่านมา +3

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

    • @UPROCK
      @UPROCK  6 วันที่ผ่านมา

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

  • @user-lo8hf5vz2r
    @user-lo8hf5vz2r 3 วันที่ผ่านมา

    Половина успеха автора, видимо, в его умении смачно материться на весь Ютьюб. Зачем уважать себя и других? Матюкнулся- значит, 100% правду говорит... Такая логика? Как же это отвратительно!

    • @UPROCK
      @UPROCK  3 วันที่ผ่านมา

      Работает же?)

  • @krosss8471
    @krosss8471 3 วันที่ผ่านมา

    Дизайнер, конечно, талантливый, но как же бестолково излагает. Мысль бросает на середине, не договаривая, потом забывает, что хорошо бы вернуться.

    • @UPROCK
      @UPROCK  2 วันที่ผ่านมา

      Привет, думаю со второго видео втянетесь)

    • @krosss8471
      @krosss8471 2 วันที่ผ่านมา

      Да, не дай Бог!! )))))

    • @UPROCK
      @UPROCK  2 วันที่ผ่านมา

      @@krosss8471 забыли перекреститься) для вас у меня есть полезные тик токи или предзаписанные видео.

  • @pom001
    @pom001 3 วันที่ผ่านมา

    Этот человек называет мракобесием всякие правила и систему. 🤦🏻‍♂

    • @UPROCK
      @UPROCK  2 วันที่ผ่านมา

      Мракобесие находить логику там, где ее нет и жить с этим не пытаясь меняться. А я всего лишь отталкиваюсь от того, как мы потребялем информацию и нейробилогии. Гляньте кстати у меня есть лекция Дубынина на канале.

  • @danil-old-web
    @danil-old-web 13 วันที่ผ่านมา +1

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

    • @UPROCK
      @UPROCK  12 วันที่ผ่านมา

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