The 7 laws of good Web Design

Поділитися
Вставка
  • Опубліковано 28 січ 2025

КОМЕНТАРІ • 99

  • @priyanshubhatia07
    @priyanshubhatia07 9 місяців тому +5

    I don't know what to say because I always leave speechless after watching any and every video of Adrian sir.
    It is the bestest channel on web design that teaches naturality and simplicity, which are rarely found even in good designers.
    Thank you so much sir for sharing your insightful and valuable vision.🙏

    • @hellobont
      @hellobont  9 місяців тому +2

      So nice of you Priyan. Thanks for the kind words!

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

      @@hellobont Oh sir, you have replied me.😲❤️❤️

  • @Xsynth
    @Xsynth Рік тому +26

    Nail the fundamentals and the rest usually falls in place. Chase timeless design and not trends. I took your grids and composition for digital designers course awhile back and it pays off everyday. It definitely helped me bridge the gap. Good stuff, Adrian!

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

      Well said! So glad to hear you still find that course valuable. Hey send me a DM on Instagram, I'd love to connect :)

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

      Hey @Xsynth, kindly ask which video/course are you referring to, cus after listening what you said, I am interested. Is there a link for the course you refer to? thank you

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

      @@xavierbeh3484 it's not available anymore, now my only offer is the Web Design Master Class which includes that composition course as one of the modules.

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

    WHAT!! that color palette overlay trick was mind blowing. 🔥🔥

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

      Glad you liked it!

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

      The trick is nice, but that brown colour was bugging me so much it was distracting 😂

  • @zoistoik
    @zoistoik Рік тому +5

    biggest most valuable advice you give imo is to look at nature and physics instead of dribble! That alone will 10fold progress for new designers.

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

      Definitely 👌 The best and most underrated source of inspiration!

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

    This is great content, so different from the other channels that are all the same. Thank you!

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

      I really appreciate that Sofia! Thanks a bunch!

  • @jacke.1247
    @jacke.1247 Рік тому +1

    Adrian is the best, so knowledgable and well spoken!

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

      Thanks so much bro ✨️🙌

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

    This channel is just a goldmine

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

      Appreciate it man! Thanks and keep going 💪

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

      Fr one of the best in YT

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

      Thanks Brian 🙏✨️

  • @1010bobmarley
    @1010bobmarley Рік тому +2

    It’s interesting that good design depends on the use case. For example the ‘Oscilloscope’ website design wouldn’t be good if it was meant for a shop with really high site usage, but it’s perfect for it’s target audience.

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

      Exactly! Good design is tailored to the needs of each business and the goals of each website.

  • @songsofhues
    @songsofhues Рік тому +7

    I resonated with everything you said in the video. It would be cool to create a website for these seven laws and the website itself will demonstrate these laws as a real world example 😁

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

      That would be cool, thanks for the idea! Glad you resonated with what I said. Send me a DM on Instagram, would love to connect!

  • @katya-suleymanova
    @katya-suleymanova Рік тому

    What a clear speech! For me, as a unfluent english speaker, it is easy to listen you

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

    Such a high quality video wow… 😯 thank you man!

  • @2sidegamer269
    @2sidegamer269 Рік тому +1

    Hey what is the name of the application where you opened " mantrackers "

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

    amazing, even from seven years ago your site still look stunning.

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

    Thank you for sharing this practical information 🖤

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

    "기억에 남는 웹사이트" 이게 제가 필요했던 것 같습니다. 좋은 영상을 만들어주셔서 감사합니다!

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

      Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.

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

    Great insights brother.

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

    I just visited the metal website that you created and showed in your video. I love it however, on a iPhone it looks terrible. Multiple menus are showing multiple titles or showing needlessly. I would check it. I took a screenshot but there’s no way to show you here.

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

      Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.

  • @appa.qua1
    @appa.qua1 Рік тому

    Thank you for advice

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

    ⭐️very valuable fundamentals

  • @tscolasolutions
    @tscolasolutions 10 місяців тому

    what do you use to create animations ?

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

    thanks for all your knowledge. I'm learning many things. I have a question. Can an artistic design coexist on the same web page with a commercially focused design? and how would it be?

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

      Glad you find the content valuable Lukas! To me there's no distinction between "artistic" and "commercially focused" design. You might have to watch the video again because I explain this in depth. Let me know if you have any other questions!

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

      Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.

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

    Great video. Thoughts on Good web design is natural. I like the technique. And to add to that idea, in nature, light and shadow operate differential. Sun is yellow, Sky is blue. With golden yellow light you get the complementary opposite color in the shadow. So with that in mind, light colors should skew towards yellows, darker ones towards blue. Or in your case, light colors in the red spectrum, darker ones goes to green.

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

      That's very interesting! I will definitely look into that, thanks for sharing ✨️

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

      @@hellobont Thanks :) Just to add more to the color theory; the closer to white it should be less saturated, same goes for the blacks.

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

      Makes total sense! 👏

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

    wich ool do you use ti inspect the page? Thanks !

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

      Chrome's native inspector!

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

    extension name please

  • @AkintadeHannah
    @AkintadeHannah Рік тому +4

    Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.

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

    10:15 was this done in figma?

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

      No, I did the animation in Principle!

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

      @@hellobont 😯

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

    Good tutorial ❤ I didn't get the part you spoke about Nature

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

    thx - some really good advise here

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

    Thank you for these practical information. Always invaluable.

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

      Always a pleasure my friend!

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

    Excellent points. Thanks for the sharing.

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

      Glad it was helpful man! Send me a DM on Instagram, let's connect!

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

    Thanks so much Adrian for the greatest rules. ☺️🎉

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

    Hey Bont :)) Thank you for the amazaing and informative video. Just a quick question which applications do use to design and have your websites operating?

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

    Can you make a video explaining the difference between Web Designer vs Web Developer. I am under the impression that it’s almost the same.
    Thank you so much!

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

      Yes! You can expect it next monday, currently working on it!

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

    Hey, what's that typeface in your thumbnail? Looks awesome.

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

      It's PP Hatton by Pangram Pangram 😉

  • @monkeypawism
    @monkeypawism 8 місяців тому

    Your finaicial institution website, did you develope that in Weblow? How do you develop your sites? Great video and designs!

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

      I don't develop them, check my video: "should web designers learn to no-code?" ;)

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

    Excellent points, thank you for sharing. Isn’t it important to have the unique value proposition above the fold due to short attention span?

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

    awesome, love it

  • @alisa_hanes
    @alisa_hanes 11 місяців тому

    May I ask you how to practice creating such beautiful and unique websites? Do you design them and then build prototypes in figma? You make great content, thank you!!

    • @hellobont
      @hellobont  10 місяців тому

      Hey, thanks for the kind words! :) To practice, pick a niche, and create design concepts for businesses in that niche. Just redesign a real website, there are tons of ugly ones out there :)

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

    God really is the best designer :)

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

    Muito obrigado por essa aula. Acho que estamos concordando com tudo.

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

    Golden tips

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

    Amazing!!

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

    great vid! :))

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

    Gold

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

    You need more light , and fix the camera angle

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

    8:30 are you a christian?

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

      I am!

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

      @@hellobont thats so great! Me too!

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

      @@filetmignon9978 that's awesome! Let's connect on Instagram :)

  • @crossxer6099
    @crossxer6099 Рік тому +4

    This is actually wrong.
    1. Design doesn't have to be "memorable" at all. There are many websites in the industry that follow these "cookie cutter" layouts with no transitions or interactions other than basic navigation and they are exceptional examples of good ui/ux. Not only "templatish" websites are good, they are usually better than those creative ones, because they are familiar there for - intuitive and way more user friendly even easier to understand, scan and just consume. Those creative ones have common problem of distracting and putting unnecessary cognitive load. They look good from aesthetics point of view but ux/ui - poor.
    2. Its a bit hypocritical to say that good design is timepless, when "good" examples presented in this video uses contemporary style, from fonts to layouts, which will go out of date.

  • @sltho
    @sltho 10 місяців тому

    남자추적기!