Hi all, as many of us aren't designers and I often see sites that look more or less like bootstrap, I thought I'd share some resources that helped me improve my designs. If you know about other articles and tools, let me know so I can add them.
Articles
Color Palettes
coolors.co (generator)
flatuicolors.com (presets)
colorhunt.io (presets)
Picular (color search)
Fonts
Gradients
Patterns:
Inspiration:
I like https://www.goodui.org
Nice, a really great resource! A good thing to note is that "Try Opt-Out instead of opt-in." (for newsletters).. this is illegal in Canada.
Great list, thanks! Some resources you could add:
land-book.com
https://twitter.com/i/moments/880688233641848832 (same author as "7 practical tips..."
color.adobe.com
http://bestfolios.com/
http://colorhunt.co/
Big fan of land-book!
I refer to Top Ten Typography Tips from time-to-time which is a great reference website to keep handy.
I am a fan of Tracy Osborn's Hello Web Design book. It's a quick read with lots of examples. She had a video course too which I haven't checked out yet.
I liked A Five Minutes Guide to Better Typography too.
Thanks for linking, this is really helpful! The UX In Motion Manifesto that's referenced in one of your links is great as well:
https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc
Another essay I recommend to people often, but is much more theoretical, is "A Brief Rant On The Future Of Interaction Design", and the much longer but more insightful, "Magic Ink Information Software and the Graphical Interface" by Bret Victor:
http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/
http://worrydream.com/MagicInk/
EDIT:
This is a really good comment from HackerNews that covers a lot of material as well:
https://news.ycombinator.com/item?id=4318154
To complete the others, I would add this one https://medium.com/startup-grind/how-to-not-suck-at-design-a-5-minute-guide-for-the-non-designer-291efac43037
Whenever I start designing something new, I spend a lot of time on Dribbble looking at other people who've designed something similar. It takes a while, but always seems to help in the end. I think it simply broadens my vision of what's possible, and my "technique" for designing is to simply tweak everything I can until something looks good, keep that change, and repeat the process with other parts of the page. 😝
Wow, I love this
Going to start linking this to people who share their landing pages here.
Yeah dribble is great of course! I'll add an inspiration section. This kind of makes me wonder if IH should have a way to share concise knowledge more permanently. And I'm not thinking articles. More like a resource collection people can vote categorized into things useful for indiehackers.
It absolutely should. Been planning to build it for a while!
I am aspiring Haïtian tech entrepreneur looking to design an MVP. But I am dumd and have no clue where to start. I am desperately looking for any type of UX/UI assistance. May be willing to send me an email. I can be reach at intelliaj@gmail.com
The best resources for UI design are actually books:
https://www.amazon.com/Designing-Visual-Interfaces-Communication-Techniques/dp/0133033899
https://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515/
https://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/1118766571/
https://www.amazon.com/Universal-Principles-Design-Revised-Updated/dp/1592535879
https://www.amazon.com/Elements-User-Experience-User-Centered-Design/dp/0321683684/
https://www.amazon.com/Just-Enough-Research-Erika-Hall/dp/1937557103
https://www.amazon.com/Seductive-Interaction-Design-Effective-Experiences/dp/0321725522/
https://www.amazon.com/Designing-Interactions-Press-Bill-Moggridge/dp/0262134748
Blog posts etc. by nature can only cover either tiny details, or the superficial stuff, and the glitzy stuff (gradients, button styles, etc).
Although, I tackled the topic of interface/user experience efficiency here:
https://stackingthebricks.com/how-to-design-the-most-efficient-software-your-users-have-ever-seen/
Colorwise.io for color palettes based on product hunt most upvoted products
100+ resources (books, disciplines, courses, communities, libraries, etc.) on UI Design: https://github.com/tipoqueno/awesome-ui
Enjoy!
❇️ I would like to add http://uijar.com as handpicked design inspiration for your real life projects 🙌
A great source of inspiration of product is http://nicelydone.club
Nice collection of resources! Thanks for posting.
Useful list, Thanks for sharing :)
nice
Thanks for sharing @Felixg this is great stuff.
hey @Felixg, this is a solid list - especially the first 2 links I've found myself sending to peeps before! Thanks for making it 🙌 I just bookmarked that animation post too
A few of us were putting together a open curriculum around learning product(design,code & biz): https://github.com/nicolaerusan/product-curriculum
Sharing it in case there's more useful stuff for peeps in there & would also love to add some of these links there!
Check out Steve Schoger, on twitter is probably best. Lots of web app and UI tips.
Yeah he's got some great advice, he co-authored the first article in this list.
That's a great list.
I'd add http://www.pages.xyz: multiple curated directories of well-designed pages. (I don't know how often the owner updates it.)
That's great too, I'll add it to the inspiration section!