Верстка десктопной и мобильной версии в Швейцарском стиле

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ต.ค. 2022
  • В этом видео на примере классической 4-х колоночной сетки я показываю как легко верстать лаконичные и аккуратные сайты.
    🔥 Подпишись и не пропусти анонсы следующих видео:
    В Телеграмм t.me/sayhellotomaxshirko
    В Инсте / maxshirko
    В ТикТоке / maxshirko

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

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

    Это ровно то, что я искал
    Базово и ёмко про швейцарский стиль с объяснением для новичков и примером 😍
    Спасибо ❤️

  • @natalyasemenova8641
    @natalyasemenova8641 ปีที่แล้ว +14

    Это божественно! Обожаю чистые простые сайты! Теперь Швейцарская сетка моя визуальная любовь❤ Осталось научиться также делать)))

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

    Нравится такой стилёк! Спасибо огромное 🔥

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

    Очень нравятся подобные видео! Смотрятся на одном дыхании

  • @user-bv3ru9jz1s
    @user-bv3ru9jz1s ปีที่แล้ว +2

    ждем еще видео с похожим форматом! очень полезно, спасибо🔥🔥🔥🔥

  • @user-qz6zg7pc2x
    @user-qz6zg7pc2x ปีที่แล้ว +2

    Очень круто! Спасибо за видео, как всегда интересно и познавательно 🔥🔥🔥🔥🔥

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

    Очень понятно и просто. Спасибо за твои видео :)

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

    Спасибо за кайфовое и полезное видео😍

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

    офигенное видео, спасибо за работу!!!

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

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

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

    Очень нравятся твои видео, спасибо за твой труд!

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

    Спасибо, Макс
    Из Ваших уст всё кажется легко и просто :).
    Надо сесть за комп и попробовать.

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

    Очень крутое и полезное видео, спасибо🔥🔥🔥
    Хотелось бы ещё что-то в таком формате))

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

    афигеть🔥🔥🔥 спасибо Макс что делишься таким🚀👍 респект🙌

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

    То, что нужно, спасибо тебе большое! Нравится подача - без пафоса и только самое необходимое👍

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

    Отлично получилось! Всегда полезно и не скучно! Учусь у тебя! Спасибо.

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

    🔥🔥🔥🔥 Макс, спасибо большое 🫶

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

    Макс, спасибо огромнейшее за суперполезные практические видео, для новичков такие понятные видео очень помогают в прокачке навыков, ибо на одной теории далеко не уедешь в обучении. Еще раз спасибо! ❤

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

    Спасибо большое Вам!
    Видео очень полезное :)

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

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

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

    Круто! Будем использовать)👍

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

    Макс, спасибо большое. Делай, пожалуйста, чаще такие видео

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

    Еее! Макс, спасибо большое 🔥

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

    Спасибо! Очень интересно слушать, живая подача, есть юмор и это прекрасно❤

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

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

  • @sophia.design
    @sophia.design ปีที่แล้ว +1

    Шикарный ролик! Спасибо за классную инфу 👍

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

    Вот же Человечище! Столько знаний дает! Огромное спс!

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

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

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

    На одном дыхании! Все гениальное просто! Просто, потому что автор талант! Спасибо, что делишься знаниями и опытом!

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

    Спасибо большое за разъяснения и такой крутой пример 🙏🏻 ❤

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

    Потрясающе полезно! Спасибо

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

    Спасибо за контент!!

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

    Видео классное, спасибо!

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

    Спасибо за супер контент 👍🏼

  • @user-fm1su6tb3e
    @user-fm1su6tb3e 2 หลายเดือนก่อน

    Макс, как всегда на высоте!

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

    Вижу новое видео - ставлю лайк 🥰🔥 как всегда топ

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

    Спасибо за такое классное объяснение, буду учиться делать так же)

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

    Супер! Спасибо за полезное видео!

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

    отличный видос! Спасибо, Макс)

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

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

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

    Афигенский контент. Спасибо, Макс

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

    Круто, спасибо за контент очень полезно!

  • @webdeva3144
    @webdeva3144 ปีที่แล้ว +4

    Давно хотела сделать дизайн в Швейцарском стиле - нравится его чистота и прозрачность, его нестареющая актуальность. Он кажется очень сложным и неприступным, а ты здесь дал крутую понятную схему расположения элементов. Еще выложенные в твоем telegram примеры современных цветовых сочетаний для этого стиля и примеры сайтов в этом стиле отлично дополняют общую картинку! Спасибо! Пойду пробовать полученные знания на практике!

  • @user-xk3ce9zv8x
    @user-xk3ce9zv8x 8 หลายเดือนก่อน +1

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

  • @nick_khomiakov
    @nick_khomiakov ปีที่แล้ว +26

    Макс, ну это балдеж. Смотрел и наслаждался. Теперь по поводу такого способа создания дизайна - офигенно. Я офигел от того, как ты по-минимуму думал создавая каждый блок, и при этом получилось стильно. Моё почтение!

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

      Поставил диз, потому что ни ссылки, ни названия шпаргалки нет.
      "Нашел, но никому не скажу"

    • @user-jt3rt6mn6f
      @user-jt3rt6mn6f 9 หลายเดือนก่อน

      в видео всё показали
      @@user-ze5tc2ft5n

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

    Макс. Как всегда - интересно и очень полезно!!!

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

    Макс, это сууууупееер полезно, спасибо ОГРОМНОЕ))

  • @chelovek_solnca
    @chelovek_solnca ปีที่แล้ว +12

    Макс, ну как же офигенно! Слушать, смотреть как ты работаешь - это истинный балдёж!

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

    Давно хотел узнать, как строить швейцарскую сетку в вебе, большое спасибо за контент!

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

    Класс. Давно хотела узнать подробнее про этот стиль

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

    Ты вообще понимаешь, что ты делаешь? Ты столько годноты отдаёшь, я не могу, ма-ма.. недавно подписался и уже тебя обожаю, величать Вас Максимом? Ну это прелесть, спасибо за контент!

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

    Макс, шикардос! 🎉🎉🎉 попробую обязательно прямо сегодня
    Привет из Одессы

  • @Irina_Mecieva
    @Irina_Mecieva ปีที่แล้ว +7

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

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

    супееер, надо попробовать сделать , благодарю за видео

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

    Макс - тупо лучший 🧨

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

    Отличное видео❤

  • @sergii.kovalenko
    @sergii.kovalenko ปีที่แล้ว +1

    Супер круть!!! 😍

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

    Познавательно. Спасибо!)

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

    Макс. Здорово как всегда❤

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

    Макс, спасибо🙌 Захотелось сделать следующий сайт для заказчика именно в швейцарской верстке. Очень логично, чисто и круто!

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

    Спасибо, любуюсь❤

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

    Еще не смотрел но сразу лайкос.
    Макс, максимальная любовь мужик

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

    Круто очень!!!

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

    👌😎топ!!!! Просто пушка!

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

    Как раз то, что искала несколько недель назад!

  • @ludmila_lm7076
    @ludmila_lm7076 ปีที่แล้ว +4

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

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

    Супер корисне та практичне відео, дякую !

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

    Дякую за чудове та цікаве відео, подивилася на одному диханні!

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

    очень круто!

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

    Ваще Молодец, действительно четко сделал, умеешь, могешь!

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

    Я обожаааааю швейцарский стиль!!!❤❤❤ спасибо

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

    Спасибо большое)

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

    Макс, это просто вышак! Выкладывай видосы почаще!

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

    Четко, пересоберу себе лэндос под эту вёрстку, просто интересно попробовать )!!!

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

    Спасибо, бро!

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

    Это просто ахуэээно!🔥🔥🔥

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

    Max лучший!

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

    Полезная инфа)

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

    как круто😍

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

    Это было максимально вовремя, потому что начал работать с зарубежкой, а там этот стиль очень любят!

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

    Кайфульно!

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

    Балдежно!

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

    как всегда кайфонул от видео
    Полезное дополнение (а может я провтыкал это в видео) Фигма и подобные редакторы, которые позволяют делать вложенные фреймы/артборды, могут облегчить жизнь, если изначально выстроить логику по-блочно:
    1) расчитать не только сетку а и возможные высоты экранов и/или блоков
    2) сделать под эти высоты фреймы/артборды как шаблон
    3) собирать контент используя функционал вложенных фреймов.
    на выходе имеет по-сути супер-гибкую функциональную дизайн-систему под конкретную шрифтовую гарнитуру. Более того, такой подход позволяет эксперементировать с вложенными блоками под другой шрифт, под блок другой ширины(например для скрола с эффектом "приклеенного заголовка" или горизонтальных скролов. Или врезками как в журнале -- бац и посреди блока другой блок с другой типографикой
    Изначально ведь швейцарская сетка расчитана на фиксированный размер носителя: плакат, книга, журнал, листовка, этикетка. Подобного рода системы залипательно делать в indesign. Те кто хоть раз работал над журналом и понял кайф различных типов линеек , колонок и сеток, порой скучает под некоторым фичам:
    например "baseline grid" - это как раз те горизонтальные ряды, которые высчитывал Макс. В Индизайн же и подобных редакторах этот грид не нучжно считать по количеству строк, а наоборот нужно указать, например размер в pt/em/px одного ряда и редактор сам разлинеет как следует под размер конкретного фрейма
    кроме того, в текстовом блоке есть галочка "привязаться к baseline grid" и шрифт сам будет прилипать к линейке. вот таких вещей еще не хватает в веб-редакторах
    остальное же можно реализовать, как я писал выше, с помощью системы вложеных фреймов.

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

      Офигенный способ, респект ❤ буду юзать

  • @user-wh1kj1iz5j
    @user-wh1kj1iz5j 11 หลายเดือนก่อน

    Мощь!!!

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

    Круто !

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

    Макс, ты бог!

  • @vanlife_russia
    @vanlife_russia ปีที่แล้ว +5

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

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

    Вау, круто. Дякую за цікаве пояснення і ідею з сіткою

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

    балдеееж🤤

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

    спасибо большое

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

    Крутая съемка, цвет, звук, музончик и вот это всё 🔥

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

    Крутота!

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

    Макс, большое спасибо. Это круто, буду делать обязательно (ʘᴗʘ✿)

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

    Агромне дякую за контент!

  • @annapochynok2724
    @annapochynok2724 6 หลายเดือนก่อน

    Макс, супер цікаво і корисно, як завжди

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

    Круто! Дякую!

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

    Балдёжный дизайн, Балдёжный Макс, обожаю! ❤

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

    Лайк!

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

    Кайфово вышло! Спасибо за такой контент

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

    Молодец. Не думал всегда делать только в этом стиле?)