Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.
Hi! I'm Adam Wathan, a full stack developer who used to suck at design.
I've been friends with Steve Schoger for years and we've worked on a bunch of side projects together — him handling the UI design and me taking care of development.
Like a lot of developers, I always wished I could make my ideas look awesome without relying on a designer, but any time I tried to design something myself I would always get frustrated and give up.
I always chalked it up to a left brain/right brain sort of thing — I'm logical and analytical so I'm good at programming, people like Steve are intuitive and creative so he's good at design.
But after working closely with Steve I started picking up little tricks. Tricks that didn't require any artistic talent, but made things look better instantly for reasons that made sense to me as a developer.
Here's a concrete design tactic I bet you see applied every day but haven't explicitly noticed:
Use fewer borders.
Borders are a great way to distinguish two elements from one another, but using too many of them can make your design feel busy and cluttered.
Instead, try adding a box shadow, using contrasting background colors, or simply adding more space between elements:
It doesn't take any talent to make changes like this — once you know the tactic you just need to notice the problem and apply the solution.
They focus so much on high level principles like color theory and typography which, while important, never helped me make instant improvements like the actionable, specific tactics I was picking up from Steve.
Working together, we knew we could create something better.
Refactoring UI takes everything we know about design and bundles it into one comprehensive package, including a book, screencasts, a component gallery, custom designed assets, and more.
It’s exactly what I needed when I was struggling to make my projects look awesome.
We can’t wait to share it with you this Fall.
It's not just a book — it's everything you need to start producing better designs today.
Dozens of practical tips and tactics, categorized and organized in a way that lets you flip to any page and learn something useful — no context required.
Learn how to apply the tactics from the book to real-world design problems through detailed step-by-step screencasts.
A huge library of UI examples that will help you choose the perfect button style, form layout, navigation design — you name it. No more getting blocked by a blank canvas.
Custom illustrated icons, curated font recommendations, and beautiful color palettes to get your project started on the right foot.