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, colours 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
Seventeen pages, in full. Each chapter links to the ones it draws on.
Colour
- Fewer colours, 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 colour dial, and the arcA radial menu, then a single arc from warm to cold. Both lost.
- The running record of colourEverything tried for showing colour, 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
- Painting on a phoneHow the painting apps that did well on iPhone place their tools.
- 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.
- Picking up a sheetSix libraries, with sources, and six ways this one could work.
- Selecting several thingsNine ways to pick more than one, each costed.
- 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.