Perfect Spacing for Web Designers

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

КОМЕНТАРІ • 26

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

    Great intro to spacing! But do keep in mind that fixed-height layouts such as this one can break when the copy or titles change. As a web dev, I've seen this happen again and again, especially with titles. Imagine if at some point in the future the client wants the "Rainforest tour" to become the "Amazon river rainforest tour experience".
    Unless there's full control over the content, web design should account for content reflow and assume an unknown height. Expecting a card to be X pixels high looks great but can cause trouble later with content updates.

  • @moonwire058
    @moonwire058 4 місяці тому +6

    Great video. I'm working on a new design system right now and have been having lots of discussions about 'spacing'. It's good to know we're on the right track. Also, for me as a designer it's good to know what makes the life of the developer easier. You mentioned the consistency and also the small style guide. Would love to learn more about creating a great handover process.

    • @FluxAcademy
      @FluxAcademy  4 місяці тому

      Thank you, and great note.

    • @fatmaabbassi9257
      @fatmaabbassi9257 Місяць тому

      @@FluxAcademy great tutorial thank you , but can you tell us how you get like those images?

    • @FluxAcademy
      @FluxAcademy  Місяць тому

      @@fatmaabbassi9257 MidJourney

  • @car4029
    @car4029 4 місяці тому +3

    This is a great video, i've been wondering about this topic lately. Feel like it's one of those things that really makes a design feel professional

  • @daliafatima8463
    @daliafatima8463 3 місяці тому +1

    Amazing info, thanks !

  • @chriswertz5825
    @chriswertz5825 3 місяці тому

    You are a great teacher and you keep improving with each new video.

  • @mehmiller
    @mehmiller 2 місяці тому

    Thank you for the tutorials

  • @ahmedyahya3593
    @ahmedyahya3593 4 місяці тому +1

    This is an amazing videThanks for sharing this video, there is no great video on you explaining the way you did. I was eagerly awaiting it 🙏🏽

  • @kingpow3015
    @kingpow3015 4 місяці тому

    Thanks! I've always been looking for this kind of info

  • @lydiawere
    @lydiawere 4 місяці тому

    Great video, thanks for sharing 🙏

  • @fernandopaiva85
    @fernandopaiva85 4 місяці тому +1

    This is GOLD! Thank you so much for sharing with us!

  • @karamikulka3640
    @karamikulka3640 3 місяці тому

    I love this video! Thank you for sharing. One note though... we design these beautiful sites in Figma, but then have to redesign everything again after we add it to WordPress. Is there a plugin that easily and seamlessly transfers the Figma site to a WordPress site? If not, then how do you transfer it?

  • @Nysk44
    @Nysk44 4 місяці тому +1

    just what i needed 😎🤓

  • @tejask2936
    @tejask2936 4 місяці тому

    dammm i need this thnks😍😍

  • @Nunyah94
    @Nunyah94 4 місяці тому

    Thank you for this! This is something that took me a while to grasp as a new designer but I’m glad to know it doing it right for the most part.
    But on an unrelated note…am I the only one that thinks this guy is so freaking hot? I feel like he gets cuter every year lol

  • @BigBlueRabbit
    @BigBlueRabbit 4 місяці тому

    Hmm - basically it's like we always do - faff around within limits until it feels right :-) No hard rules.

  • @klokkerholm1993
    @klokkerholm1993 4 місяці тому

    Sorry but i wouldnt say this is good spaceing for a card the text is to far away for heading and have the same size as the Pre text
    Feel a little cramp in the small card margin from the top, just my thoughts