The work behind it
How it was made.
Five chapters, in the order the work happened. Each one ends where the app is now, and links to the pages it came out of.
Those pages are working documents, not articles. They were written while a decision was being made and kept as they were, so most of them record an idea that lost. Every phone drawn in them is at the real size of a phone, so a button that looks small on the page is small in the hand, and every claim about another app says where it came from. Most of them can be played with.
Start here
The engine: how the paper got wetFrom the first version to the one on the phone: a blur that was not water, paper that drinks, a dark edge chased and given up, colors that mixed to grey until they were worked out from real pigments, and a loop that went from 144 milliseconds a frame to one.
The other four
All the investigations
Fourteen pages, in full. Each chapter links to the ones it draws on.
Color
- Fewer colors, three strengthsThe four palettes in the app, and why the ones before them felt wrong.
- Every palette so farEight of them, each measured the same way.
- Sets of fiveSeven ways of choosing five, scored on what each can reach.
- Stacks of five, swiped betweenThe card and the swipe, at true phone scale.
- The color dial, and the arcA radial menu, then a single arc from warm to cold. Both lost.
- The running record of colorEverything tried for showing color, and what happened to each.
- Palettes with a wellWhat a palette can reach once a dish can mix and dilute.
- Making a mixing area feel like paintFour ways, with the stir idea as a working demo.
- The first three directionsComplementary, Traditional and Wide gamut, with their ramps.
The interface
- Brush thicknessFour ways to ask for a thin line, drawable at phone scale.
- The radial dial prototypeExpand, contract, spin and swap, tested against a thumb.
- A mark you do not wantFour answers, and the case against undo.
- The icon proposalsTen of them in the family's language, and the one that was chosen.
The engine
- Water, mixing, tiltFour things that felt wrong on the phone, each cause, and the same scenes before and after.