Работа с сеткой в веб-дизайне: основные принципы

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ • 112

  • @UPROCK
    @UPROCK  Рік тому +1

    🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot

  • @nikos_popov
    @nikos_popov 3 роки тому +47

    Супер крутой формат! Женя, огромное тебе спасибо! Было бы круто такие видео по адаптивам сделать: как адаптируется сетка, как адаптируется контент, какие есть ограничения для разработки и что нужно учитывать при проектировании и тд.

    • @МомадРобат
      @МомадРобат 3 роки тому

      We'd w

    • @alexgrimm614
      @alexgrimm614 3 роки тому

      Согласен, на адаптив было бы очень полезно посмотреть

  • @Никита-н9и2ф
    @Никита-н9и2ф 3 роки тому +26

    Студент, который посмотрел это видео: О повезло, повезло

  • @choco_vy
    @choco_vy 3 роки тому +6

    Евгений, Ваша речь стала на уровень выше чем в предыдущих видео, отличная работа, спасибо!

  • @daynight3168
    @daynight3168 3 роки тому +5

    Женя, твои объяснения так же информативны, логичны и минималистичны, как и твой дизайн. Спасибо!

  • @nina_brilevich
    @nina_brilevich 3 роки тому +2

    Какая же приятная подача материала! 9 лет работаю дизайнером, но ваши проекты задают реальную планку! Хочется уметь так же! Все очень логично и круто. Спасибо будем прокачиваться

  • @ДарьяКаменская-ъ8х
    @ДарьяКаменская-ъ8х 3 роки тому +8

    Супер-познавательно, а главное, что на конкретном примере информация лучше усваивается! Женя, спасибо за видео!)

  • @litvin23
    @litvin23 3 роки тому +2

    Кратко, по делу и без воды. Как дизайн UPROCK - гениально!

  • @jamesbondsportstudio696
    @jamesbondsportstudio696 3 роки тому +1

    Остановился. Поставил лайк. Написал коммент. Продолжил смотреть.
    Дейсвтво. Магия.
    Как всё меняется еще лучше уже на хорошем материале.

  • @kenzoabe3450
    @kenzoabe3450 2 роки тому +6

    вы даже самые нудные темы делаете простыми и понятными. браво. я думала меня тошнит от дизайна. но оказывается меня тошнило от ужасной подачи. вы подарили мне интерес)

    • @UPROCK
      @UPROCK  2 роки тому

      Ура! Очень рад, что получилось сделать Вам такой классный подарок🎊

  • @kenzoabe3450
    @kenzoabe3450 2 роки тому +1

    знаете как я нашла вас? искала материалы по швейцарскому стилю дизайна, но находила лишь длинные 1,5 часовые лекции. кому они интересны? никто на таких не высидит. а вы превратили темы в короткие форматы с самой сутью материала, и это удобно смотреть. факт. удобнее смотреть короткие видео, которые разделены на несколько частей, или вовсе уменьшены в длительности) этот канал просто находка) особенно для людей которые только знакомятся с дизайном и которым хочется узнать все в основных чертах, а не смотреть 1-3 часовые ролики по каждому блин стилю дизайна

    • @UPROCK
      @UPROCK  2 роки тому

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

  • @alexeev208
    @alexeev208 3 роки тому

    Как же тебя не хватало, все твои интервью прослушал, почти все ролики просмотрел. Отдельное спасибо за то, что ролик короткий , но максимум внимания на тему.

  • @barilo8870
    @barilo8870 3 роки тому +4

    Женя, Спасибо! Мы ждали от тебя новых видео. Видео в мой портфель знаний. Все четко, ясно, ёмко, полезно. СПАСИБО!

    • @barilo8870
      @barilo8870 3 роки тому +1

      @@UPROCK Спасибо!

  • @МаксимМакаров-щ1ь
    @МаксимМакаров-щ1ь 3 роки тому +3

    Класс! Максимально полезно, спасибо, Евгений! Жду побольше подобных видео с макетами ваших учеников, особенно где использовалась более сложная сетка

  • @L1as1
    @L1as1 3 роки тому +17

    Круто! Го адаптивы по этому макету. Ждём вторую серию)

  • @olagulakowa3227
    @olagulakowa3227 3 роки тому +3

    супер, Жень, неожиданный формат и очень полезный контент, спасибо! :)

  • @alexgrimm614
    @alexgrimm614 3 роки тому +2

    Мне очень нравятся такие макеты, на них смотреть приятнее. Когда глаз со временем привыкает к стандартным, можно даже сказать, шаблонным лендингам, такие работы выглядят на их фоне ярче и интереснее. Но по своему опыту могу сказать, что по первой воспроизвести аналогичный дизайн сложно. То ли мозг цепляется за сложившиеся стандарты верстки, то ли не хватает опыта и структурирования информации в голове. Как новичку, мне особенно тяжело оставлять пустое пространство незаполненным. Так и тянет впихнуть в него что-нибудь, чтобы не было пробелов. По началу очень тяжело оставлять воздух между объектами и работать с негативным пространством, хотя я вижу, что именно воздух делает структуру сайта такой привлекательной. В очередной раз спасибо за ценный и полезный опыт, Женя ✊

  • @mikhaildyachenko1670
    @mikhaildyachenko1670 3 роки тому

    Евген МЕГА Человечище)) Если всё же решусь в этом году подтянуть знания в дизайне , то только к тебе!

  • @maximsamos
    @maximsamos 3 роки тому +1

    Побольше таких роликов с практическими примерами !

  • @hannehai
    @hannehai 3 роки тому +1

    Женя, Благодарю за урок! Все очень понятно и структурно! Вы самый лучший учитель! =) Жду новых видео!

  • @ЕкатеринаКириллова-с4ф

    Женя, спасибо! Очень классный формат!

  • @КоляМакаров-т4о
    @КоляМакаров-т4о 3 роки тому +1

    Ждал видео 5 месяцев, спасибо!

  • @АртёмШвачка-е3ъ
    @АртёмШвачка-е3ъ 2 роки тому

    отлично, что на примере и с правками в рилтайм формате, это ещё больше впечатывает информацию. спасибо.

  • @DenisSVR
    @DenisSVR 3 роки тому

    Определенно, нужно больше подобного качественного контента!

  • @ЛизочкаБершадская
    @ЛизочкаБершадская 3 роки тому +1

    Очень классное видео и все разложены по полочкам, и плюс субтитры супер) спасибо)

  • @АйгульТатаринцева

    А подача легкая, приятная.. класс!!

    • @UPROCK
      @UPROCK  Рік тому

      Спасибо☺️🙏

  • @tusklayaluna
    @tusklayaluna 3 роки тому

    потрясающе получилось. намного лучше трансляций даже, мне кажется

  • @polinamuromova4213
    @polinamuromova4213 3 роки тому +1

    спасибо! очень полезное видео, прямо в голове вся информация по полочкам встала
    и слушать было одно удовольствие
    из рекомендаций - хотелось бы больше подобного контента ❤️

  • @anarmakarov6158
    @anarmakarov6158 3 роки тому

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

  • @ЕвгенияКакорина-ш4з

    Женя, ты лучший!!! Спасибо огромное за разъяснение, на логику смотрела как на повествование, а почему то не как логику в сетке. Теперь вроде как пазлик в голове сложился. 🤩

  • @ОксанаХацкова-д3ь
    @ОксанаХацкова-д3ь 3 роки тому +6

    Очень ждала новых видео от вас. Вы - мой кумир в вэбе!

  • @SpadaryniaLena
    @SpadaryniaLena 3 роки тому +1

    Отличный формат, спасибо, Женя!

  • @svetlanavorobjova6300
    @svetlanavorobjova6300 3 роки тому

    Супер! Очень интересно! Делайте побольше таких мини разборов :-)

  • @justkris4760
    @justkris4760 3 роки тому

    Спасибо огромное вам за вашу работу! Также спасибо за субтитры к видео(сильные проблемы со слухом), их ооочень редко встретишь в видео по дизайну! Процветания вашему каналу🖖

  • @hworker3
    @hworker3 3 роки тому +1

    Полезно, спасибо еще раз Женя)

  • @user-io5.56
    @user-io5.56 3 роки тому

    Евгений, очень здорово всё показано!

  • @ElenaZakharian
    @ElenaZakharian 3 роки тому +2

    Клёво! Спасибо за видео!

  • @ДмитрийБелов-л2т
    @ДмитрийБелов-л2т 3 роки тому

    Всё как всегда доступным языком!

  • @super-preza
    @super-preza 3 роки тому

    Спасибо! Надо смотреть всем, учиться и впитывать!

  • @nadezhdavasyukova6148
    @nadezhdavasyukova6148 3 роки тому +1

    Очень полезно, спасибо Женя! :)

  • @rysik2x
    @rysik2x 3 роки тому

    Спасибо Жень, грамотно доносишь, очень полезно, лайк!

  • @мамадлинныеношки
    @мамадлинныеношки 3 роки тому +1

    Супер! Очень информативно

  • @dariakabyka6142
    @dariakabyka6142 3 роки тому

    Огромное спасибо!) Это прям вау!

  • @olshanti7563
    @olshanti7563 3 роки тому

    Женя, спасибо за полезное видео.

  • @medicijewelry7359
    @medicijewelry7359 3 роки тому

    Супер !) очень информативно и емко

  • @nikole3612
    @nikole3612 2 роки тому +1

    какой прекрасный кейс

    • @UPROCK
      @UPROCK  2 роки тому +1

      Спасибо🙏

  • @rodionov8
    @rodionov8 3 роки тому +1

    Хороший формат! Кажется, что навигацию в шапке можно не ровнять по направляющим, а задать по центру относительно страницы - сейчас немного съезжает влево.

    • @rodionov8
      @rodionov8 3 роки тому

      @@UPROCK абсолютно согласен:) Только пункты меню сейчас привязаны к гаттерам, а не к колонкам - это как раз та самая небольшая ошибка, которая затрагивалась в видео на примере картинки на первом экране.
      Плюс на первом экране явная центральная выключка всех объектов, поэтому и создаётся ощущение, что меню немного выбивается. Из-за этого и хочется либо поставить его по центру (и подружить тем самым меню с первым экраном), либо сдвинуть ещё правее и поставить меню по колонке, чтобы оно рифмовалось с основной направляющей, по которой выровнен контент.
      А сейчас получилось, что оно живет как-то само по себе:)

  • @ИванХитмейкер
    @ИванХитмейкер 3 роки тому

    Отличный формат!

  • @maxkolenik
    @maxkolenik 3 роки тому

    Круто! Больше подобного контента!

  • @kseniakovalevskaya6734
    @kseniakovalevskaya6734 3 роки тому

    Отличное видео! Очень информативно, полезно и интересно! )

  • @da_mid
    @da_mid 3 роки тому

    супер! ждем больше видео!

  • @ВладиславГоршенин-з8э

    Наконец увидел, как нужно называть цвета в макете))

  • @baravobama
    @baravobama 3 роки тому +1

    Информативно, мне нравится

  • @moypsevdonim86
    @moypsevdonim86 Рік тому

    Полезное видео! 🔥🔥🔥👀

    • @UPROCK
      @UPROCK  Рік тому

      Очень рад⚡️

  • @МаринаСоцкая-в7я
    @МаринаСоцкая-в7я 3 роки тому

    Очень интересно и познавательно, спасибо вам!

  • @korin1901
    @korin1901 3 роки тому

    Спасибо за материал! Очень полезно 🤩

  • @kosovskamarie
    @kosovskamarie 2 роки тому

    да, стало лучше, полезный урок

    • @UPROCK
      @UPROCK  2 роки тому

      Супер! Рад что оказался полезным)

  • @modernodj
    @modernodj 3 роки тому

    Супер, как всегда!

  • @ЖаннаКолосова-р6р
    @ЖаннаКолосова-р6р 3 роки тому

    Супер, наглядно! )

  • @ChristinaBabiy
    @ChristinaBabiy 3 роки тому

    Очень классное видео! Спасибо)

  • @МарияШафран-ч8й
    @МарияШафран-ч8й 3 роки тому

    Вот это даааа, очень круто!

  • @smelaby1069
    @smelaby1069 3 роки тому

    Очень здорово и полезно!

  • @МаринаЮковская
    @МаринаЮковская 2 роки тому

    классный видеоурок. спасибо большое

    • @UPROCK
      @UPROCK  2 роки тому

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

  • @tamurai.mp3
    @tamurai.mp3 26 днів тому

    у меня вопрос к верхней строчке "About, Location, Style и тд". эта строчка не стоит по средине макета, у нее не одинаковые расстояния между лого слева и кнопкой справа. к чему привязана эта строка? никак не могу понять. это ошибка, или какая-то допустимая погрешность?

    • @UPROCK
      @UPROCK  25 днів тому +1

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

    • @tamurai.mp3
      @tamurai.mp3 25 днів тому

      @@UPROCK понял. спасибо, что ответил)

  • @jdbhdjdbdbsjhshjdhbd
    @jdbhdjdbdbsjhshjdhbd 3 роки тому

    Круто, мне очень понравилось 🔥🔥🔥🔥❤

  • @Helen_Molodets
    @Helen_Molodets 3 роки тому

    Спасибо! Очень полезно

  • @645Deimos
    @645Deimos 3 роки тому +1

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

    • @645Deimos
      @645Deimos 3 роки тому +1

      @@UPROCK Спасибо

  • @Романыч333
    @Романыч333 3 роки тому

    Спасибо за видео! Обратил внимание, что часто в своих проектах вы используете направляющие, а не колонки. Почему именно направляющие?

  • @ТимофійЛещенко
    @ТимофійЛещенко 3 роки тому +1

    Наконец-то!

  • @MrLekpik
    @MrLekpik 3 роки тому +1

    Спасибо за видео

  • @ukrop4ik4444
    @ukrop4ik4444 3 роки тому

    огонь! спасибо)

  • @klodmone4803
    @klodmone4803 3 роки тому

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

  • @АсалиА
    @АсалиА 2 роки тому

    Напишите, пожалуйста, название шрифта.

  • @СвятославКазаковцев

    Классная чистая работа - оргазм для глаз))

  • @АйгульТатаринцева

    Здравствуйте ..у Вас играет приятная музыка ..будьте добры подскажите жанр или конкретное название пожалуйста:)

    • @UPROCK
      @UPROCK  Рік тому

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

  • @zzgrotzz
    @zzgrotzz 3 роки тому

    Ты лучший)

  • @danilag.3040
    @danilag.3040 3 роки тому

    Ребят, подскажите, что за шрифт? Евгений, формат потрясный!

  • @dre.design.9997
    @dre.design.9997 3 роки тому

    Огонь!!!

  • @Простаяжизнь-ф6ь
    @Простаяжизнь-ф6ь 9 місяців тому

    В какой программе эта работа проходит?

    • @UPROCK
      @UPROCK  9 місяців тому +1

      Это Figma

  • @линакондратьева-е4о

    привет, сейчас эти правила актуальны?

    • @UPROCK
      @UPROCK  Рік тому

      Да, они будут всегда актуальны😉

  • @valeriykorzun1240
    @valeriykorzun1240 3 роки тому

    Спасибо)

  • @ВладТолордава
    @ВладТолордава 3 роки тому

    Вот какими должны быть правки

  • @romansimakov102
    @romansimakov102 3 роки тому +1

    Uprock скоро станет коротким но емким ответом на вопрос "как делать актуальный, эффективный и аккуратный дизайн?" Спасибо Евгений, что разжевываешь нам простые но фундаментальные темы.

  • @shirazkhachatryan4503
    @shirazkhachatryan4503 3 роки тому +1

    с музыкой приятнее..

  • @ВладТолордава
    @ВладТолордава 3 роки тому

    Урааааа

  • @ВикаПлюсова
    @ВикаПлюсова 2 роки тому

    ~и СкопированныйСкопированный текст автоматически отобразится здесь текст автоматически отобразится здесь

  • @factory-fact
    @factory-fact 3 роки тому +1

    Так мало актива

  • @DoctorMarketolog
    @DoctorMarketolog 3 роки тому +1

    Прочитал сначала работа с СЕКТОЙ))))

  • @ramazanmusaev4204
    @ramazanmusaev4204 2 роки тому

    Cool

  • @temirsuccessful8609
    @temirsuccessful8609 3 роки тому

    Шаблонненько и топорно вышло, у студента было лучше и интереснее