Paper’s new Mixer creates colors by fingerpainting, in a sense.

You select one color, then select another color, and you mix them by smearing your finger in a clockwise fashion. (Image by designer Andrew Kim)

For more custom colors, you can tap on the Mixer to reveal more traditional HSB sliders.

The goal was to make digital color mixing an experience less like color picking and more like real world blending. Here’s a shot from their development of the Mixer itself.

Ultimately, the Mixer makes the iPad’s best Moleskin-esque app even better, with lots more customization lurking within an extremely simple UI. (Image by illustrator Candykiller)

Co.Design

How Paper For iPad Reinvented Digital Color Mixing

Finding the perfect color is near-impossible, but Paper’s new tool makes blending colors intuitive.

There’s nothing more frustrating than picking a color out of Illustrator’s mega rainbow gradient. It’s inherently overwhelming, and finding the right shade of blue to complement a red you’re already using is nearly impossible. That’s why many designers take the easy way out and just download a few preset palettes.

That shortcut is just what Paper, the iPad app by FiftyThree, offered at launch. The app came with just nine set colors that worked perfectly together. “It’s amazing how far a well-considered set of defaults can go,” FiftyThree Co-Founder Andrew Allen tells Co.Design. But at the end of the day, if their app was going to be the quintessential digital sketchpad for creatives, it needed more colors--custom colors.

So FiftyThree set out to redefine how we find and choose colors, to make the experience as natural as mixing paints with a palette knife and as gratifying as using perfectly complementary preset swatches.

“We felt strongly that color should be fun,” Allen tells Co.Design. “A big part of making color fun was to make it physical again. We wanted to ‘create’ colors rather than ‘pick’ colors--to take the control out of the menu and into our own hands. For that, the metaphor of mixing paints just felt right.”

What the team built was the Mixer: one-part finger painting, one-part algorithm-automated taste. You can read about the complex science behind the color blending process here, but the effect to the end user is something we can all understand intuitively: Pick one color. Pick a second color. Swirl the second color into the first color to create a perfectly predictable gradient that contains the color you really want.

As simple as it sounds, this approach wasn’t a success right out of the gate. In an early iteration, the Mixer was simply tied to those traditional HSB (hue, saturation, brightness) sliders, so as you’d blend color, the bars would shift in parallel. It was too confusing, no doubt the exact sort of throwback to Adobe products that the team was trying to escape, but that failed approach taught the team how powerful the most basic representation of color blending could be.

“We had to simplify the control to one dimension--spin forward to add color, spin back to remove,” Allen says. “The best tools are very simple ones. The power is revealed in their use. Take a pair of scissors--anyone can pick it up and start using it immediately--yet, you can master it over time. The Mixer doesn’t look complex, but it offers a new powerful action that can be used in an infinite number of ways.”

Reaching "infinite" required one more fix, though, as the Mixer was left with an inherent limitation. While it could blend two colors from Paper’s harmonious 9-color palette, if the Mixer’s purpose was really to discover new colors, then it needed a way to break out of these presets. The solution here was a bit of a compromise. By tapping on the Mixer, you’re greeted with a more traditional HSB popup that allows you to select from a greater rainbow of colors.

“The limitations of mixing are good when you want harmonious colors, but can get in the way if you want a color outside that gamut,” Allen explains. "We also needed a way to connect our color back to the world of traditional color interactions.”

Shots from the third prototype, in which the team wanted to nail down the mixing gesture and onscreen feedback of color blending.

So even though Paper is bucking every known tool metaphor of digital image creation, they ultimately chose to acknowledge, and even accommodate the Adobe power user with a layer of customizable sliders. It will be interesting to see if, in another 10 years, more natural, organic interfaces can continue to meld with the Photoshop mainstays we’ve all come to know.

“HSB is a model for really getting in there and tweaking a color one parameter at a time. It’s like driving a car with a manual transmission, Allen says. “There are some who need that level of control like semi-truck drivers, but for the majority of us, an automatic is the right way to go.”

Download Paper here.

[Hat tip: Fast Company]

[Image: Color wheel via Shutterstock]

Add New Comment

4 Comments

  • Steve

    The application Paper is getting close to losing it's simple edge. Some of the new features seem to overcomplicate things where it use to be so lean and simple as a quick way to get down ideas and do great illustrations with a simple palette.

  • krzystoff

    Paper looks promising, and conceptually it's spot on, but in comparison to the numerous alternatives, it is rather limited with only an iOS version, why don't they port to Android and Win8 to capture the lions' share of the market ?

    regarding the suggestions:
    - KDE Krita is still in development for Windows and really only supports Linux properly;
    - Adobe Kula/Cooler is a great site for selecting colour palettes, but is primarily for web design, rather than illustration/art;
    - Fresh Paint is good full-featured app, but needs some refinement, eg. you can't work with the tools/palette on screen even if you have a 30in monitor, it's not immediately obvious how to switch between the tools and canvas, and the painting tools are a little laggy in usage, which is quite irritating, but it will no doubt get much better over time.