12 posts tagged with “design history

John Calhoun joined Apple 30 years ago as a programmer to work on the Color Picker.

Having never written anything in assembly, you can imagine how overjoyed I was. It’s not actually a very accurate analogy, but imagine someone handing you a book in Chinese and asking you to translate it into English (I’m assuming here that you don’t know Chinese of course). Okay, it wasn’t that hard, but maybe you get a sense that this was quite a hurdle that I would have to overcome.

Calhoun was given an old piece of code and tasked with updating it. Instead, he translated it into a programming language he knew—C—and then decided to add to the feature. He explains:

I disliked HSL as a color space, I preferred HSV (Hue, Saturation, Value) because when I did artwork I was more comfortable thinking about color in those terms. So writing an HSV color picker was on my short list.

When I had my own color picker working I think I found that it was kind of fun. Perhaps for that reason, I struck out again and wrote another color picker. The World Wide Web (www) was a rather new thing that seemed to be catching on, so I naturally thought that an HTML color picker made sense. So I tackled that one as well. It was more or less the RGB color picker but the values were in hexadecimal and a combined RGB string value like “#FFCC33” was made easy to copy for the web designer.

So an engineer decided, all on his own, that he'd add a couple extra features. Including the fun crayon picker:

On a roll, I decided to also knock out a “crayon picker”. At this point, to be clear, the color picker was working and I felt I understood it well enough. As I say, I was kind of just having some fun now.
Screenshot of a classic Mac OS color picker showing the “Crayon Picker” tab. A green color named “Watercress” is selected, replacing the original orange color. Options include CMYK, HLS, and HSV pickers on the left.

And Calhoun makes this point:

It was frankly a thing I liked about working for Apple in those days. The engineers were the one’s driving the ship. As I said, I wrote an HSV picker because it was, I thought, a more intuitive color space for artists. I wrote the HTML color picker because of the advent of the web. And I wrote the crayon picker because it seemed to me to be the kind of thing Apple was all about: HSL, RGB — these were kind of nerdy color spaces — a box of crayons is how the rest of us picked colors.

Making software—especially web software—has matured since then, with product managers and designers now collaborating closely with engineers. But with AI coding assistants, the idea of an individual contributor making solo decisions and shipping code might become de rigueur again.

Man sitting outside 2 Infinite Loop, Apple’s former headquarters in Cupertino, holding a book with an ID badge clipped to his jeans.

Almost Fired

I was hired on at Apple in October of 1995. This was what I refer to as Apple’s circling the drain period. Maybe you remember all the doomsaying — speculation that Apple was going to be shuttering soon. It’s a little odd perhaps then that they were hiring at all but apparently Apple reasoned that they nonetheless needed another “graphics engineer” to work on the technology known as QuickdrawGX. I was then a thirty-one year old programmer who lived in Kansas and wrote games for the Macintosh — surely, Apple thought, I would be a good fit for the position.

Earth 3 Streamline Icon: https://streamlinehq.comengineersneedart.com

Let's continue down Mac memory lane with this fun post from Basic Apple Guy:

With macOS 26, Apple has announced a dramatically new look to their UI: Liquid Glass. Solid material icon elements give way to softer, shinier, glassier icons. The rounded rectangle became slightly more rounded, and Apple eliminated the ability for icon elements to extend beyond the icon rectangle (as seen in the current icons for GarageBand, Photo Booth, Dictionary, etc.).

With this release being one of the most dramatic visual overhauls of macOS's design, I wanted to begin a collection chronicling the evolution of the system icons over the years. I've been rolling these out on social media over the past week and will continue to add to and update this collection slowly over the summer. Enjoy!
preview-1752036853593.png

macOS Icon History

Documenting the evolution of macOS system icons over the past several decades.

Earth 3 Streamline Icon: https://streamlinehq.combasicappleguy.com

This is an amazing article and website by Marcin Wichary, the man behind the excellent Shift Happens book.

…I had a realization that the totemic 1984 Mac control panel, designed by Susan Kare, is still to this day perhaps the only settings screen ever brought up in casual conversation.

I kept wondering about that screen, and about what happened since then. Turns out, the Mac settings have lived a far more fascinating life than I imagined, have been redesigned many times, and can tell us a lot about the early history and the troubled upbringing of this interesting machine.

Indeed, Wichary goes through multiple versions of Mac operating systems and performs digital paleontology, uncovering long lost Settings minutiae. It's also a great lesson in UI along the way. Be sure to click in the Mac screens.

preview-1752030135022.png

Frame of preference

A story of early Mac settings told by 10 emulators.

Earth 3 Streamline Icon: https://streamlinehq.comaresluna.org

Stephen Heller, writing for PRINT magazine, revisits a long out-of-print book called Visual Persuasion by Stephen Baker, a creative director from the Mad Men era of advertising.

Although published in 1961, Visual Persuasion has as much relevance, vitality, insight, vision and spunk as any recently published book (including those that I’ve authored). The truth is this: I wish I had written it. Even though it is nearly 65 years out of print (and contains its share of outdated mores and stereotypes), it easily could still serve (with a minute refresh) to provide ideas to ward off what designers fear is the inevitable AI apocalypse—an end to original thinking and making, visual or otherwise.

One maxim, Heller notes:

Eye movements are based on conditioned reflexes. “Left-to-right habit makes our eyes travel clockwise in exploring a [layout],” Baker notes. The optical center of a page is slightly to the left. The tendency is to focus attention on a person’s eyes more than on any other part of their face. This mirrors one’s emotions with fair accuracy.
preview-1751949320516.jpeg

The Daily Heller: Visual Persuasion Hasn't Changed Since 1961

Steven Heller on the book he wishes he had written.

Earth 3 Streamline Icon: https://streamlinehq.comprintmag.com
Close-up of bicentennial logo storyboard frames featuring red, white, and blue geometric patterns and star designs in rounded rectangles.

America at 200

When I was younger, I had a sheet of US Bicentennial stamps and I always loved the red, white, and blue star. Little did I know then that I would become a graphic designer.

Sheet of US postage stamps featuring the bicentennial star logo, each stamp showing "AMERICAN REVOLUTION BICENTENNIAL 1776-1976" with 8-cent denomination.

The symbol, designed by Bruce Blackburn at Chermayeff & Geismar is a multilayered stylized five-pointed star. It folds like bunting. Its rounded corners evoke both a flower and a pinwheel at the same time. And finally, the negative space reveals a classic, pointed star.

Official American Revolution Bicentennial logo - red and blue interlocking star design with "AMERICAN REVOLUTION BICENTENNIAL 1776-1976" text in circular border.

Before there was Jessica Hische, there was Jim Parkinson. You might not know his name, but you’ve seen his work. Most famously, he was known for the mastheads for Rolling Stone magazine and the LA Times. Stephen Coles has this remembrance.

preview-1751428433957.jpg

Jim Parkinson, 1941–2025

Jim Parkinson—lettering artist, type designer, and painter—died today at his home in Oakland, California, after a long struggle with Alzheimer’s.

Earth 3 Streamline Icon: https://streamlinehq.comtypographica.org

It’s been said that desktop publishing democratized graphic design. For those of you too young to know what the term means, it means the technology that enabled graphic design to go digital. It was an ecosystem, really: the Mac, PostScript, LaserWriter, and PageMaker. But before all that, designers depended on typesetters to set type.

David Langton writing for UX Collective:

A lot was lost when the Macintosh wiped out the traditional typesetting industry. From the art of typography to the craft of typesetting, many essential elements were lost. Typesetters were part of a tradition that stretched back more than 500 years to Gutenberg’s printing press. They understood the basics of type: kerning (spacing between the letters), leading (the space between lines of text), and line breaks (how to avoid widows — those solo words abandoned at the end of a paragraph). They knew about readability (like how to avoid setting type that was too wide to read). There were classic yet limited fonts, with standards for size and leading that assured that everyone working within common ranges maintained a threshold for quality. Yet it was in the craft or business side of typesetting that these services were most under appreciated. Typesetters provided overnight service. They worked overnight, so graphic designers did not have to. We would finish our days specifying the type, and the typesetters would keystroke the manuscripts, proofread, stylize the type, and set up columns following our instructions.

Designers would then pick up the galleys from the typesetters in the morning. The black type was photographically printed on white photo paper. You’d have to cut them up and paste them onto boards, assembling your layout.

Because this was such a physical process, we had to slow down. Langton says:

But since the Macintosh became an in-house tool, the process was reversed. Now, designers design first, then think about it. This shift in process has contributed to a trivialization of the role of graphic designer because anyone can noodle around with the Mac’s sophisticated type tools and make layouts. The design process has been trivialized while the thinking, the evaluation, and the strategic part of the process are often abandoned.

One small thing I’ll point out is that desktop publishing wasn't popularized until 1985.

  • PostScript was released by Adobe in 1984.
  • The LaserWriter printer was released by Apple in 1985.
  • PageMaker was released by Aldus—later bought by Adobe—in 1985.
preview-1750050186871.jpeg

What the 1984 Macintosh revolution teaches designers about the 2025 AI revolution

Upheaval and disruption are nothing new for graphic designers.

Earth 3 Streamline Icon: https://streamlinehq.comuxdesign.cc

I have relayed here before the story that I’ve been using Macs since 1985. It wasn’t the hardware that drew me in—it was MacPaint. I was always an artistic kid so being able to paint on a digital canvas seemed thrilling to me. And of course it was back then.

Behind MacPaint, was a man named Bill Atkinson. Atkinson died last Thursday, June 5 of pancreatic cancer. In a short remembrance, John Gruber said:

I say this with no hyperbole: Bill Atkinson may well have been the best computer programmer who ever lived. Without question, he’s on the short list. What a man, what a mind, what gifts to the world he left us.

I‘m happy that Figma also remembered Atkinson and that they are standing on his shoulders.

Every day at Figma, we wrestle with the same challenges Atkinson faced: How do you make powerful tools feel effortless? How do you hide complexity behind intuitive interactions? His fingerprints are on every pixel we push, every selection we make, every moment of creative flow our users experience.
preview-1749532457343.jpg

Bill Atkinson’s 10 Rules for Making Interfaces More Human

We commemorate the Apple pioneer whose QuickDraw and HyperCard programs made the Macintosh intuitive enough for nearly anyone to use.

Earth 3 Streamline Icon: https://streamlinehq.comfigma.com

Apologies for linking to a lot of Christopher Butler recently, but I really love his thinking about design. This time, Butler reminds us about the importance of structure and how the proto-graphic designers we studied in art history, like Piet Mondrian, mastered it.

A well-composed photograph communicates something essential even before we register its subject. A thoughtfully designed page layout feels right before we read a single word. There’s something happening in that first moment of perception that transcends the individual elements being composed.

My favorite passage in his essay begins here:

Perhaps we “read” composition the way we read text — our brains processing visual structure as a kind of fundamental grammar that exists beneath conscious recognition. Just as we don’t typically think about parsing sentences into subjects and predicates while reading, we don’t consciously deconstruct the golden ratio or rule of thirds while looking at an image. Yet in both cases, our minds are translating structure into meaning.

The next eight short paragraphs build on this idea and crescendo with this banger:

In recognizing composition as this fundamental visual language, we begin to understand why good design works at such a deep level. It’s not just about making things look nice — it’s about speaking fluently in a language that predates words, tapping into patterns of perception that feel as natural as breathing.

Composition is a fundamental visual language. I had never thought of it that way and yet it feels right.

The whole thing is great. Please go read it.

preview-1749010527393.png

The Art Secret Behind All Great Design

When I was a young child, I would often pull books off of my father’s shelf and stare at their pages. In a clip from a 1987 home video that has

Earth 3 Streamline Icon: https://streamlinehq.comchrbutler.com

A lot of young designers love to look at what’s contemporary, what’s trending on Dribbble or Instagram. But I think to look forward, we must always study our past. I spent the week in New York City, on vacation. My wife and I attended a bunch of Broadway shows and went to the Museum of Broadway, where I became enamored with a lot of the poster art. (’Natch.) I may write about that soon.

Coincidentally, Matthew Strom wrote about the history of album art, featuring the first album cover ever, which uses a photo of the Broadway theater, the Imperial, where I saw Smash earlier this week.

preview-1746385689679.jpg

The history of album art

Album art didn’t always exist. In the early 1900s, recorded music was still a novelty, overshadowed by sales of sheet music. Early vinyl records were vastly different from what we think of today: discs were sold individually and could only hold up to four minutes of music per side. Sometimes, only one side of the record was used. One of the most popular records of 1910, for example, was “Come, Josephine, in My Flying Machine”: it clocked in at two minutes and 39 seconds.

Earth 3 Streamline Icon: https://streamlinehq.commatthewstrom.com

Jay Hoffman, from his excellent The History of the Web site:

1995 is a fascinating year. It’s one of the most turbulent in modern history. 1995 was the web’s single most important inflection point. A fact that becomes most apparent by simply looking at the numbers. At the end of 1994, there were around 2,500 web servers. 12 months later, there were almost 75,000. By the end of 1995, over 700 new servers were being added to the web every single day.

That was surely a crazy time…

preview-1744174341917.jpg

1995 Was the Most Important Year for the Web

The world changed a lot in 1995. And for the web, it was a transformational year.

Earth 3 Streamline Icon: https://streamlinehq.comthehistoryoftheweb.com

As a longtime Apple fanboy, it's a little hard for me to appreciate the visual design of Windows—Microsoft is a nemesis, if you will. But I will tip my hat to the design practitioners there who've made the company finally pay attention to design.

Side note, reminds me of a story about what Steve Jobs once told me when I was designing the welcome animation for Mac OS X.

Screenshot of a Windows desktop

A glimpse into the history of Windows design

At the turn of the millennium, the widespread adoption of Microsoft Windows was a pivotal moment in technology. It played a crucial role in the integration of personal computers into both business and home environments. Windows introduced features that revolutionized network management and enhanced support for mobile computing, paving the way for the modern, connected workplace. Harold Gomez, Jeremy Knudsen, and Kim Sealls are three designers at Microsoft who have contributed to Windows design since 2000 and witnessed its design evolution. From the iconic Windows XP to the sleek Windows 11, Windows has constantly evolved to reflect the changing needs and preferences of users worldwide. In this roundtable discussion, we delve into the remarkable journey of Windows design.

Earth 3 Streamline Icon: https://streamlinehq.commicrosoft.design