Back
Question
Good design/UX courses and resources?
Does anyone have any suggestions of ways to level up my design and UX skills?
We're a group of makers shipping together. We help each other stay accountable and reach our goals.
Apply for accessGo to Homepage | g h |
Go to Done Todos | g d |
Go to Questions | g q |
Compose a New Todo | n |
Go to Search | / |
Show this dialog | ? |
👋 Join WIP to participate
I'm not a designer by trade but I like to think I create decent and easy-enough-to-use UIs that users don't seem to have a major problem with.
I copy good design and put my own twist on it. Good design to me is minimalistic, simple, no bullshit. What are some nicely designed websites in this category?
At the risk of coming across as a total brownnoser: any of @marc's websites including this one.
Note: not advocating for directly cloning any websites 😅 but you can always borrow certain components by looking at the CSS and remixing it to fit your own app.
For #watchdog, I borrowed some design cues from Cloudflare's dashboard (site overview page) along with WIP (sidebar, but I changed the positioning a bit and it looks different).
For #unblockdomains I again borrowed the sidebar from this site as well as an upsell modal from @marc's handle.horse, the rest was me.
For all of my apps, I like looking at component source code on Flowbite and again remixing them to fit whatever I'm building: flowbite.com/blocks/
Practice to see and feel. :)
If you love reading books, go read this: Refactoring UI
Otherwise, I found a lot of values from inspecting what TailwindCSS did. That's the standard of good design. You can replicate designs that you like in Figma or code, but with Tailwind's chops. Afterwards, see why a particular design is lovely on your eyes – the typography, colors, spacing, etc.
Also, Mobbin has a free newsletter you can follow to hone in your UI/UX sense.
Let me know if you have more questions, Jamie.
Happy to help.
If you’re looking for first principles:
lawsofux.com/
And if you wanna design eye catchy interfaces:
Learn by copying. Replicate designs that you love, and slowly try new things
If you want to learn design to be able to launch better products:
Use UI Kits like shadcn / magic ui/ tailwindui. don’t over complicate
First principles was exactly what I was looking for. Thanks mate
I usually copy small pieces from everyone website. Totally bad at design and don't know how to use Figma :)))
The book from TailwindCSS founder also a good book www.refactoringui.com/