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

Поделиться
HTML-код
  • Опубликовано: 18 янв 2025

Комментарии • 22

  • @m.salmanisrar5598
    @m.salmanisrar5598 9 месяцев назад +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.

  • @LandonStahly
    @LandonStahly Год назад +3

    Great info! Thanks for posting.

  • @kishangautam7506
    @kishangautam7506 2 года назад +2

    Loving your videos.
    Looking forward to more.

  • @philippain
    @philippain Год назад +3

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

  • @salemmohammad2701
    @salemmohammad2701 10 месяцев назад +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  10 месяцев назад

      There are no recommended values as such.

  • @azamraza7952
    @azamraza7952 Год назад +2

    Valuable Content

  • @sh_es
    @sh_es 2 года назад +3

    Great video

  • @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.

  • @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 ?

  • @joyceadeleke4513
    @joyceadeleke4513 Год назад +2

    Are you using a plugin to inspect the padding?

    • @DesignPilot
      @DesignPilot  Год назад +1

      Nope. Just overlaying elements

  • @SsgMHK2024
    @SsgMHK2024 Год назад +3

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

  • @alokKumar-xg1ct
    @alokKumar-xg1ct 2 года назад +3

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

  • @AtomicPixels
    @AtomicPixels Год назад +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  Год назад

      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 11 месяцев назад +1

    Great content