DEV Community

Cover image for Best Web Design Course?
Ben Halpern
Ben Halpern Subscriber

Posted on

Best Web Design Course?

If someone wants to get into the fundamentals of web design, does anyone have any resources they'd recommend?

The title says best, but I welcome any recommendations even if you're not sure what the "best" is. ๐Ÿ˜„

Top comments (10)

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) • Edited

I can suggest material design guidelines.
material.io/design/

We can apply it on every design we do.

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him)
Collapse
 
rokuem profile image
Mateus Amorim • Edited

For an introduction to web design this one might be interesting:
Hack design - Lessons 101

But overall, there are a few other resources that I recommend.

A really nice one is the book "Evil by design", it gives really interesting explanations about "evil" experiences (that convert more) by using the seven deadly sins. It should give you some good fundamentals on how to make things that work well.

see "Evil by design" on Amazon

I also recommend looking at accessibility resources. Good design is enabling, not disabling. By understanding accessibility, you understand how to make things better and avoid many commons problems. Keep in mind that this is not only for people with permanent disabilities but also for those with temporary ones (broken arm, tired vision, bad environment) and for users with different needs and experiences. In general, accessible design is simply good design.

WAI - Accessible design tips
Free WAI accessibility course

As already mentioned, the material design guidelines is also very good, especially if you want to see about making good animations.

Material design guidelines

Some other resources that may help:

Collapse
 
haydenroborr profile image
Hayden Orr

I've been using The Odin Project, and so far I'm loving it. I really how it's structured to force the students to learn how to find the information they need and figure the solution themselves instead of giving them codes to copy and paste. Plus, by the end, you'll have a portfolio ready so you can start applying for jobs.

Collapse
 
pushkarski profile image
Nikita Pushkarski

I've never heard of this project, so thank you for mentioning it. It looks promising, especially as it's an open source, free platform.

Collapse
 
gndclouds profile image
William Felker • Edited

For me, the resources vary based on if your starting web design from a designer's or a developer's background.

Designers leaning Development:

Developers learning Design:

Collapse
 
saisandeepvaddi profile image
Sai Sandeep Vaddi

I liked the book from refactoringui.com. Fot developers, more practical answers to common design problems rather than a lot of theory.

Collapse
 
ivanlara profile image
ivanlara

This course would be my bet

bringyourownlaptop.com/courses/res...

Collapse
 
sararf22 profile image
SaraRF22

It looks great, I do have knowledge of html/css but yet unable to put it all in together in real projects, I will check it out

Collapse
 
ivanlara profile image
ivanlara • Edited

The first 30 or so videos are free in youtube youtu.be/C5QFHp1oAws