Секреты создания уникальных сайтов: модульный дизайн

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 เม.ย. 2023
  • В этом видео мы рассмотрим ключевые принципы эффективного веб-дизайна и научимся создавать стильные и функциональные сайты в Модульном стиле. Изучите современные тренды, практики и инструменты, которые помогут вам улучшить пользовательский опыт и сделать ваш сайт круче.
    Подписывайтесь на канал, чтобы не пропустить полезные советы и мастер-классы по веб-дизайну!
    Заголовки • Секреты создания уника...
    Градиенты • Секреты создания уника...
    Минимализм в веб-дизайне • Секреты создания уника...
    Видео по Эклектическому Стилю • Секреты создания уника...
    Видео про Модульный дизайн • Секреты создания уника...
    Ссылки на мои соц.сети, подпишись чтоб не пропустить важное maxshirko.me

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

  • @aleksey-treb
    @aleksey-treb ปีที่แล้ว +89

    Я просто охрененваю всякий раз как Макс из куска нечитаемого текста делает такую красоту без какого то плана, подготовки, наброски вариантов и прочее (может эти муки творчества конечно скрыты за кадром). Реально круто! Ловкость рук и никакого мошенничества.)

    • @vegankotletka6468
      @vegankotletka6468 ปีที่แล้ว

      жиза

    • @slavaplehanov2693
      @slavaplehanov2693 3 หลายเดือนก่อน

      Значит не всех смотрел...

    • @ShamsudinS
      @ShamsudinS 2 หลายเดือนก่อน

      @@slavaplehanov2693 например... кого еще можешь назвать?

  • @polinavoropaieva8070
    @polinavoropaieva8070 ปีที่แล้ว +30

    Благодарна Боженьке, что когда-то попала на курсы по Тильде и открыла для себя такого талантливого человека❤️‍🔥Каждый раз смотрю и восхищаюсь, будто бы впервые )

    • @user-ey3cq8so2e
      @user-ey3cq8so2e ปีที่แล้ว +1

      У меня такая же история👍🔥❤️

    • @Kate90107
      @Kate90107 ปีที่แล้ว

      разве тильда актуальна в 2023м? на международном рынке никто не знает про неё, только рф

  • @irinadremina1471
    @irinadremina1471 ปีที่แล้ว +9

    За фокус со строуком отдельное спасибо!!!!! Как раньше не додумалась... Все гениальное просто

  • @user-kd2dn3mq3b
    @user-kd2dn3mq3b ปีที่แล้ว +8

    Я хз как у других, но я просто помешанный на модульном дизайне. В плане коммерции (и не только) это настолько удобно и симпатично, что лучше не придумать просто. Максу за детальный обзор лайк без раздумий! Спасибо Макс. Очень крутой разбор!

  • @kkkrohahilko4029
    @kkkrohahilko4029 ปีที่แล้ว +13

    Макс! Это просто какая-то магия! Как ты умеешь из простых элементов делать офигенный дизайн! Спасибо за видео!

  • @lexx4187
    @lexx4187 ปีที่แล้ว +10

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

  • @user-co6jf1mw5h
    @user-co6jf1mw5h ปีที่แล้ว +4

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

  • @kateri1307
    @kateri1307 ปีที่แล้ว +1

    Нашла твой канал сегодня и блин, это просто огонь! Смотрю, вдохновляюсь и обучаюсь, сразу начала применять что-то в работе. Огромное спасибо! Вдохновения, сил и времени тебе на реализацию всех задумок и проектов!!!

  • @ariahawke315
    @ariahawke315 ปีที่แล้ว +3

    Как же залипательно смотреть за тем, как ты мыслишь... Спасибо за видео, Макс - ты вдохновляешь ❤

  • @user-ug6zf8wp2u
    @user-ug6zf8wp2u ปีที่แล้ว +1

    Макс, с таким наслаждением и жаждой смотрю твои видосы, спасибо за твой труд🙏❤️

  • @Margo_Margooo
    @Margo_Margooo ปีที่แล้ว +1

    Ура, ура! Наш любимый гуру радует нас каждый понедельник!! Спасибо! 🎉🎉🎉

  • @darrrush
    @darrrush ปีที่แล้ว +1

    вау! жду новых видео по стилям в дизайне, очень полезно и вдохновляет, спасибо 🕊

  • @alyonak3013
    @alyonak3013 ปีที่แล้ว +3

    Для меня как для самоучки это очень ценная информация! Спасибо!

  • @AlexeyAvdonin
    @AlexeyAvdonin 10 หลายเดือนก่อน

    Макс, как всегда замечательно!!! Огромное спасибо за то, что ты делаешь!!! ❤

  • @TanyaBal
    @TanyaBal ปีที่แล้ว

    я восхищаюсь и вдохновляюсь этой гениальной простотой. спасибо

  • @aliakseiprakharenka2001
    @aliakseiprakharenka2001 ปีที่แล้ว +1

    Макс, спасибо огромное. Очень вдохновляет

  • @EL.-SO
    @EL.-SO ปีที่แล้ว

    Макс, умеешь вдохновить! Спасибо!

  • @anastasia_ari
    @anastasia_ari ปีที่แล้ว +1

    Это волшебно!
    Спасибо вам большое❤

  • @annanikko13
    @annanikko13 ปีที่แล้ว

    Макс, спасибо за крутой разбор и наглядный пример - идеально для вдохновения🙏

  • @katerinakozhevnikova9185
    @katerinakozhevnikova9185 ปีที่แล้ว

    Это очень круто и полезно! Большое спасибо за твою работу!

  • @zhelezodesign90
    @zhelezodesign90 ปีที่แล้ว

    Макс, твои видео это высший пилотаж в дизайне! Очень крутой контент!)

  • @StudioSerious1
    @StudioSerious1 ปีที่แล้ว

    Классно выглядит, необычно и оригинально.

  • @yo_volkova
    @yo_volkova ปีที่แล้ว

    Идеально. Сразу захотелось пойти и нафигачить чего-нибудь модульного! Супер!

  • @user-tl1wq1sc9q
    @user-tl1wq1sc9q ปีที่แล้ว

    спасибо,Макс❤ ты настоящее сокровище

  • @witchblade
    @witchblade ปีที่แล้ว

    Как всегда лучший, спасибо Макс!

  • @alexpristromko6898
    @alexpristromko6898 ปีที่แล้ว +1

    Супер классный видос. Спасибо! Очень зашло! Продолжай!🎉🎉🎉🎉

  • @envyby
    @envyby ปีที่แล้ว

    Макс, очень полезно и вдохновляет! Продолжай=)

  • @artpage_arin
    @artpage_arin 10 หลายเดือนก่อน

    Крутейший проект, спасибо!

  • @iuliaiepure3543
    @iuliaiepure3543 ปีที่แล้ว

    Видео огонь 🌟🌟🌟 продолжай, пожалуйста в том же духе, смотрю на одном дыхании

  • @SerjRodin
    @SerjRodin ปีที่แล้ว

    Побольше бы таких роликов. Спасибо!

  • @VyacheslavOleynik
    @VyacheslavOleynik ปีที่แล้ว

    Макс, дяка! Интересно и пролезно.

  • @user-mz1zr3il4f
    @user-mz1zr3il4f 3 หลายเดือนก่อน

    супер, вроде все на поверхности, но сама не доудмалась, в итоге получалось что-то не то с модулями постоянно, спасибо и огромный респект!👍

  • @user-vl3yt1mg4y
    @user-vl3yt1mg4y 3 หลายเดือนก่อน

    Спасибо большое за видео! 🎇🥇

  • @user-wz9hh5wh1i
    @user-wz9hh5wh1i ปีที่แล้ว

    очень круто. Спасибо за твой труд

  • @user-dd7ux3mu3x
    @user-dd7ux3mu3x 4 หลายเดือนก่อน

    Спасибо большое 🙏🏻
    так круто ❤✨ смотреть на профи одно удовольствие) очень вдохновляет!

  • @ndr8
    @ndr8 2 หลายเดือนก่อน

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

  • @dimalytvyn
    @dimalytvyn ปีที่แล้ว

    Не знаю буду ли я использовать такой стиль дизайна в своих проектах, и всё же некоторые приёмы и подход точно добавлю в свой арсенал. Спасибо-с, маэстро Ширко 👌😊

  • @user-wu6tv6ib7k
    @user-wu6tv6ib7k 5 หลายเดือนก่อน

    Макс...это пушка!!!😮

  • @allanovichenko
    @allanovichenko ปีที่แล้ว

    Макс, офигенно! Смотреть твои видосы - кайф и вдохновение. Спасибо тебе огромное! Дякую тобi!

  • @dmitriySY
    @dmitriySY ปีที่แล้ว +1

    Как там говорится? Балдженый кайф! 😄
    Думаю, еще для блоков можно было бы использовать авто-лейаут с заданными падингами. Так блоки формировались бы еще быстрее.
    Спасибо за видео! Вдохновляет.

  • @stasicus
    @stasicus ปีที่แล้ว

    кайф: крутой видос)) лайк и комент для повышения рекомендаций 👍

  • @larisa_presentation
    @larisa_presentation 8 หลายเดือนก่อน

    я еще не знаю какой будет контент видео, но сразу же перед просмотром ставлю лайк, так как уверена и знаю, что у Макса плохих видео не бывает 🥰

  • @olgaperesunko1301
    @olgaperesunko1301 ปีที่แล้ว

    Спасибо, Макс. Мне прямо очень понравилось
    Удачи тебе

  • @ertar0
    @ertar0 5 หลายเดือนก่อน

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

  • @madebyyjules
    @madebyyjules ปีที่แล้ว

    Очень нравится эта рубрика

  • @user-qf7cv1un1p
    @user-qf7cv1un1p 6 หลายเดือนก่อน

    Спасибо большое за подробную информацию. У меня два сайта нужно сделать как раз для IT компаний. Этот стиль топчик. Выкладывайте, пожалуйста, больше таких видео, где подробно объясняется тот или иной стиль. А то хочется повторить, но не понятно как правильно.

  • @user-loboda
    @user-loboda ปีที่แล้ว

    вогонь 🔥а фішка зі строуком то просто скарб!
    випадково попала на цей канал, але такий якісний матеріал, що я тут надовго))

  • @larisa_presentation
    @larisa_presentation 8 หลายเดือนก่อน

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

  • @lebedev.s
    @lebedev.s ปีที่แล้ว

    Спасибо) глаза кайфонули)

  • @user-qp9dy3zq4s
    @user-qp9dy3zq4s ปีที่แล้ว +1

    чудовий відос. величезна дяка за темп і за мобільну адаптацію! є пару повторів в монтажі, коли ти повторюєшся переговорюючи, але це на кайф не впливає.
    давай далі! я вже чекаю наступного тижня і новий контент з «підходом». між іншим айдентика і графіка на відео звісно теж дуже стильна 😅

  • @user-fs3qq9yx2c
    @user-fs3qq9yx2c ปีที่แล้ว

    відео - просто пушка ракета бомба! так тримати😀

  • @chertkov_art
    @chertkov_art ปีที่แล้ว

    Кайф! Спасибо 🔥🔥🔥

  • @kkilu2304
    @kkilu2304 ปีที่แล้ว

    Суперлайк. Спасибо ❤

  • @desssigner
    @desssigner ปีที่แล้ว

    Хороший контент. Лайк :)

  • @magalalka
    @magalalka ปีที่แล้ว +1

    Надихаєш. Дякую!

  • @PINpiter
    @PINpiter ปีที่แล้ว

    Офигенно. Лайк лайк лайк❤

  • @Elizaveta_nitsenko
    @Elizaveta_nitsenko ปีที่แล้ว

    Очень полезно!

  • @anna_pavluk
    @anna_pavluk ปีที่แล้ว

    Макс! Ты Бог дизайна и идей! Ты ах:%%:.льный дизайнеееррр

  • @aleksil823
    @aleksil823 ปีที่แล้ว

    Пушечный дизайн!!

  • @katyayermakova4952
    @katyayermakova4952 ปีที่แล้ว

    Балдежно 😎😄

  • @ioana9601
    @ioana9601 ปีที่แล้ว

    Моцно! Дякую за відєво!

  • @ihoriv
    @ihoriv ปีที่แล้ว +1

    З того, що я зараз бачу, модульний дизайн неначе якесь друге життя отримав.
    Кожен другий намагається використовувати та експериментувати з цим напрямом і виглядає круто.
    Хоча ще рік-два тому навпаки всі намагались забивати на сітку, колонки та модулі
    Якийсь тренд року виходить
    Тому дякую за відео, як завжди дуже круто і показово.
    Ще крутіше буде тільки коли ще й на YT перейдеш на українську. ТікТок твій дивитись одне задоволення

  • @dianaborzenko6847
    @dianaborzenko6847 ปีที่แล้ว

    Дуже дякую!!❤

  • @dianasulvang1870
    @dianasulvang1870 ปีที่แล้ว

    Очень вдохновляете, спасибо. Можете подсказать стоит курсы покупать по веб-дизайну?

  • @user-ib9jj5zv1k
    @user-ib9jj5zv1k ปีที่แล้ว +1

    Вы великий человек! Спасибо за ваш контент Так часто захожу смотреть видео за последние сутки, что нашла ошибку в описании профиля "На отложенные у отца 100$" Наверное они были одолженные :)

  • @user-cw3jv5mj4h
    @user-cw3jv5mj4h ปีที่แล้ว

    ну кайф!

  • @user-zm9iy7ty8o
    @user-zm9iy7ty8o ปีที่แล้ว +1

    Дякую за фішку з Stroke. Так значно легше вирівнювати ніж вручну міряти.

  • @christine-chris
    @christine-chris ปีที่แล้ว

    клевенькая тема!

  • @kayodedesign
    @kayodedesign ปีที่แล้ว +2

    Hi Max, Great video!
    I'm an English speaker. Can I make a suggestion?
    I just thought including the Figma file of each tutorial could be beneficial, So we can practice along.
    What do you think?

  • @focusght
    @focusght ปีที่แล้ว

    Как вы придумывает такие фигуры для стилизации? Выглядит очень круто!

  • @qeleol
    @qeleol ปีที่แล้ว +1

    Очень круто смотрится, а знает кто - где можно такую графику взять как Макс вставлял, по типу лого, но в отдельных карточках..?

  • @hellonine
    @hellonine ปีที่แล้ว

    Модульные блоки красота ! Apple давно об этом говорит

  • @andriirohdesign2582
    @andriirohdesign2582 ปีที่แล้ว +1

    Круто!
    как сделать такую сетку? Какие настройки должны быть?

  • @user-yv5ku3wi9k
    @user-yv5ku3wi9k 3 หลายเดือนก่อน

    Макс, якими сервісами/плагінами користуєшся для векторних фігур/елементів?

  • @user-mm8be8hn2q
    @user-mm8be8hn2q ปีที่แล้ว

    Ах.....о хорошо. Это «Творчество». А мы, в основном, ремесленники. Спасибо.

  • @makhnykmax
    @makhnykmax ปีที่แล้ว

    Дуже круто!

  • @yatotparen
    @yatotparen ปีที่แล้ว

    Уверен ты симпатизировал Виндоус фонам, как и я)

    • @yatotparen
      @yatotparen ปีที่แล้ว

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

  • @vailentinap8653
    @vailentinap8653 ปีที่แล้ว

    Привет!)) А как научиться это все верстать в %? Есть ли какой то курс, или где почитать об этом более подробно?

  • @plutoorbits22
    @plutoorbits22 ปีที่แล้ว

    Идея позаимствована у Windows 8, но круто переосмыслена!

  • @urhorattel
    @urhorattel ปีที่แล้ว

    Я вот в ахуе, как ты это делаешь!
    Классно очень!
    Финал вообще неожыданные получился

  • @olehpavlenko3638
    @olehpavlenko3638 ปีที่แล้ว

    Дякую за відео.
    Які параметри вашої сітки?
    Хочу таку ж сітку повторити.

  • @questopesto10
    @questopesto10 ปีที่แล้ว

    круто. как все потом вылить в тильду?

  • @MarsikChannel
    @MarsikChannel ปีที่แล้ว

    У меня небольшой вопрос по сетке(возможно глуповатый) из за того что настройки сетки strech оно соответственно растягивается и меняет свои значения, так вот что делать если мне нужно расширить холст в высоту при этом чтобы квадраты сетки не теряли своих первоначальных размеров, ну и так же с шириной

  • @cheremovsky
    @cheremovsky ปีที่แล้ว

    Блин, открыл для себя Макса и не могу остановиться, смотрю видос за видосов)
    Что за шрифт пиксельный на обложках был, кто-нибудь знает?

  • @alicegreen380
    @alicegreen380 2 หลายเดือนก่อน

    магия, ёшкин кот!

  • @joymusicstudio1
    @joymusicstudio1 ปีที่แล้ว

    Comment in support of the channel Thank you for your work!!!!!!

  • @mrrrksmith
    @mrrrksmith ปีที่แล้ว +2

    Не уверен насколько удобно использовать все таки строук для того, чтоб следить за внутренними отступами. В принципе, если заранее грамотно настроить боксы в виде автолейаутов и между собой их также расставлять с помощью автолейаутов, то (как мне кажется) впоследствии будет проще двигать их между собой. Но, кому как удобнее 😉

    • @maxshirko
      @maxshirko  ปีที่แล้ว +1

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

  • @eugennaumov1860
    @eugennaumov1860 ปีที่แล้ว

    Лайк

  • @grimfrost8742
    @grimfrost8742 ปีที่แล้ว

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

    • @mishatabi
      @mishatabi ปีที่แล้ว +1

      Как в блоке «Наша команда» это сделано - один модуль=одно изображение. Заливается во фрейм картинка, маски не нужны

  • @user-tr7iz2qs9q
    @user-tr7iz2qs9q ปีที่แล้ว

    Підкажіть будь-ласка де знайшли такі векторні об'єкти, як ви сказали "виглядає як лого", де такі взяти?🥰

    • @maxshirko
      @maxshirko  ปีที่แล้ว

      З платних бібліотек Envato

  • @violettasuokas6162
    @violettasuokas6162 ปีที่แล้ว

    Привет! не понятно как настроить сетку. можно пожалуйста поподробнее

  • @kirillm1175
    @kirillm1175 ปีที่แล้ว

    Что за музыка в начале ?

  • @nulixuli7070
    @nulixuli7070 ปีที่แล้ว

    Как сделать такую-же сетку ?

  • @frankcostello7215
    @frankcostello7215 4 หลายเดือนก่อน

    В англоязычной среде много говорят в последнее время про направление Bento Grid. Визуально очень похоже на модульный дизайн Макса. Это одно и то же, или понятия все же разные?

    • @maxshirko
      @maxshirko  4 หลายเดือนก่อน

      Есть отличия, но в целом суть похожа

    • @frankcostello7215
      @frankcostello7215 4 หลายเดือนก่อน

      @@maxshirko Макс, у вас объективно один из лучших каналов! Буду очень признателен, если снимете ролик про эти самые отличия и про Bento grid в целом💎 Например для меня это будет очень актуально, так как стиль в тренде сейчас, о нем много говорят

  • @oxq5193
    @oxq5193 ปีที่แล้ว +1

    а почему обводка а не оступы, автолэйауты и констрэйнс?

    • @maxshirko
      @maxshirko  ปีที่แล้ว +1

      Потому что на этапе дизайна я не знал ни про размеры, ни про количество контента внутри и в целом, не был уверен что такой дизайн блока останется.

  • @djvitaminka
    @djvitaminka 11 หลายเดือนก่อน

    а можно налаштування сітки?

  • @holytihon
    @holytihon 11 หลายเดือนก่อน

    Интересно как его теперь верстать, что бы он и на 1280 хорошо смотрелся и на 1920 😰

  • @shapeofvale2881
    @shapeofvale2881 ปีที่แล้ว

    маю питання, а навіщо створювати обводку 51 пікселів, коли є автолейаут?

  • @artemnazarov6636
    @artemnazarov6636 ปีที่แล้ว +1

    👍🇺🇦🤝

  • @oy.design
    @oy.design ปีที่แล้ว

    ауєнний результат