Finding it a bit hard to separate the noise from the signal when it comes to learning web design/UI/UX. I'm looking to level up enough to be able to use design tools well + have an intuition for good vs bad design + be able to (hopefully) design well myself. Please assume I'm a complete noob. thanks in advance HN!
Ask HN: Best self-starter resources to learn web design?
1–10 of 48 posts
Re: Ask HN: Best self-starter resources to learn web design?
#2Assuming You want to do this as a job, start where the majority of potential customers are.
https://codex.wordpress.org/Theme_Development
There are tons of tutorials out there, intuition correlates with experience in most cases.
Re: Ask HN: Best self-starter resources to learn web design?
#3Refactoring UI's videos and book are great:
Re: Ask HN: Best self-starter resources to learn web design?
#4I’ve found http://ui-patterns.com/patterns to be particularly useful. The patterns both show you how others solve common design problems, and give you the vocabulary to meaningfully talk and find additional information about them.
Re: Ask HN: Best self-starter resources to learn web design?
#5Refactoring UI's videos and book are great: https://www.youtube.com/c/SteveSchoger/videos https://www.refactoringui.com/book
Second this! Refactoring UI has very practical and effective advice for creating web UI's.
Apart from this, I recommend "Learning Web Design" (5th Edition) by Jennifer Robbins. It has a broad sweep and still gives you all the practical tips.
Learning React (2nd Edition) is a good one if you're going to use React.
P.S: I did a similar Ask thread earlier this year where some of these were mentioned - https://news.ycombinator.com/item?id=26932020
Re: Ask HN: Best self-starter resources to learn web design?
#6I particularly enjoyed www.every-layout.dev
Re: Ask HN: Best self-starter resources to learn web design?
#7Have you tried taking a look at Codecademy and w3schools? These resources would be a great starter learning resource, and at the same time, you can use them as your reference if you decide to start building projects.
Re: Ask HN: Best self-starter resources to learn web design?
#8For design intuition I reccomend a book called the design of every day things by Don Norman. It's not about software but the principals apply broadly.
For the applied stuff I haven't used their courses but I've heard freecodecamp is good. I frequently reference other articles by them that have had good content.
Re: Ask HN: Best self-starter resources to learn web design?
#9This helped me: https://www.theodinproject.com
Re: Ask HN: Best self-starter resources to learn web design?
#10It is not technically a "learning" resource, but Storybook[0] is useful resource for developing web UI. The tutorial[1] section is very helpful. This is a learning-by-doing type of resource.