100 UI/UX Tips

100 UI/UX Tips

A collection of tips to make your interface better

5.0
7 reviews

178 followers

This is a collection of Dos and Dont's for making your UI better. 100 pages = 100 tips. Almost every tip has an illustration, some of them have additional links to external resources.
This is the 2nd launch from 100 UI/UX Tips. View more
100 UI/UX Tips

100 UI/UX Tips

Learn how to make your apps look awesome. In an hour.
This is the second edition of 100 UI/UX tips, originally written in 2021. Over the past 3 years, I've added new tips, removed outdated ones, and provided context for some of them. I've added links for further reading and improved the illustrations.
100 UI/UX Tips gallery image
100 UI/UX Tips gallery image
100 UI/UX Tips gallery image
100 UI/UX Tips gallery image
100 UI/UX Tips gallery image
Payment Required
Launch Team / Built With

What do you think? …

Victor Ponamariov
Hello, Product Hunt community! I originally launched the book in 2021. Since then, I've kept on learning and posting about UI/UX. It turned out that I had gathered tons of artboards in Sketch and Figma, and I decided to create the second edition of this book. I removed some of the previous tips that I considered less important, added new ones, and tried to provide more context for some of them. Now, who is this book for? 🤔 It's for everyone interested in user interfaces. It might be especially useful for developers, UI/UX designers, solo founders, and anyone who wants to learn more about digital interfaces. What's inside? Exactly 100 UI/UX tips across about 150 pages. I've included a few examples in the gallery, and you may have already seen my tips on Twitter, so you should have a good idea of what they look like. Grouping them into sections was challenging because one tip can belong to many categories. It's not very precise, but here are the sections I've covered: 🔹 Typography 🔹 Language 🔹 Icons 🔹 Layouts/Alignment/Flow 🔹 Usability 🔹 Forms 🔹 Visuals 🔹 Misc (everything else) I tried to be succinct so that you don't need to read a lot. Almost every tip includes an illustration. I hope you'll like it. If things go well, I plan to delve deeper into UI/UX, especially in such areas as responsiveness, mobile apps, and accessibility. My dream is to merge UI/UX knowledge with development so that you can learn both simultaneously, for example by providing code snippets. I even attempted to create an interactive platform but realized it would take a year of full-time work, so I've put that off for now. Thank you, guys!
Dmitriy Bunin
@victor_ponamariov that's sounds super useful, will definitely read through it!
Robo Wolf
@victor_ponamariov wow, that's super cool, i appreciate how detailed and accountable these tips are. Instant buy
Graeme
💎 Pixel perfection
@victor_ponamariov awesome, it looks well categorised and something handy to have at the side for reference when building something!
Victor Ponamariov
@graeme_fulton Hey, Prototypr 10 times cooler haha :) One day I'll get to your level Graeme, thank you!
Oleg Poturemskiy
Victor has always stood out for his talent for combining complex information into simple ones. I recommend it guys!
Victor Ponamariov
@oleg_poturemskiy And from my side I can recommend Oleg as a nice illustrator :) I remember hunting your products. Thank you!
Xavier Coiffard
I've been following you on Telegram for weeks, and your tips are pure gold. Congrats on the launch!
Victor Ponamariov
@angezanetti Thank you, really appreciate it!