Getting Spacing right between UI Elements when Designing Websites! - Basic Design Principles

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

КОМЕНТАРІ • 22

  • @m.salmanisrar5598
    @m.salmanisrar5598 6 місяців тому +3

    well i usually use micro white spacing to draw emphasis to my CTAs For example
    Heading and description are visually close together and buttons are visually a bit far away from the text while keeping these three elements the same group. My idea is to separate the button a bit as individual elements without a parent will grab more attention and CTAs usually are attention grabbing as even in the video when you separated the secondary info from the CTA, secondary info was taking too much attention. Lemme know your thoughts on it.

  • @salemmohammad2701
    @salemmohammad2701 7 місяців тому +2

    Very insightful. is there any guide or reference provide recommended values for spacing within the various sections in the page? and do you have a specific system for the values of those spaces?

    • @DesignPilot
      @DesignPilot  7 місяців тому

      There are no recommended values as such.

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

    Great video,enjoys it.
    Do more on Typography and fonts.Thank you.

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

    Great info! Thanks for posting.

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

    Loving your videos.
    Looking forward to more.

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

    Is there any rules to use the spacing? Or can we define it?

  • @azamraza7952
    @azamraza7952 Рік тому +2

    Valuable Content

  • @joyceadeleke4513
    @joyceadeleke4513 Рік тому +2

    Are you using a plugin to inspect the padding?

  • @swatisnigdhadash6407
    @swatisnigdhadash6407 Рік тому +2

    What is the rem thing in the inspect? Do developers covert pixels to rem?

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

      Not always. But sometimes. We think in terms of pixels, they think in terms of rem.

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

    Great video

  • @smilli6415
    @smilli6415 Рік тому +2

    are there any plugins for mac thats makes easy to inspect website elements to see what spacing /fint size etc

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

      There must be a few chrome extensions

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

      @@DesignPilot any plans on doing a video on ios guidelines ?

  • @alokKumar-xg1ct
    @alokKumar-xg1ct 2 роки тому +3

    Is it true web design doesnt have a fixed rule of font sizes

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

    You didn’t teach a single thing.. Just saying “you have to check it for yourself. This is sort of close. This is big, this one is small. This is too small. “ nearly every comment made here is subjective, omitting literally any practical rule of hand, guidelines to follow, principles, or overall mindsets.
    Anyone can get on and just talk about how they “feel” things are. It’s just sounds coming out. Then you say “the values totally up to you😂”. Like dude what are you even teaching??
    Because I sure hope it’s not how to use inspect mode….

    • @DesignPilot
      @DesignPilot  9 місяців тому

      You’re absolutely right. This is quite an old video and it was the best I could do at that time. Of course if I made a video on a similar topic today, it would be 1000x better.

  • @thaile6149
    @thaile6149 8 місяців тому +1

    Great content