15 rules to adjust typography like a pro (Web Design tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024

ความคิดเห็น •

  • @ohmygoditstyrel
    @ohmygoditstyrel 4 หลายเดือนก่อน +2

    I'm going to review all my drafts and apply these typo rules to see the difference. Thanks again Adrian

  • @bakeraus
    @bakeraus 4 หลายเดือนก่อน +6

    I always think about accessibility when using all these fancy typefaces, I do love the design of them but careful cutting out customers or people being able to access your website.

  • @DucHoang-c1j
    @DucHoang-c1j 4 หลายเดือนก่อน +1

    Thank you, Adrian, I do find this video extremely helpful as a beginner in web design field. Again, many thanks from Vietnam

    • @hellobont
      @hellobont  4 หลายเดือนก่อน

      Glad it was helpful!

  • @xphstos_
    @xphstos_ 4 หลายเดือนก่อน

    Excellent video!
    Regarding rags, it's been a while since their release and they work fine as progressive enchancement, there is a CSS property called text-wrap and now has two new options, balance and pretty.
    Both of them are dealing with orphans and widows but use them with caution.
    They are pretty expensive in performance. Use them with caution and only when it's really needed.

    • @hellobont
      @hellobont  4 หลายเดือนก่อน

      That's great to know, thanks for sharing!

  • @neodidi
    @neodidi 4 หลายเดือนก่อน

    Thanks a lot Adrian..
    Your contents are truly a gem.. Thanks a lot.. I learnt a whole lot from this single video.. I always learn from your videos.

    • @hellobont
      @hellobont  4 หลายเดือนก่อน +1

      Happy to hear that man!

  • @v_malyovana
    @v_malyovana 4 หลายเดือนก่อน

    Thank you Adrian, your videos are always very helpful and inspiring. Brilliant!

    • @hellobont
      @hellobont  4 หลายเดือนก่อน

      Glad to hear, my pleasure!

  • @TamerlanAziev
    @TamerlanAziev 4 หลายเดือนก่อน

    These tips are so underrated, well done Adrian!

    • @hellobont
      @hellobont  4 หลายเดือนก่อน +1

      Thanks a ton bro! Hope you're doing well :)

  • @LordBoltagon
    @LordBoltagon 4 หลายเดือนก่อน

    Underpinning Golden rule! The user/reader should be able to scan over the copy with relative ease. Reduced cognitive load

  • @irshad7895
    @irshad7895 4 หลายเดือนก่อน

    Great tips. you made it so simple to understand

  • @LifeIExperienced
    @LifeIExperienced 3 หลายเดือนก่อน

    ultra knowlegdable content. Thanks BONT

    • @hellobont
      @hellobont  3 หลายเดือนก่อน +1

      You're welcome!

  • @Nevyrus
    @Nevyrus 4 หลายเดือนก่อน

    Muchas gracias, son muy buenos consejos!

  • @Pinkpotatu
    @Pinkpotatu 3 หลายเดือนก่อน

    You teach me a lot 🎉🎉🎉

  • @mmp2281
    @mmp2281 4 หลายเดือนก่อน

    Valiosa información como siempre! Gracias Adrían.

  • @TheWebCoder
    @TheWebCoder 4 หลายเดือนก่อน +1

    You being behind the plant is driving me crazy lol

  • @bingers_uk
    @bingers_uk 4 หลายเดือนก่อน

    This is very helpful, thank you

    • @hellobont
      @hellobont  4 หลายเดือนก่อน

      So glad!

  • @ansaransu4761
    @ansaransu4761 4 หลายเดือนก่อน

    Short and on point ❤

  • @banders-ralfs
    @banders-ralfs 4 หลายเดือนก่อน

    Thank you ☀️

    • @hellobont
      @hellobont  4 หลายเดือนก่อน +1

      You’re welcome 😊

  • @jevgenisuija
    @jevgenisuija 4 หลายเดือนก่อน

    Thanks!❤

    • @hellobont
      @hellobont  4 หลายเดือนก่อน

      Welcome!

  • @MartinALopez-gz5kf
    @MartinALopez-gz5kf 4 หลายเดือนก่อน

    Greatest infatuation and admiration 😃

    • @hellobont
      @hellobont  4 หลายเดือนก่อน

      haha thanks man, glad you liked the video!

  • @simontomalik8837
    @simontomalik8837 4 หลายเดือนก่อน

    Haha, perfect, thank you

  • @simontomalik8837
    @simontomalik8837 4 หลายเดือนก่อน

    Any more books that you would (or any of you guys) would recommend when it comes to design?

    • @hellobont
      @hellobont  4 หลายเดือนก่อน +1

      I have a post on my Instagram account with my top 5, but maybe I can do a video about that :) I'll note it down.

  • @sebastianmihaiprisacariu8975
    @sebastianmihaiprisacariu8975 4 หลายเดือนก่อน

    you meant the shorter the paragraph, the tighter the line height. :)

  • @UTJK.
    @UTJK. 3 หลายเดือนก่อน

    I'm not completely convinced of the rule at 5:50... Maelstrom's text was unreadable at that point.

    • @hellobont
      @hellobont  3 หลายเดือนก่อน

      Ok!

  • @herrDOS
    @herrDOS 25 วันที่ผ่านมา

    3 is actually odd since you need to increase kerning for all caps.

    • @hellobont
      @hellobont  25 วันที่ผ่านมา

      The rule applies anyways.

    • @herrDOS
      @herrDOS 25 วันที่ผ่านมา

      ​@@hellobont If you squeeze capitalized serif, it would lose the “Trajan”-ish look. Usually doesn’t look good.

  • @alexandergeorgesquire220
    @alexandergeorgesquire220 4 หลายเดือนก่อน

    You said the longer paragraph the tighter the line height? Didn’t you mean the opposite?

    • @hellobont
      @hellobont  4 หลายเดือนก่อน +1

      Great catch! Wow haha you're right. The longer the paragraph, the more loose the line height.

  • @sebastianhahn4929
    @sebastianhahn4929 4 หลายเดือนก่อน

    shouldn't the first point be:
    "the wider the paragraph, the bigger the line height" ?

    • @cydneyche1
      @cydneyche1 4 หลายเดือนก่อน

      Yes I was confused because he contradicted his point with that statement

    • @hellobont
      @hellobont  4 หลายเดือนก่อน +1

      Yeah, it's clarified in the description!

  • @agustinasosa2175
    @agustinasosa2175 หลายเดือนก่อน

    I came looking for copper and found gold

    • @hellobont
      @hellobont  29 วันที่ผ่านมา

      haha loved that, glad to hear Agustina!

  • @princemuuhvmed6351
    @princemuuhvmed6351 หลายเดือนก่อน

    man your video boring you gotta avoid that its's just an advice

    • @hellobont
      @hellobont  หลายเดือนก่อน

      Thanks for the feedback xD