March 7, 2018

Resources to help you improve your UI design

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

Fonts

Gradients

Patterns:

Inspiration:


    1. 1

      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.

  1. 4

    Great list, thanks! Some resources you could add:

    1. 1

      Big fan of land-book!

  2. 2

    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.

  3. 2

    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

  4. 2

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

    Good to great UI Animation tips

    Wow, I love this

    https://www.goodui.org

    Going to start linking this to people who share their landing pages here.

    1. 2

      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.

      1. 3

        It absolutely should. Been planning to build it for a while!

  5. 1

    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

  6. 1

    Colorwise.io for color palettes based on product hunt most upvoted products

  7. 1

    100+ resources (books, disciplines, courses, communities, libraries, etc.) on UI Design: https://github.com/tipoqueno/awesome-ui

    Enjoy!

  8. 1

    ❇️ I would like to add http://uijar.com as handpicked design inspiration for your real life projects 🙌

  9. 1

    A great source of inspiration of product is http://nicelydone.club

  10. 1

    Nice collection of resources! Thanks for posting.

  11. 1

    Useful list, Thanks for sharing :)

  12. 1

    Thanks for sharing @Felixg this is great stuff.

  13. 1

    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!

  14. 1

    Check out Steve Schoger, on twitter is probably best. Lots of web app and UI tips.

    1. 1

      Yeah he's got some great advice, he co-authored the first article in this list.

  15. 1

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

    1. 1

      That's great too, I'll add it to the inspiration section!