The 7 laws of good Web Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ส.ค. 2024
  • Navigating the Web Design landscape has become more challenging than ever before, with new tools and trends constantly emerging, and a surge of aspiring designers joining the wave. But here’s the thing: just as a fancy camera doesn’t make you a great photographer, a fancy design tool or technique won’t make you a great designer. 80% of Web Designers worry too much about technology and trends, before mastering the fundamentals and key principles of Web Design. I’m talking to the 20% that is ready to stand out from the crowd: if you want to future proof your career, spend the majority of your time mastering the fundamentals. In this video, I will share with you the 7 laws of Good Web Design, to help you do just that.
    • Brand Identity Design ...
    FREE GOLDEN CANON GRID COURSE
    Download the Golden Canon grid and join thousands of students in learning 5 secrets to design beautiful websites with the Golden Canon Grid with this free course:
    bit.ly/3Ym0yTx
    FREE WEB DESIGN BOOSTER COURSE
    If you want learn my process to get hired or get new clients, I prepared a free course called the Web Design Booster to teach you the strategy that helped me get my first job, and that I kept applying to get hired at MediaMonks, R/GA and get offered jobs at Apple & Microsoft, as well as get great freelance clients.
    bit.ly/3qfpIXs
    READY TO JOIN THE WEB DESIGN MASTER CLASS?
    If you are ready to peak your Web Design skills & learn how to monetize them so you can have more freedom to do the things that you love, then click the link below to apply to my signature program, the Web Design Master Class. I will schedule a call with you so we can chat and decide if my program is the right fit for you:
    Apply here:
    bit.ly/44R0Wfb
    TWEET THIS VIDEO: ctt.ac/f6QL4
    DM me on social media:
    • Instagram: / hellobont
    • LinkedIn: / adriansomoza
    Check out my works:
    • Behance: www.behance.net/adriansomoza/
    • Dribbble: dribbble.com/adriansomoza/
    TH-cam Video URL: • The 7 laws of good Web...
    Typefaces used: Hatton by pangrampangram.com/ and Rhapsody by off-type.com/
    Video by Matthias Groeneveld: www.pexels.com/video/flock-of...
    #BONT #WebDesign #7LawsOfGoodWebDesign

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

  • @Xsynth
    @Xsynth ปีที่แล้ว +22

    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 10 หลายเดือนก่อน +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  9 หลายเดือนก่อน

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

  • @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 ปีที่แล้ว

    Adrian is the best, so knowledgable and well spoken!

    • @hellobont
      @hellobont  ปีที่แล้ว

      Thanks so much bro ✨️🙌

  • @katya-suleymanova
    @katya-suleymanova 9 หลายเดือนก่อน

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

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

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

  • @zoistoik
    @zoistoik ปีที่แล้ว +2

    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  ปีที่แล้ว

      Definitely 👌 The best and most underrated source of inspiration!

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

    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  3 หลายเดือนก่อน

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

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

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

  • @danieldornyo3041
    @danieldornyo3041 ปีที่แล้ว

    Thank you for these practical information. Always invaluable.

    • @hellobont
      @hellobont  ปีที่แล้ว

      Always a pleasure my friend!

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

    ⭐️very valuable fundamentals

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

    Great insights brother.

  • @appa.qua1
    @appa.qua1 8 หลายเดือนก่อน

    Thank you for advice

  • @jameshskim
    @jameshskim ปีที่แล้ว +6

    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!

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

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

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

      My pleasure! :) Thanks!

  • @HarshitDesai
    @HarshitDesai ปีที่แล้ว +1

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

    • @hellobont
      @hellobont  ปีที่แล้ว

      Glad you liked it!

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

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

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

    Thank you for sharing this practical information 🖤

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

      Any time!

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

    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?

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

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

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

      Thank you! Cheers!

  • @rileydesign
    @rileydesign ปีที่แล้ว

    Excellent points. Thanks for the sharing.

    • @hellobont
      @hellobont  ปีที่แล้ว

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

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

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

    • @AkintadeHannah
      @AkintadeHannah 9 หลายเดือนก่อน +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.

  • @rogerio8710
    @rogerio8710 ปีที่แล้ว

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

    • @hellobont
      @hellobont  ปีที่แล้ว

      Glad to hear that!

  • @1010bobmarley
    @1010bobmarley 8 หลายเดือนก่อน +1

    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  8 หลายเดือนก่อน

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

  • @AjiNMoto
    @AjiNMoto ปีที่แล้ว

    awesome, love it

    • @hellobont
      @hellobont  ปีที่แล้ว

      Thank you! Cheers!

  • @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 🙏✨️

  • @user-gq2wz7fd6x
    @user-gq2wz7fd6x 10 หลายเดือนก่อน

    thx - some really good advise here

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

      Glad it was helpful!

  • @mondemarafane5486
    @mondemarafane5486 ปีที่แล้ว

    Amazing!!

    • @hellobont
      @hellobont  ปีที่แล้ว

      Thanks my friend!!

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

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

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

      Absolutely!

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

    Golden tips

  • @AkintadeHannah
    @AkintadeHannah 9 หลายเดือนก่อน +3

    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 11 หลายเดือนก่อน +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  11 หลายเดือนก่อน

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

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

      @@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  11 หลายเดือนก่อน

      Makes total sense! 👏

  • @exitlife2859
    @exitlife2859 ปีที่แล้ว

    great vid! :))

    • @hellobont
      @hellobont  ปีที่แล้ว

      Glad you liked it!!

  • @erasmorivera3966
    @erasmorivera3966 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน +1

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

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

    Gold

  • @lukastaneda8128
    @lukastaneda8128 10 หลายเดือนก่อน +1

    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  10 หลายเดือนก่อน

      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 9 หลายเดือนก่อน +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.

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

    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  5 หลายเดือนก่อน

      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 :)

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

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

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

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

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

    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 9 หลายเดือนก่อน

      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.

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

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

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

      It's PP Hatton by Pangram Pangram 😉

  • @teuccio73
    @teuccio73 ปีที่แล้ว

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

    • @hellobont
      @hellobont  ปีที่แล้ว +1

      Chrome's native inspector!

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

    extension name please

  • @2sidegamer269
    @2sidegamer269 10 หลายเดือนก่อน +1

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

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

      Principle!

    • @2sidegamer269
      @2sidegamer269 9 หลายเดือนก่อน

      @@hellobont thank you

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

    what do you use to create animations ?

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

      Principle!

  • @brianm3160
    @brianm3160 ปีที่แล้ว

    10:15 was this done in figma?

    • @hellobont
      @hellobont  ปีที่แล้ว

      No, I did the animation in Principle!

    • @brianm3160
      @brianm3160 ปีที่แล้ว

      @@hellobont 😯

  • @KhaledKimboo4
    @KhaledKimboo4 ปีที่แล้ว

    You need more light , and fix the camera angle

    • @hellobont
      @hellobont  ปีที่แล้ว

      Thanks for the feedback

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

    남자추적기!

  • @crossxer6099
    @crossxer6099 10 หลายเดือนก่อน +3

    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.

  • @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 :)