Skip to content
Refactoring UI
Visual Systems

Refactoring UI

Adam Wathan, Steve Schoger

Refactoring UI bridges the gap between code and design, arguing that user interface design is less about artistic talent and more about logical tactics. By replacing intuition with a system-based approach to hierarchy, layout, and color, authors Adam Wathan and Steve Schoger provide a manual for developers and designers to build beautiful, functional interfaces. It is a guide to making confident design decisions through elimination and constraints rather than vague artistic inspiration.

Reading time
15
Level
Intermediate

Notable Quotes

You don’t need to design every single feature in an app before you move on to implementation; in fact, it’s better if you don’t.
Visual hierarchy refers to how important the elements in an interface appear in relation to one another, and it’s the most effective tool you have for making something feel 'designed'.
White space should be removed, not added.
Don’t let your existing beliefs hold back your designs — constraints are powerful but sometimes a bit of freedom is just what you need to take an interface to the next level.

More summaries

Designing Design
Designing Design
Kenya Hara
Lars Müller Publishers · Visual Systems
Designing Interfaces
Designing Interfaces
Jenifer Tidwell, Charles Brewer, Aynne Valencia
O'Reilly Media · Visual Systems
Grid systems in graphic design
Grid systems in graphic design
Josef Müller-Brockmann
Niggli · Graphic Design
Interaction of Color
Interaction of Color
Josef Albers
HATJE CANTZ · Graphic Design
View more