💾 Archived View for dioskouroi.xyz › thread › 29428533 captured on 2021-12-03 at 14:04:38. Gemini links have been rewritten to link to archived content

-=-=-=-=-=-=-

Ask HN: Best self-starter resources to learn web design?

Author: shry4ns

Score: 22

Comments: 10

Date: 2021-12-03 10:36:31

________________________________________________________________________________

5cott0 wrote at 2021-12-03 18:44:49:

Focus on developing a solid workflow in a single design tool first. Just follow beginner video tutorials, especially playlists. As you develop a workflow, and make lots of mistakes, you will naturally pick up bits and pieces of UI/UX patterns and trends and learn the right questions to ask.

_448 wrote at 2021-12-03 17:54:32:

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

[0]

https://storybook.js.org

[1]

https://storybook.js.org/tutorials

code_biologist wrote at 2021-12-03 11:18:52:

Refactoring UI's videos and book are great:

https://www.youtube.com/c/SteveSchoger/videos

https://www.refactoringui.com/book

pramodbiligiri wrote at 2021-12-03 12:16:24:

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

f0e4c2f7 wrote at 2021-12-03 14:55:42:

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

https://www.freecodecamp.org/learn/responsive-web-design/

rovingEngine wrote at 2021-12-03 12:11:30:

I’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.

haroman wrote at 2021-12-03 14:17:15:

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

sprkwd wrote at 2021-12-03 14:56:22:

This helped me:

https://www.theodinproject.com

marksbrown wrote at 2021-12-03 12:30:49:

I particularly enjoyed www.every-layout.dev

sigmaprimus wrote at 2021-12-03 11:03:21:

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