The 7 laws of good Web Design

Подписаться 30 тыс.

Просмотров 39 тыс.

50% 1

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/
RU-vid 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

Опубликовано:

31 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 95

@Xsynth 10 месяцев назад

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

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

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

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

@SothearithKONGMrMuyKhmer 8 месяцев назад

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

@Sofia0S0S 10 месяцев назад

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

@hellobont 10 месяцев назад

I really appreciate that Sofia! Thanks a bunch!

@danieldornyo3041 10 месяцев назад

Thank you for these practical information. Always invaluable.

@hellobont 10 месяцев назад

Always a pleasure my friend!

@katya-suleymanova 7 месяцев назад

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

@priyanshubhatia07 Месяц назад

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 Месяц назад

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

@priyanshubhatia07 Месяц назад

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

@lindokuhlengomane7345 6 месяцев назад

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?

@appa.qua1 6 месяцев назад

Thank you for advice

@jacke.1247 9 месяцев назад

Adrian is the best, so knowledgable and well spoken!

@hellobont 9 месяцев назад

Thanks so much bro ✨️🙌

@GitayGold 4 месяца назад

⭐️very valuable fundamentals

@MrForestExplorer 7 месяцев назад

Great insights brother.

@jameshskim 10 месяцев назад

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

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!

@rogerio8710 10 месяцев назад

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

@hellobont 9 месяцев назад

Glad to hear that!

@BleakDeath 5 месяцев назад

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

@hellobont 4 месяца назад

My pleasure! :) Thanks!

@nguynnguynee 7 месяцев назад

Thank you for sharing this practical information 🖤

@hellobont 6 месяцев назад

Any time!

@rileydesign 9 месяцев назад

Excellent points. Thanks for the sharing.

@hellobont 9 месяцев назад

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

@HarshitDesai 10 месяцев назад

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

@hellobont 10 месяцев назад

Glad you liked it!

@spacetuna9971 8 месяцев назад

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

@wotomy 7 месяцев назад

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

@AkintadeHannah 6 месяцев назад

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.

@fiqihalfarizy4843 8 месяцев назад

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

@hellobont 8 месяцев назад

Thank you! Cheers!

@mrjohncrumpton 8 месяцев назад

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

Absolutely!

@monkeypawism 2 дня назад

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

@AjiNMoto 10 месяцев назад

awesome, love it

@hellobont 10 месяцев назад

Thank you! Cheers!

@akibtanjil 10 месяцев назад

This channel is just a goldmine

@hellobont 10 месяцев назад

Appreciate it man! Thanks and keep going 💪

@brianm3160 10 месяцев назад

Fr one of the best in YT

@hellobont 10 месяцев назад

Thanks Brian 🙏✨️

@user-gq2wz7fd6x 8 месяцев назад

thx - some really good advise here

@hellobont 8 месяцев назад

Glad it was helpful!

@1010bobmarley 6 месяцев назад

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

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

@lukastaneda8128 8 месяцев назад

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

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

@jhalanddesign 9 месяцев назад

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

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

@jhalanddesign 8 месяцев назад

@@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 8 месяцев назад

Makes total sense! 👏

@mondemarafane5486 10 месяцев назад

Amazing!!

@hellobont 10 месяцев назад

Thanks my friend!!

@njengathegeek 4 месяца назад

Golden tips

@zoistoik 10 месяцев назад

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

Definitely 👌 The best and most underrated source of inspiration!

@harshrajsinghranawat8365 5 месяцев назад

extension name please

@alisa_hanes 2 месяца назад

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 2 месяца назад

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

@teuccio73 9 месяцев назад

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

@hellobont 9 месяцев назад

Chrome's native inspector!

@erasmorivera3966 8 месяцев назад

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

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

@artisticbrit 7 месяцев назад

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

@jihyunlim2332 7 месяцев назад

Gold

@2sidegamer269 8 месяцев назад

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

@hellobont 8 месяцев назад

Principle!

@2sidegamer269 7 месяцев назад

@@hellobont thank you

@exitlife2859 10 месяцев назад

great vid! :))

@hellobont 10 месяцев назад

Glad you liked it!!

@aarzooali2364 8 месяцев назад

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

@hellobont 8 месяцев назад

It's PP Hatton by Pangram Pangram 😉

@TerpkeZ 2 месяца назад

what do you use to create animations ?

@hellobont 2 месяца назад

Principle!

@AkintadeHannah 6 месяцев назад

@brianm3160 10 месяцев назад

10:15 was this done in figma?

@hellobont 10 месяцев назад

No, I did the animation in Principle!

@brianm3160 10 месяцев назад

@@hellobont 😯

@KhaledKimboo4 10 месяцев назад

You need more light , and fix the camera angle

@hellobont 9 месяцев назад

Thanks for the feedback

@samantha.almonte 7 месяцев назад

I'm offering web design services!

@sltho 2 месяца назад

남자추적기!

@filetmignon9978 9 месяцев назад

8:30 are you a christian?

@hellobont 9 месяцев назад

I am!

@filetmignon9978 9 месяцев назад

@@hellobont thats so great! Me too!

@hellobont 9 месяцев назад

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

@crossxer6099 7 месяцев назад

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.