Advanced Grids in UI & Web Design

Поділитися
Вставка
  • Опубліковано 27 лип 2024
  • Are you tired of creating web designs that feel cluttered and unorganized? Do you want to learn new techniques that can take your grid skills to the next level? Look no further than this video on advanced grid techniques! ... Remember to Subscribe goo.gl/6vCw64
    In this video, I cover a variety of advanced grid techniques for web design, including responsive grids, 8-point grids, baseline grids, and more. By using these techniques, you can create web designs that not only look visually appealing, but also function efficiently. Whether you're just starting out in web design or are an experienced designer, this video has something to offer.
    ------------------------------------------------------------------------------------
    🤝 //////////// Get my new Intro to UI/UX design course:
    www.jesseshowalter.com/course...
    🏆 //////////// Join my members community to get access to perks:
    designchamps.io/
    📫 ////////// Sign up for my Monthly Newsletter
    www.jesseshowalter.com/newsletter
    Get the file used for this video, support the creator
    www.figma.com/community/file/...
    ------------------------------------------------------------------------------------
    🎨 ////////// I design in Figma
    psxid.figma.com/ixbomhqzoiy0
    🖥️ ////////// I build websites with Webflow
    webflow.grsm.io/4495884
    📅 ////////// I run my life with Notion
    affiliate.notion.so/tokendsfahjf
    🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...

КОМЕНТАРІ • 18

  • @pichipurinsesu
    @pichipurinsesu Рік тому +3

    This vid couldn't have come at a better time! This is something I want to grow on to get solid design fundamentals. I always find I'm just that little bit off but I'm getting there :)

  • @user-db2qz4pz8y
    @user-db2qz4pz8y Рік тому +1

    Thank you so much for this video !🎉

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

    This is really nice. Liked and subscribed.

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

    Another great video

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

    The thumbnail is 🔥!!!

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

    great vedio 👏👏👏

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

    Great video as always. Moving to a 4/8px grid for most projects was a game changer for me

  • @Amaalfahmy_
    @Amaalfahmy_ 10 місяців тому +1

    Great video as usual ♥️

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

    Gotta say I went from having bad UI to pretty good UI with your tutorial on your website. It just massively boosted my art ability. Love your tutorials!

    • @JesseShowalter
      @JesseShowalter  Рік тому +3

      Great to hear!

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

      @@JesseShowalter Are you going to make one similar to the mobile one but for desktops/tablets?

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

    If possible, I think it would be super helpful if you linked the Figma file in the description

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

    for mobile we can use 4 grid and for desktop 12 grid . is it best practice or not?
    similarly gutter 20 is good. how we can keep margin for both design?

  • @jo69123
    @jo69123 5 місяців тому

    how do web designers know how to take into account the viewport height? I see no layouts having a "line" to divise where the viewport might end and take it into account for designing

  • @oliver13deft
    @oliver13deft 10 місяців тому +1

    I WANT 2 BE DA GRID MASTA