Designing Grid Layouts for Dashboards and SaaS Products: The Ultimate Guide!

Поділитися
Вставка
  • Опубліковано 29 лис 2024

КОМЕНТАРІ • 32

  • @prosper.design
    @prosper.design 2 роки тому +9

    48 minutes of straight, to the point, practical and actionable video. Thank you for putting this together. So much learnt in under one hour 👍🏻👍🏻

  • @tayyabsohail8823
    @tayyabsohail8823 7 місяців тому +1

    boom what a video bro. I was designing dashboard and want to know how grid system is used then I searched find your video. What a deeply and informative content is available for free designers. How they make design functional and well experience. Thanks Design Pilor for providing valuable content for us. 😍😍

  • @gabrieu.amaral
    @gabrieu.amaral 4 місяці тому +2

    this is video is premium content, so valuable. Thanks for share

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

    Hey, thank you so much for this video... definitely will help me in my work. And what I like more is your straight forwardness and no going away from the real agenda of your video, which I see a lot videos does...

  • @stevenquadros9004
    @stevenquadros9004 3 місяці тому +2

    This is such an impressive video. Thank you for sharing this knowledge

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

    Subscribed in the first 6 mins

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

    This video is a GEM 💎

  • @clearlyvips
    @clearlyvips 2 роки тому +2

    Tip for Windows users: I have a 15.6 inch 1920p display but by default the resolution is scaled 125%, so when I am designing I use 1536px as the width to get 100% accuracy when mirroring. Great video Chethan :)

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

      Good point. But this will confuse people even more 😂

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

      @@DesignPilot 😅ikr, takes a while to figure this

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

      Nice tip, but how do you came up this value of 1536px?

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

      @@Kobawsky I tried doing some % maths but it didnt work out😅, so I put up a frame on figma and in prototype mode set it to 100% , and eyeballed which exact frame width was covering the screen fully

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

    Great explaination and showed the realtime time designs to understand for begginers even. Loved your way as you kept engaged till the end of 48th min ✌

  • @SonDang-s2l
    @SonDang-s2l 7 місяців тому +1

    Absolutely golden content

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

    This is so good...I was struggling this for so long in my workplace..Thanks for sharing this.

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

    Mind blowing content, thank you for this!

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

    This was needed and it turned out to be super helpful.

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

    thank you so much for this chetan best wishes

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

    Thank you again Chethan 👍

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

    Thank you, Chetan for this..💥💥💥

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

    Thank you for sharing this. Super useful 🙌

  • @Rishi-vw8nw
    @Rishi-vw8nw Рік тому +1

    Great video and lots of doubts got cleared in this thanks. I was wondering if we could have a video about Dashbaord auto layout with many moving parts. like from website dashboard to tablet to mobile screen and what relevant things to show.

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

    This was great thanks a lot but I was confused with the google analytics grid as you have opted for 2 column layout but when you see the bottom view cards are coming out of the grid you designed so was confused about this don't we just need a single 12 column grid here?
    But again amazing video never learned grid in this way thanks for the awesome content.

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

    Great video! I'm designing a dashboard for my professor's research project, and this helped me a lot. Could you also share the link to this Figma file?

  • @sebas08a
    @sebas08a 2 роки тому +2

    Nice! what happens when you have a Dashboard app and it shows you different tables with different sections and each table has different columns... do you have to make a different layout grid if it displays a table with 8 columns and other layout grid for a table for a 4 column for example? ( with sidebar always fixed on the let) ...?

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

      It totally depends on the use case. Can’t say for sure. There is no rule as such. It’s more like ‘Do what’s needed’

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

      @@DesignPilot oo yeah... yes Thats what im doing. I would nto have done it without your help from this vid. Thank you. Maybe you should do a video on this kind of grids and layouts and do breakpoints for dashboard in web, then on tablet and then on mobile. would be cool!

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

      It’s covered in this video - Basics of Responsive Web Design and Breakpoints: The Ultimate Guide!
      ua-cam.com/video/_2wqNI_Ch6g/v-deo.html

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

      @@DesignPilot Nice! you rock!!! thanks!

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

    Hey Chetan, is it possible that there can be different layout grids for different screens of the same product as we saw that UA-cam studio were having different layouts for dashboard and analytics?

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

    I love you bro...