Susan Kare Shows How Strict Pixel Limits Built Early Apple Mac UI

Susan Kare: Designing Icons & Graphics For the Original Mac — Y Combinator

Y Combinator

Abstract conceptual metaphors endure across generations of software while literal depictions of physical hardware guarantee visual obsolescence, Kare argues.

AI-assisted summary of Susan Kare: Designing Icons & Graphics For the Original Mac — original source. Check the original for full context.

Source published:

Key ideas

  • Susan Kare transitioned from fine-arts welding to Apple after high school friend Andy Hertzfeld recruited her to design bitmapped symbols and proportional fonts for the original Macintosh, drafting early ideas in a graph-paper notebook now preserved at MoMA. (0:00)
  • Faced with severe hardware limitations, Kare engineered the Chicago system font with strict 45- and 90-degree angles and built core iconography within 16x16 and 32x32 monochrome grids, arguing that tight constraints actively stimulate creative solutions. (5:00)
  • The iconic Command symbol was adopted after Steve Jobs objected to an 'Apple farm' of corporate logos cluttering menu shortcuts; Kare discovered the looped square in a symbol dictionary, later learning it depicts Sweden's Borgholm Castle ruins. (22:00)
  • Paul Rand secured the NeXT corporate identity by refusing speculative agency contests and demanding a non-negotiable $100,000 flat fee for a single logo design, teaching Kare the value of disciplined color palettes and enduring metaphors over abstract shapes. (38:00)

Detailed notes

## Background Published by Y Combinator on their web platform on August 28, 2026, this Startup School presentation features iconographer and designer Susan Kare. According to the show description, Kare reflects on joining Apple as an art history PhD with little computing experience and going on to design foundational icons, typefaces, and visual metaphors for the original Macintosh, while sharing timeless design lessons learned from collaborators like Steve Jobs and Paul Rand.

## TL;DR Susan Kare recounts her transition from fine arts welding to defining the visual lexicon of personal computing at Apple, detailing the creation of enduring artifacts like the Chicago typeface, the Happy Mac, and the looped Swedish Command key symbol within strict 16×16 and 32×32 pixel constraints. She highlights key design tenets—embracing technical limitations, prioritizing universal conceptual metaphors over literal hardware depictions, and leveraging abstraction so users can project themselves into an interface. Kare also covers her subsequent work on Windows 3.0, General Magic, and Facebook's digital gift shop, alongside mentorship lessons from legendary graphic designer Paul Rand on typography, client negotiation, and visual discipline. Throughout the talk, she illustrates how iterative simplicity and clear ideas turn austere technical constraints into meaningful human experiences.

## Atmosphere & style Warm, self-effacing, and rich with technological lore, Kare's presentation feels like an intimate fireside chat with an accidental pioneer who still proudly identifies as a hands-on 'bit-twiddler.' Her storytelling blends dry humor—such as admitting to designing an iPod ancestor by mistake or recalling panicked reception calls about the bomb icon—with sharp, masterclass-level design critique. The mood is nostalgic yet profoundly relevant, capturing both the chaotic pirate energy of early Silicon Valley and the enduring power of disciplined visual craft.

## Bulletin - `00:00` Susan Kare transitioned from fine-arts welding to Apple after high school friend Andy Hertzfeld recruited her to design bitmapped symbols and proportional fonts for the original Macintosh, drafting early ideas in a graph-paper notebook now preserved at MoMA. - `05:00` Faced with severe hardware limitations, Kare engineered the Chicago system font with strict 45- and 90-degree angles and built core iconography within 16x16 and 32x32 monochrome grids, arguing that tight constraints actively stimulate creative solutions. - `22:00` The iconic Command symbol was adopted after Steve Jobs objected to an 'Apple farm' of corporate logos cluttering menu shortcuts; Kare discovered the looped square in a symbol dictionary, later learning it depicts Sweden's Borgholm Castle ruins. - `38:00` Paul Rand secured the NeXT corporate identity by refusing speculative agency contests and demanding a non-negotiable $100,000 flat fee for a single logo design, teaching Kare the value of disciplined color palettes and enduring metaphors over abstract shapes.

## Key takeaways - `00:00` Focusing on making designs meaningful and memorable ensures that form naturally follows strong foundational ideas. - `05:00` Severe technical constraints like monochrome 16x16 pixel grids fuel creative problem-solving rather than limiting it. - `05:00` The Chicago font established digital legibility by utilizing a 9-pixel cap height, proportional spacing, and strict 45- and 90-degree angles. - `10:00` Custom internal tools like Andy Hertzfeld's icon editor unlocked rapid iteration by replacing paper and erasers with instant screen feedback and automatic hex code generation. - `15:00` Universal abstraction allows users to project themselves into an icon, whereas excessive realistic detail narrows recognition. - `20:00` Literal depictions of contemporary hardware inevitably age poorly, making conceptual metaphors far more durable for interface design. - `22:00` Steve Jobs halted the overuse of the Apple logo in drop-down menus to protect brand equity, prompting the discovery of the Swedish feature symbol for the Command key. - `25:00` Digital pixel art is a modern continuation of centuries-old grid crafts, including mosaic tiles, cross-stitch samplers, and stone carving. - `27:00` Dithering techniques enabled Windows 3.0 to generate softer textures and functional UI depth despite an operating palette limited to 16 colors. - `30:00` Emotional resonance and cuteness drove vastly higher virtual gift purchases on Facebook than meticulously rendered high-status luxury goods. - `38:00` Speculative design contests produce inferior results compared to trusting a seasoned designer with clear constraints, as proven by Paul Rand's $100,000 NeXT logo assignment. - `40:00` Corporate identity marks work best when derived directly from the name or an immediate metaphor rather than expensive, arbitrary abstract symbols. - `45:00` Effective user interfaces nest complexity across layered depths rather than crowding every available feature onto a single visual plane. - `45:00` Presenting multiple design variations prevents executives from flatly rejecting single concepts by giving them agency to choose a preferred direction. - `50:00` Playful brand modifications like Google Doodles succeed only after a core brand identity has achieved universal recognition and trust.

## Detailed walkthrough ### `00:00` From Welding Razorbacks to the Apple Interview

Susan Kare opens her talk reflecting on her career as an iconographer and designer across numerous technology projects. Looking back at early materials from the Macintosh group, she remarks that rereading them recently felt strikingly contemporary, echoing current developments in AI. Early in her design journey, she had the privilege of working with legendary graphic designer Paul Rand (creator of the iconic UPS and IBM logos), whose advice profoundly shaped her philosophy. Summarizing Rand's impact, Susan Kare remembers: “Something he told me was always focus on making things meaningful and memorable. And I think the heart of that is have a good idea and then the form will follow.”

Before joining Apple, Kare was an art major with a Ph.D. in art history who knew virtually nothing about computers. Her day job was distinctly tactile: she was welding a life-size Razorback hog sculpture for a museum in Arkansas. While she initially believed that welding alone all day in her garage was living her dream, the isolation began to wear on her, leaving her eager to collaborate with a team.

Opportunity knocked through her high school friend Andy Hertzfeld, who was working as a system software programmer at Apple. Knowing Kare had worked on their high school yearbook and loved art, Hertzfeld explained that they needed graphical assets to display on an unreleased computer. Showing her a bare display without a case, he asked if she would come in to interview for a role creating small symbols and typographic fonts. Kare eagerly accepted, although her typographic background was modest: she had made museum exhibit labels using an early labeling machine at the Franklin Institute Science Museum in Philadelphia, and she was skilled at manually aligning and kerning Letraset rub-down type. To prepare for the interview, she visited the Palo Alto Public Library, checked out books on typography and font specimen catalogs, and carried them under her arm into the interview so she would look like she knew what she was talking about. Following Hertzfeld's advice, she bought a grid-lined notebook and drew sample bitmap designs on graph paper—including whimsical puns like a boot and pieces of paper with "ABC"—many of which directly influenced the iconography that eventually shipped.

```mermaid flowchart LR accTitle: Susan Kare's Path to Apple accDescr: Flowchart tracing Susan Kare from fine arts welding to her interview prep and hiring at Apple. subgraph PreApple["Background"] A["Art History Ph.D. / Sculptor<br/>Welding Razorback hog"] --> B["Franklin Institute Museum<br/>Exhibit labeling & Letraset"] end subgraph Transition["The Opportunity"] C["Andy Hertzfeld reaches out<br/>Needs icons/fonts for new computer"] B --> C end subgraph Interview["Preparation"] D["Checked out Palo Alto library typography books"] E["Drew bitmap sketches in graph-paper notebook"] C --> D C --> E end subgraph Outcome["Apple Entry"] F["Hired as Macintosh Artist"] D --> F E --> F end ```

`05:00` Designing Under Constraints: Chicago Font and 16x16 Bitmaps

Kare was hired on the spot; despite all her library research, nobody during the interview asked her a single technical question about font design. In a twist of fate, the humble graph-paper notebook she brought to that interview is now part of the permanent collection of the Museum of Modern Art (MoMA) in New York, prompting her advice to the audience: “Definitely hang on to your stuff.” On her very first day at Apple, she was shown the prototype interface she was hired to overhaul. The display featured crude round racks drawn on a 5.25-inch floppy illustration, but they could already be clicked and dragged with a mouse cursor, which struck her as genuine magic. One of the first prompt revisions was replacing the button label "Do It" with "OK," because "Do It" felt slightly off-color and users frequently misread it as the insult "Dolt."

The Macintosh software team was driven by an earnest, evangelistic mission to create a personal computer accessible to everyday people without requiring an instruction manual. Kare embraced the severe hardware constraints of the era, arguing that limits fuel creativity: “You can be creative, but it's good to understand what the constraints are. And then be excited about that as opposed to being upset that you don't have a thousand colors.” Working within a rigid 16-by-16 pixel black-and-white grid, she drafted tools such as a lasso to select irregular screen areas. Seeing French street artist Space Invader use these early 8-bit Macintosh motifs in Parisian mosaic art decades later brought her immense satisfaction.

Her first major typographic assignment was designing Chicago, a system font with a 9-pixel cap height. Dissatisfied with the jagged, chaotic screen text of existing displays, she engineered Chicago using strictly horizontal lines, vertical strokes, and 45-degree angles to maximize screen legibility (though she still playfully winces whenever she looks back at the lowercase "x"). Crucially, the Mac supported proportionally spaced typefaces rather than monospaced defaults where an "m" had to be compressed and an "i" stretched wide to occupy the same width. Kare designed Chicago to anchor system title bars with horizontal accent lines, establishing a clean visual hierarchy.

- **Initial Interface Revisions**: Replaced the ambiguous button command "Do It" with "OK" after observing users reading it as "Dolt." - **Display Dimensions**: Earliest interface icons and tools were built within a tight 16×16 monochrome pixel matrix. - **Chicago Typographic Structure**: Designed at a 9-pixel cap height, utilizing strict 90-degree and 45-degree angles to avoid jagged screen artifacts.

`10:00` Font Names, MacPaint, and Andy's Icon Editor

Chicago went on to have a long life; Kare jokes that when the team designed the original Mac on-screen calculator in Chicago, they were inadvertently designing the aesthetic blueprint for the first iPod. When expanding the Mac font family, Kare developed proportional serif and sans-serif alternatives to emulate Times New Roman and Helvetica, naming them New York and Geneva, along with a playful, cut-out font dubbed Ransom (inspired by kidnappers piecing together newspaper clippings to conceal their handwriting). Originally, she and Andy Hertzfeld named their fonts after stops along the Paoli Local commuter train line outside Philadelphia where they grew up, such as Paoli, Wynnewood, and Rosemont. That changed during one of Steve Jobs's routine late-afternoon walkabouts through the software area: Jobs told them that while city names were a great idea, they needed to be "world-class cities," resulting in the shift to global names like Geneva and New York.

Kare worked closely with Bill Atkinson, the creator of MacPaint—her favorite application—collaborating on its user interface, tool icons, and fill patterns. Using an early digitizing scanner Atkinson rigged up, they digitized a Japanese woodcut of a geisha owned by Steve Jobs to showcase the system's graphic rendering. When designing the Mac Control Panel, Kare prioritized animated feedback for settings adjustments (like mouse tracking and key repeat speed) and deliberately eliminated text labels so the interface could be understood universally without localizing separate versions for international markets.

To free Kare from sketching on graph paper, Andy Hertzfeld programmed a custom bitmap icon editor. The tool was rudimentary by modern standards—it lacked drawing shapes and multiple undo levels—but it displayed an enlarged editing canvas alongside a 72 DPI live preview and automatically generated the hexadecimal code representing the graphic. Kare praises the breakthrough: “You can iterate without an eraser. It's hard to overstate how great this was.” Kare could tweak pixels, key the generated hex strings into the system build, and review the live results immediately. During downtime, she invited team members into her office to sit for 32-by-32 pixel portraits—a discipline that proved that with enough iteration, even a grid of just 1,024 dots can capture individual human likeness and character.

`15:00` The Happy Mac and the Power of Simplicity

Susan Kare discusses her early portrait work—noting likenesses of figures like Pharrell Williams, Ashton Kutcher, and design leader John Maeda, none of whom sat for their portraits—before turning to one of her very first assignments at Apple: the boot icon. Because the original 128K Macintosh took a noticeable amount of time to boot up and sat grinding while loading, the team needed an image to occupy the screen and reassure users that the hardware was operating properly. Restricted to a strict 32×32 pixel canvas, Kare drew upon her memory of a smiling button she had owned around age fourteen to create the Happy Mac.

```mermaid flowchart TD accTitle: The Abstraction Spectrum accDescr: Visual chart illustrating how excessive detail limits universality while abstraction invites self-projection. subgraph Concrete["Hyper-Specific Detail"] A["Chrome Pen with Reflections"] B["Photorealistic Face"] end subgraph Universal["Universal Abstraction"] C["Simple Pencil Drawing"] D["Minimal Line Smiley Face"] end Concrete -->|"Strip away distracting detail"| Universal D -->|"Scott McCloud Principle"| E["Viewer projects themselves onto icon"] ```

Reflecting on why the icon resonated so strongly, Kare cites Scott McCloud’s seminal book *Understanding Comics*, published a decade after the Mac debuted. McCloud illustrated that when a face is rendered with extensive photographic detail, the viewer sees an alien individual; strip away that detail into a spare line drawing, and anyone can project themselves into it. Kare applied that same insight across the Macintosh interface. To represent writing, a simple pencil proves far more universal than a chrome fountain pen with realistic reflections, which anchors the concept to a single luxury instrument. She draws a parallel to standard pedestrian warning signs depicting silhouettes of two school children holding hands:

> “There’s not a technical reason that they couldn't have plaid lunchboxes and shoelaces or be singing a song, but it would probably be more distracting and just take away from that instant recognition that you’re aiming for.”

- **Happy Mac Constraints**: Designed on a 32×32 pixel grid specifically for the original 128K Macintosh boot sequence. - **Iconography Philosophy**: Select one or two salient details rather than larding the image with extraneous visual noise.

---

`18:00` The Unhappy Mac, System Errors, and the Bomb Icon

Operating under the assumption that the Macintosh system software would be extraordinarily stable, the team instructed Kare to create failure states that they believed end users would virtually never encounter. For minor issues, she designed an Unhappy Mac, sketched to look sick or hungover. For total system crashes, she leaned into cartoon irreverence, creating an old-fashioned Bugs Bunny–style spherical bomb with a burning fuse.

Because the team assured her that total system failures were essentially impossible, Kare felt free to be humorous. That calculation quickly unraveled as early machines crashed in the wild. While working in the software group’s glass-walled enclosure—known around Apple as the "fishbowl"—Kare watched a panicked call get routed in from the front receptionist:

> “The caller was worried that she was looking at a bomb and was her computer going to explode. So I felt a little guilt.”

The incident underscored for Kare that interface design carries real emotional weight for anxious users, and that iterative testing is vital to prevent metaphors from being taken literally.

---

`20:00` Application Icons, Metaphors, and Hardware Traps

When developing icons for the initial software suite, Kare established a semantic visual system based on verbs and nouns: an active, process-oriented application icon paired with a corresponding document icon. Because she designed MacPaint first, she gave the application icon a lively, action-oriented look that tied directly to its saved canvas files. Similarly, when crafting the generic alert figure, she deliberately cropped the silhouette’s head so that neither gender, age, nor hairstyle could be identified.

```mermaid flowchart LR accTitle: Application and Document Pairing Model accDescr: Diagram showing Kare's verb and noun system connecting active applications to stationary document files. subgraph Verb["Application (The Verb)"] A["MacPaint Brush Icon"] end subgraph Noun["Document (The Noun)"] B["Matching Data File Icon"] end Verb -->|"Generates and opens"| Noun ```

Kare also modernized legacy visual tropes. Rejecting the traditional sand-filled hourglass—which felt more like an antiquated egg timer—she created a contemporary wristwatch cursor to signal that the computer was busy: “It seemed like, hey, we’re in the ’80s. Let’s like update these things.” Conversely, she fell into what she terms a classic design trap with the print icon by drawing the Apple ImageWriter complete with its tractor-feed paper and sprocket holes:

> “So in general, I think it's not good in icons to show pictures of a particular product design, because like the three-and-a-half-inch floppy for save... even though there's still a few of those kicking around, but obviously it didn't age well. Better to use a metaphor.”

- **ImageWriter Icon Trap**: Drawing literal hardware (tractor-feed sprockets and platen knobs) tied the icon to ephemeral mechanical devices rather than the abstract concept of printing. - **Floppy Disk Warning**: Physical hardware representations inevitably become obsolete, whereas conceptual metaphors endure.

---

`22:00` Steve Jobs, the "Apple Farm," and the Swedish Feature Symbol

During the development of the Mac’s drop-down menus, keyboard shortcut commands were initially designated by a small Apple logo beside each shortcut letter. Late one afternoon, Steve Jobs walked into the software area and objected forcefully, insisting that scattering the corporate trademark across every line of every menu cheapened the brand:

> “Steve came in one day at the end of the day and said, you cannot do this. I think he called it an Apple farm and said, ‘Our logo is precious and we have to respect it.’ So, you know, we just can’t have a bunch of apples.”

Tasked with inventing an alternative mark for the Command (or "feature") key, Kare initially brainstormed literal concepts of commanding, but found them aggressive, while references to the Ten Commandments felt like an unhelpful pun. She went to the library to page through symbol dictionaries until she found an abstract decorative sign identified as a Swedish feature marker. Measuring an exact 16×16 pixels, the looped square resembled a four-leaf clover for good luck or a highway cloverleaf interchange indicating speed.

Years later, while landing at the airport in Gothenburg, Sweden, Kare was delighted to spot the exact symbol on national roadside signage marking historical monuments and tourist sites. A Swedish acquaintance explained that the symbol is a top-down aerial depiction of the 13th-century Borgholm Castle ruins, representing a square fortress with four circular corner watchtowers. Even after the fact, the seemingly abstract symbol turned out to have a physical origin.

---

`25:00` Art History, Grid Embroidery, and the Cairo Font

Drawing on her background in art history, Kare emphasizes that pixel art is merely a digital extension of ancient visual traditions:

> “And, you know, you study art history, you know, there’s not much new under the sun. People have been making little symbols for a long time.”

She compares screen bitmapping to historical precedents spanning thousands of years, highlighting ancient stone carvings, cross-stitch samplers, and early typographic forms executed with seven- or ten-pixel capital heights centuries before proportional digital fonts. On a personal level, she traces her comfort with grid-based constraints to childhood craft kits where she glued tiny mosaic tiles onto grids to make ashtrays for her parents.

```mermaid flowchart TD accTitle: Evolution of Grid-Based Symbol Craft accDescr: Historical progression connecting ancient mosaics and embroidery to Kare's 1984 Cairo font and modern digital emojis. A["Ancient Hieroglyphs & Inscriptions"] --> B["Mosaic Tile Crafts & Needlepoint Grids"] B --> C["1984 Macintosh Cairo Font"] C --> D["Modern Digital Emojis"] ```

These influences coalesced in the creation of the 1984 Cairo font, a pictorial dingbat typeface bundled with the Macintosh. Kare views Cairo as an early precursor to modern emojis, enabling users to combine graphics inline with text decades before smartphones:

> “It isn’t really just about a grid of pixels. It’s the metaphor and the idea and the meaning behind everything.”

---

`27:00` Iterating for Swatch and Bringing Dithered Color to Windows 3.0

To illustrate that icon design is an exploratory process rather than an exact science, Kare walks through her development sketches for an alarm icon commissioned by the watchmaker Swatch. Her initial instinct was to draw an alarm clock with vibrating ringing lines, followed by variations depicting travel alarm clocks. She quickly realized that placing a clock icon on a physical wristwatch was absurdly self-referential ("Why would you want a clock on a clock?"), leading her to branch out into abstract acoustic sound bursts, dynamic z-lines, and musical alarms. She notes that she often relies on rough programmer placeholders or client requests as launching pads for refinement.

Following her tenure at Apple, Kare was hired by Microsoft to overhaul the user interface graphics for Windows 3.0. Although limited to a basic palette of 16 system colors, having color enabled functional improvements, such as using vivid red for high-priority alerts. To prevent the interface from resembling what she described as a "garish chess board," Kare applied dithering techniques—interleaving different colored pixels in alternating patterns—to produce softer, subtly textured tones across dialog boxes, tools, and the deck of cards that would soon hook millions of users in Windows Solitaire.

`30:00` Skeuomorphic Desktops and the Facebook Gift Shop

Susan Kare reflects on her iconic early work, noting humorously that she had to delete Windows Solitaire from her own computer because she played it far too much. Moving into the decades following her tenure at Apple, she discusses working with diverse clients across fun, serious, and corporate projects. One notable assignment was designing the logo and interface elements for General Magic. The company explored an intensely literal desktop metaphor featuring virtual hallways with doors, interactive drawers you could tap to slide open and store items, and even "jars of text." Kare laughs and winces at these concepts in hindsight, observing how antiquated the skeuomorphic elements—like virtual Rolodexes and rotary-style office phones—feel today, along with realizing the system sent digital postcards without anticipating the true trajectory of email.

```mermaid flowchart TD accTitle: Facebook Virtual Gift Project Mechanics accDescr: Process showing how virtual gifts were launched daily and evaluated based on initial sales velocity. subgraph Launch["Daily Launch Cycle"] A["New gift design launches at midnight (ET)"] --> B["Measure sales volume in first 15 minutes"] end subgraph Analysis["Performance Insights"] B --> C{"High sales velocity?"} C -->|Yes| D["Identified as bestseller"] C -->|No| E["Standard release"] D --> F["Key lesson: 'Cute trumped everything'"] end ```

Kare also spent nearly four years working with Facebook on their virtual gift shop. Instead of simply sharing uploaded images, users paid real money—one dollar—to send digital drawings to friends. Every night at midnight Eastern Time, a brand-new gift went live, and Kare’s team could accurately predict whether it would become a runaway bestseller by observing transaction numbers just fifteen minutes later. Kare initially assumed high-status luxury goods—such as meticulously rendered Rolex watches or diamond earrings—would seem like a bargain for a dollar. Instead, consumer psychology surprised her:

> “What I learned was that cute trumped everything. It just teddy bears, anything heart-shaped? The Kiss Mark was the best seller of all time. And I would say if my life depended on selling products, a drawing for a dollar, I now know I would draw a penguin because we had, we had multiple limited edition, limited editions of penguins and they all sold out.”

The Facebook gift shop also featured celebrity collaborations with figures like Britney Spears. Facebook eventually sunset the entire program to avoid competing directly with third-party platform developers, but Kare views it as an extraordinary lesson in designing small emotional artifacts that carry real perceived value.

---

`35:00` Post-Apple Freelance Work: From Badges to Route Maps

Continuing her visual survey, Kare details several freelance projects across various industries. At Pinterest, she collaborated with an animator to craft subtle icon animations, intentionally keeping the motion restrained so it would never become irritating over repeated viewings. Before Mill.com unveiled its public branding, she produced a temporary "trash panda" logo, playing on the company's waste and food-recycling mission. For Amtrak’s quarterly publication, *The National*, which regularly commissions artists to reimagine its railway map, she created pixelated icons representing different destinations reachable by train.

Her design practice also extended into physical and mobile gaming: - **Magic Puzzle Company**: Kare developed early logo explorations for their jigsaw puzzles, which reveal an unexpected optical "magic trick" once completed. - **Niantic Games**: She created logo and visual studies for *Pikmin Bloom* and *Peridot*, relishing avatar design because customizable characters give players free rein to find an identity that speaks directly to them. - **Ledger Crypto Hardware Wallets**: She crafted retro-style physical badges that slot into an opening on the front of the device, allowing users to personalize their hardware. - **Offline-Focused Venture Capital**: A friend, Dave Morin, phoned her on a Friday needing branding, hats, and t-shirts ready by Monday morning for a firm whose premise was stepping away from computer screens to collaborate outdoors in the mountains through physical sports.

---

`38:00` Working with Paul Rand at NeXT

Transitioning from her portfolio to personal design philosophies, Kare shares advice gathered from mentors. She highlights the legendary graphic designer Paul Rand, who began working professionally for magazines around the age of fifteen. Rand took a famously austere view of typography, brusquely telling people that designers did not need endless new fonts—they simply needed to know how to use classic typefaces well.

```mermaid flowchart LR accTitle: Steve Jobs vs Paul Rand NeXT Logo Negotiation accDescr: Steve Jobs's proposed multi-designer contest contrasted with Paul Rand's singular ultimatum. subgraph JobsPlan["Steve Jobs's Contest Proposal"] J1["Invite 5 design firms"] --> J2["Pay $15,000 each"] J2 --> J3["Pick the winner"] end subgraph RandApproach["Paul Rand's Terms"] R1["Refuse competitive pitch"] --> R2["$100,000 flat fee"] R2 --> R3["Design exactly 1 logo option"] end JobsPlan -.->|"Rejected by Rand"| RandApproach ```

When Steve Jobs founded NeXT after being forced out of Apple, Kare urged him to hire Rand to create the corporate identity. Jobs was initially unfamiliar with Rand and suggested running a speculative design contest: hiring five different designers or agencies at $15,000 apiece, reviewing their concepts, and picking the winner. Kare opposed design competitions as an ineffective way to get great creative work. When she reached out to Rand, the veteran designer gave a legendary ultimatum:

> “I invited some people and then I invited Paul Rand and he said, 'You will pay me $100,000. I will do one logo, and you will like it.' And that is actually what happened. And we did like it. And we did pay him.”

Collaborating with Rand proved to be an invaluable masterclass. Kare observed that Rand relied on a tight, disciplined palette of trusted fonts and colors across decades of projects. She adopted this philosophy herself, deciding that if PMS 354 green was good enough for Paul Rand, it was certainly good enough for her.

---

`40:00` Lessons from Masters, Mentors, and Family

Rand held very strong views on trademark design, urging designers to manipulate the product's actual name—as he did by angling "NeXT" inside a cube—rather than inventing arbitrary abstract shapes. He pointed to the then-current AT&T "death star" globe as an example of what not to do:

> “He said, if you can spend a ton of money to make some random symbol, associated that doesn't really mean anything much... you can do whatever you want, but most people don't have unlimited money.”

Rand's corporate identities were rooted in clear, direct metaphors: IBM's pinstripes conveyed business authority, Morningstar incorporated a rising sun, and the classic UPS logo united a heraldic shield with a tied parcel. When Rand designed the UPS logo, he field-tested it on his six-year-old daughter Catherine; when she immediately exclaimed, "It's a present, Daddy!", Rand took that instant recognition as the ultimate proof of success. Kare laments that UPS later modernized the mark—likely due to corporate committee debates arguing the company handled more than simple packages—and admits she still hopes they bring the original back.

Kare concludes this portion by reflecting on advice from other figures who shaped her thinking: - **Paul Saffo**: The futurist offered insights into project timelines that resonated with Kare's tendency toward creative optimism; while one always hopes a task will take an hour, complex work inevitably requires building in margin for the unexpected. - **Dr. Morley Kare**: Susan's father was the founding director of the Monell Chemical Senses Center in Philadelphia, a research institute studying taste and smell. Susan introduced her father to Paul Rand, who designed the Monell Center's logo. Drawing on his grind raising research funds, her father offered unvarnished, realistic advice that Kare still leans on whenever she faces rejection or disappointment. - **Daniel Nord**: A Swedish-born architect who served under the Mayor of London before moving to Portugal. Frustrated by committees trapped in endless circular discussions around conference tables, Nord urged designers to make things visual immediately—showing the solution directly through drawings rather than describing it endlessly in words. - **Jean Pigozzi**: An Apple enthusiast, art collector, and heir to the Simca automobile company whom Kare met through Steve Jobs. Pigozzi provided an amusing, lighthearted perspective on their shared era, reminding her to embrace the sheer fun of having built the original Macintosh alongside Andy Hertzfeld, Bill Atkinson, Bud Tribble, Steve Jobs, and Alan Kay.

`45:00` UI Tenets, Flying the Pirate Flag, and Bad Advice from Steve Jobs

Bud Tribble, an extraordinarily accomplished computer scientist who is now in his 80s, introduced Susan Kare to a guiding user interface tenet derived from Alan Kay: avoid placing every element on the same visual or structural plane. Instead, interfaces should nest features so that ease of use feels entirely natural and achievable. Kare reflects on this concept constantly in her work. She also recalls meeting Alan Kay, who offered an encouraging observation that brought her tremendous satisfaction: “He just said, yeah, it's like, who knew? Proportionally spaced fonts can actually look pretty good.”

Kare shows a photograph of a very young Steve Jobs sitting inside her cubicle at Apple, recalling how he would urge the team back in the 1980s to appreciate the rare moment they had together. At Kare’s very first Apple offsite, Jobs presented three distinct goals. One of those goals inspired Kare and programmer Steve Capps to create a notorious piece of company lore. Capps hand-sewed a black pirate flag, and Kare painted a skull and crossbones on it, substituting a rainbow-striped Apple logo for the traditional eye patch. Because security was significantly more relaxed at the time, the two crept into Apple's Bandley 3 building in the middle of the night, climbed up onto the roof, and hoisted the flag as a defiant declaration that the Macintosh division operated as renegade pirates.

```mermaid flowchart LR accTitle: Apple Mac Pirate Flag Creation accDescr: Steve Jobs sets offsite goals, inspiring Steve Capps and Susan Kare to craft and hoist the pirate flag. A["Steve Jobs's Offsite Goals<br/>('Better to be a pirate')"] --> B["Steve Capps<br/>Sews black cloth flag"] B --> C["Susan Kare<br/>Paints skull & crossbones<br/>with striped Apple eyepatch"] C --> D["Midnight Roof Mission<br/>Climb up Bandley 3 roof<br/>to hoist the flag"] ```

During user testing and live demos, Kare noticed an important human dynamic: people felt immense relief and joy when they could figure out how to operate the Mac without feeling inadequate. Conversely, telling users an interface was easy could make them feel foolish if they struggled with it.

Kare notes that Jobs did not always give perfect guidance: “This is the only piece of really bad advice I got from Steve Jobs.” When Jobs decided against purchasing stock, Kare reasoned that if he was passing, she should not buy hers either. Jobs also tried steering her career away from pixel art and interface graphics, telling her: “Susan, you can twiddle bits and never make more than $20,000.” He insisted she would be far better off working as a creative director. Kare took his advice when she joined NeXT as creative director—an experience that let her collaborate with legendary graphic designer Paul Rand—yet she realized that at her core, she remained a bit-twiddler, inevitably returning to hands-on design.

- **Workplace Intensity:** Jay Chiat, co-founder of Apple’s advertising agency Chiat/Day, set a tone where work-life balance was virtually nonexistent; nearly every engineer in Apple's software group kept a sleeping bag tucked inside their cubicle. - **Team Size Dynamics:** Kare observed across multiple companies that around 15 people represents the threshold where consensus hiring works cleanly and everyone can still gather in a single room on the same page before operational friction sets in. - **Managing Steve Jobs:** Andy Hertzfeld gave Kare a crucial tip for design reviews with Jobs: “Don't show him one thing because he'll say he doesn't like it.” Providing multiple variations gave Jobs room to dismiss an option while still actively selecting a preferred direction.

`50:00` Google Doodles, Pinterest Insights, and Closing Thoughts

Kare highlights insights gathered from collaborators across the industry, including Pinterest co-founders Ben Silbermann and Evan Sharp, as well as her own mother's timeless guidance. She also pays tribute to Dennis Hwang, an undergrad at Stanford when he began working at Google as an artist and computer scientist. Hwang helped invent the Google Doodle, challenging standard brand orthodoxy:

> “Like don't mess around with the logo and put it in a different color and put it on a crazy background until people know it so well that you can play with it.”

Hwang demonstrated that once a brand mark achieves worldwide ubiquity, designers earn the license to transform, reinterpret, and play with it without confusing users. Kare wraps up by sharing a lighthearted slide featuring an accordion player—noting it has zero political meaning and is just a fun photo—before presenting a final reflection on dealing with artistic roadblocks and critiques. Rather than letting harsh feedback or a failed attempt prompt someone to quit, she explains that it simply signals when it is time to move on to the next concept.

She closes her talk by expressing heartfelt gratitude to Y Combinator for hosting the event, praising how seamlessly the day was organized and mentioning how envious she felt of all the founders and attendees taking part in Startup School.

## Notable quotes > `05:00` You can be creative, but it's good to understand what the constraints are. And then be excited about that as opposed to being upset that you don't have a thousand colors. — Susan Kare

> `25:00` It isn’t really just about a grid of pixels. It’s the metaphor and the idea and the meaning behind everything. — Susan Kare

> `50:00` Don't mess around with the logo and put it in a different color and put it on a crazy background until people know it so well that you can play with it. — Susan Kare

## Mentioned Susan Kare, Steve Jobs, Paul Rand, Andy Hertzfeld, Bill Atkinson, Bud Tribble, Alan Kay, Steve Capps, Scott McCloud, Dennis Hwang, Ben Silbermann, Evan Sharp, Dave Morin, Daniel Nord, Jean Pigozzi, Paul Saffo, Dr. Morley Kare, Jay Chiat, Apple, Macintosh, NeXT, Microsoft, Windows 3.0, Windows Solitaire, Facebook, Pinterest, General Magic, Google, Google Doodle, Amtrak, Magic Puzzle Company, Niantic, Ledger, MoMA, Franklin Institute Science Museum, Y Combinator, Startup School, Happy Mac, Unhappy Mac, Chicago font, Geneva font, New York font, Cairo font, Ransom font, MacPaint, ImageWriter

## Video description <p>Susan Kare joined Apple as an art history PhD who barely knew anything about computers. She went on to design many of the icons, typefaces, and symbols that helped make the original Macintosh feel understandable and human, defining a visual language for personal computing that still influences software today.At Startup School 2026, Susan shares the stories behind the Happy Mac, Command key, Chicago font, and more, along with the design lessons she learned from Steve Jobs, Paul Rand, and the original Mac team: make things meaningful and memorable, embrace constraints, iterate constantly, and use just enough detail to make an idea instantly clear.Transcript: https://www.ycrootaccess.com/p/susan-kare-on-designing-the-original</p>

[Source](https://anchor.fm/s/8c1524bc/podcast/play/124236322/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-7-14%2F429861286-44100-2-58495781e8404.mp3)

中文简报

Susan Kare阐释严苛像素限制如何塑造早期苹果Mac界面 Kare指出,抽象概念隐喻可跨越软件世代历久弥新,而对物理硬件的具象描摹则必然导致视觉过时。 Susan Kare讲述了自己如何从纯艺术焊接领域转型,在苹果公司定义了个人计算的视觉符号系统,详细阐述了在16×16和32×32像素的严苛限制下,创作出Chicago字体、Happy Mac以及瑞典环状方块Command键符号等经典之作的过程。她强调了核心设计原则——拥抱技术限制、优先选用通用概念隐喻而非具象的硬件描摹,以及借助抽象化使使用者能够将自我投射到界面中。Kare还回顾了随后在Windows 3.0、General Magic和Facebook数字礼物商店的工作,并分享了平面设计泰斗Paul Rand在字体排印、客户谈判和视觉规范方面带给她的指导启示。在整场演讲中,她展现了反复推敲的简洁设计与清晰构思如何将严苛的技术限制转化为富有温度的人性化体验。 在高中好友Andy Hertzfeld招募其为初代Macintosh设计位图符号和比例字体后,Susan Kare从纯艺术焊接领域转入苹果,她在一本网格纸笔记本上绘制了早期构思,该手稿现藏于现代艺术博物馆(MoMA)。 (0:00) 面对严苛的硬件限制,Kare以严格的45度和90度角设计了Chicago系统字体,并在16×16和32×32的黑白单色网格内构建了核心图标体系,她认为紧缩的限制能积极激发创造性解决方案。 (5:00) 史蒂夫·乔布斯因反对菜单快捷键中充斥着企业标识的“苹果农场”后,标志性的Command符号得以被采用;Kare在符号词典中发现了这个环形方块,后来得知它描绘的是瑞典博霍尔姆城堡的遗址。 (22:00) Paul Rand通过拒绝比稿竞争,并对单一Logo设计索要不可协商的10万美元固定费用,拿下了NeXT的企业形象设计;他向Kare传授了严谨调色板的价值,以及采用持久隐喻而非抽象形态的重要性。 (38:00)

Reading summary

Designer Susan Kare argues that enduring digital interfaces depend on strong conceptual metaphors and disciplined simplicity rather than hyper-realistic detail. Drawing on her transition from fine arts to computing, she illustrates how treating screen pixels as an ancient craft enabled accessible, emotionally resonant interactions on the original Macintosh and beyond. Bitmaps, Constraints, and the Craft of Digital Typography (5:00) Kare entered Apple with a background in fine art and art history, approaching screen bitmapping as a modern extension of traditional mosaics, needlepoint embroidery, and stone carving. Tasked with crafting interface symbols and typography for the unreleased Macintosh, she initially drafted designs on physical graph paper, working within severe monochrome constraints such as 16×16 and 32×32 pixel matrices. Rather than lamenting the absence of expansive color palettes, Kare embraced hardware limitations as creative drivers. Her typographic work centered on legibility. She engineered Chicago, a system font with a 9-pixel cap height that relied strictly on horizontal, vertical, and 45-degree angles to eliminate jagged screen artifacts. Crucially, the Mac supported proportional spacing rather than monospaced letterforms. Programmer Andy Hertzfeld accelerated her workflow by building a custom bitmap editor that displayed an enlarged grid beside a 72 DPI live preview and generated hexadecimal code, allowing Kare to iterate without an eraser and design typefaces like Geneva, New York, and the dingbat font Cairo. Conceptual Metaphors versus the Traps of Literal Hardware (15:00) Kare’s iconography prioritized abstraction to achieve immediate, universal recognition. Citing comic theorist Scott McCloud, she explains that stripping away hyper-specific detail allows users to project themselves into an image; a simple pencil represents writing far better than a photorealistic luxury pen. This principle guided the creation of the Happy Mac on a 32×32 grid to reassure users during slow boot times. Conversely, an irreverent cartoon bomb intended for supposedly impossible system crashes backfired when a panicked user called Apple fearing the computer would physically explode, demonstrating that interface metaphors carry genuine emotional weight. Kare also warned against depicting literal hardware, noting that drawing the Apple ImageWriter with tractor-feed paper tied the print command to an ephemeral mechanical product that aged poorly, much like floppy disk icons. When Steve Jobs banned using the Apple logo on menus to avoid creating a cheapened "Apple farm," Kare selected an abstract looped Swedish feature marker—originating as an aerial view of 13th-century Borgholm Castle ruins—to anchor the Command key. Color Dithering and the Commercial Psychology of Visuals (27:00) Following her tenure at Apple, Kare adapted her methodology across corporate and commercial platforms. For Microsoft's Windows 3.0, she operated within a 16-color system palette, applying pixel dithering—interleaving contrasting colors in alternating patterns—to generate subtle textures across dialog boxes and the Solitaire card deck without creating a garish appearance. At General Magic, she observed how excessively literal skeuomorphic metaphors like virtual Rolodexes and interactive office drawers rapidly felt dated as digital workflows matured. Her four-year tenure designing digital items for Facebook’s virtual gift shop revealed counterintuitive consumer dynamics. While she initially assumed detailed luxury items like Rolex watches would drive sales at one dollar each, purchasing data proved that emotional warmth outperformed status symbols. Heart-shaped motifs, kiss marks, and illustrated penguins consistently achieved top sales velocity within fifteen minutes of their midnight releases, reinforcing the commercial power of relatable, friendly imagery. Mentorship, Team Dynamics, and Managing Steve Jobs (38:00) Kare credits key professional insights to mentors, most notably graphic designer Paul Rand. When Jobs founded NeXT and proposed a multi-agency contest, Rand refused competitive bidding and demanded a non-negotiable $100,000 flat fee to deliver a single logo. Rand demonstrated the value of working with a disciplined palette of trusted fonts and direct name manipulation rather than arbitrary abstract shapes. Rand tested the UPS logo on his six-year-old daughter, treating her immediate recognition of a wrapped package as proof of success. Within the Macintosh team, Kare navigated an intense environment where software engineers kept sleeping bags in their cubicles and hoisted a hand-painted pirate flag over the Bandley 3 building. Hertzfeld taught Kare to present Jobs with multiple design variations rather than a single concept, allowing him to dismiss an option while still guiding the project forward. While Jobs advised her against "bit-twiddling" and urged her to become an executive creative director, Kare ultimately returned to hands-on pixel craft. Kare demonstrates that personal computing's visual language succeeded by anchoring technical functions in intuitive human metaphors. Her retrospective underscores that regardless of evolving screen resolutions, effective graphic design continues to rely on strict creative discipline, emotional empathy, and visual simplicity rather than technical complexity.

精炼阅读摘要

初代 Macintosh 图标与界面设计师 Susan Kare 回顾了其职业生涯,指出在严格的技术限制下,设计应专注于有意义、易记的隐喻与克制的高度抽象,从而赋予冷酷的计算机软硬件以人性化的亲和力。 从雕塑转向像素:在技术约束中构建视觉语言 (0:00) 在加入苹果公司之前,拥有艺术史博士学位的 Susan Kare 正全职在阿肯色州为博物馆焊接一头实物大小的野猪雕塑,对计算机几乎一无所知。经高中好友、苹果系统软件工程师 Andy Hertzfeld 推荐,她带着用方格笔记本手绘的位图草稿参与面试并获得聘用,当时她手绘的原稿如今已被纽约现代艺术博物馆(MoMA)永久收藏。面对初代 Mac 极为有限的黑白单色硬件条件,Kare 积极接纳限制,在 16×16 像素网格中设计了套索等开创性交互工具,并设计了 cap height 仅为 9 像素的 Chicago 系统字体,通过严格采用水平线、垂直线与 45 度角避免屏幕渲染产生锯齿,确立了系统的文字层级规范。 隐喻的力量:高度抽象与避免具象硬件陷阱 (15:00) 在设计初代 128K Macintosh 的开机图标时,由于机器加载过程缓慢且伴随机械噪音,Kare 在 32×32 网格中创作了 Happy Mac 以缓解用户焦虑。她引用 Scott McCloud《理解漫画》中的理论解释,写实的面孔或复杂的反光钢笔会让用户感知到陌生的具象个体,而极简的铅笔线条或笑脸则能让任何人将自我投射其中。这种隐喻设计要求选择最核心的特征并剔除多余干扰,如同行人警告标志不需要画出细致的鞋带与格子便当盒。 界面情绪与长久性:从崩溃炸弹到抽象符号 (18:00) Kare 从实际测试中体会到界面隐喻承载着真实的情感重量。软件团队最初向她保证系统极其稳定、几乎不会崩溃,使她大胆设计了一个带有燃烧引信的卡通炸弹图标来代表严重系统错误;但机器出货后频繁死机,前台接线员甚至转接入用户惊恐询问电脑是否真会爆炸的求助电话。此外,她警示不要在图标中描摹具体的产品硬件外形,例如她曾为打印图标绘制带有链式供纸孔的 Apple ImageWriter 打印机,这种具象硬件很快随时代淘汰,而真正的抽象概念与隐喻才具备长久生命力。当 Steve Jobs 批评在菜单快捷键中滥用苹果商标就像建造“苹果农场”后,Kare 翻阅符号词典找到了代表瑞典名胜的四叶形环状标记作为 Command 键符号,该符号源于 13 世纪博霍尔姆城堡废墟的俯视图,展现出抽象符号经久不衰的生命力。 设计跨界探索:从抖动色彩、虚拟礼物到品牌哲学 (27:00) 离开苹果后,Kare 受聘为微软 Windows 3.0 重构界面图形。在 16 色系统调色板的限制下,她利用抖动技术(dithering)交错排列像素,柔化了对话框与纸牌界面的对比度,避免界面沦为刺眼的棋盘。在为 Facebook 虚拟礼物商店工作的近四年中,她发现大众消费心理中“可爱战胜一切”,一美元的数字企鹅与心形印记销量远超精心绘制的劳力士手表或钻石耳环。在为 Steve Jobs 创办的 NeXT 工作期间,她见证并深受传奇平面设计师 Paul Rand 的影响。Rand 坚持收取 10 万美元单笔固定费用且只提供一个设计方案,主张设计师应深入挖掘产品名称本身而非凭空制造毫无根据的抽象标记,并以极度克制的调色板和经典字体展现了商业设计的严谨性。 Susan Kare 的设计历程表明,数字界面的本质并非冰冷的像素排列,而是根植于艺术史与人类传统符号中的隐喻沟通;即使面临技术演进、组织管理与严苛批评,优秀设计的核心始终在于以简洁形式承载能够被广泛心领神会的直观概念。

Detailed notes — zh

## Background 该内容由 Y Combinator 于 2026 年 8 月 28 日在播客及网络平台发布。根据页面介绍,演讲者为艺术史博士出身的传奇图标设计师苏珊·卡雷(Susan Kare),她在几乎不懂计算机的情况下加入苹果,为初代麦金塔(Macintosh)设计了 Happy Mac、Command 键符号以及 Chicago 字体等视觉语言;在本次 Startup School 2026 的演讲中,她分享了这些经典设计背后的故事以及从史蒂夫·乔布斯(Steve Jobs)和保罗·兰德(Paul Rand)等人身上汲取的设计与创业法则。 ## TL;DR 苏珊·卡雷回顾了自己从电焊雕塑工人意外转型为初代麦金塔核心设计师的历程,阐述了在 16×16 黑白位图等严苛硬件限制下如何通过极简隐喻与比例字体构建以人为本的图形界面。她细致拆解了 Happy Mac、炸弹图标、Command 键符号的诞生细节与文化渊源,并分享了离开苹果后在 Windows 3.0、General Magic 以及 Facebook 虚拟礼物项目中的跨界设计实践。此外,卡雷还揭秘了与乔布斯共事期间爬楼顶升海盗旗的黑客趣事、向乔布斯汇报方案的实用技巧,以及保罗·兰德教给她的品牌克制之道与面对挫折时的转念心态。 ## Atmosphere & style 整场演讲洋溢着温润而幽默的怀旧基调与硅谷早期车库创业黄金时代的黑客浪漫。卡雷以从容谦和、娓娓道来的叙事口吻,将宏大的计算历史解构为诸如用方格纸画草图、半夜偷偷升海盗旗、误信乔布斯建议少赚股票等生动鲜活的个人轶事。听众既能从她对点阵像素与隐喻本质的剖析中感受到纯粹的工匠精神,又能体会到那代人在没有先例可循的蛮荒时代中,单纯依靠创造力点亮屏幕的真挚与激情。 ## Bulletin - `00:00` 非科班出身的艺术史博士 Susan Kare 在阿肯色州焊接野猪雕塑期间,受高中好友 Andy Hertzfeld 邀约加入苹果 Macintosh 团队,在 16×16 至 32×32 黑白像素网格内奠定了现代个人电脑的图形视觉语言,其早期手稿现已被纽约现代艺术博物馆(MoMA)永久收藏。 - `15:00` 图形界面设计需摆脱机械写实主义并聚焦核心显著细节,如 Happy Mac 通过极简线条实现普适人格投射,而 Command 键符号则因乔布斯严禁滥用 Apple Logo,最终从北欧博格霍姆城堡遗址路标中获得灵感。 - `35:00` 保罗·兰德(Paul Rand)在为 NeXT 设计 Logo 时提出了霸气的合作准则(付 10 万美元且仅出一版方案),并强调没有无限预算的企业必须依赖具象且有意义的图形隐喻,而非强推空洞抽象的符号。 - `47:11` 向史蒂夫·乔布斯汇报设计方案的关键策略是永远提供多个候选方案,使其既能通过批评行使控制欲,又能促成方案拍板落地;同时初创公司在主品牌未建立深厚认知前,切勿轻易篡改主 Logo 或设计花哨变形。 ## Key takeaways - `05:00` 严苛的硬件与物理限制(如 16×16 点阵与黑白双色)能激发惊人创造力,设计的关键在于理解约束并以此为荣,而非抱怨资源的匮乏。 - `05:00` Macintosh 首款系统比例字体 Chicago 规整了屏幕像素锯齿,并彻底摆脱传统终端单色显示中字母宽度不一的挤压问题,后来还被初代 iPod 界面所沿用。 - `10:00` 系统字体命名从费城近郊火车站名改为世界级大都市(New York、Geneva),体现了乔布斯对消费电子产品走向全球化视野的严苛要求。 - `15:00` 细节越少反而越具普适性,图标应提取一到两个核心特征,避免过度堆砌繁复细节而削弱用户的瞬间辨识度与心理投射。 - `20:00` 将图标与特定硬件外观(如带走纸打孔的打印机或 3.5 英寸软盘)绑定是严重的细节陷阱,硬件淘汰会导致图形隐喻迅速过时失效。 - `20:00` 乔布斯拒绝在下拉菜单快捷键中滥用 Apple Logo 以防稀释品牌价值,促成了源自瑞典博格霍姆城堡俯视图的 Command 键四叶符号的采用。 - `25:00` Cairo 字体为早期桌面排版开创了图文混排的先河,成为现代 Emoji 的重要雏形,证明栅格艺术与古代象形文字存在跨越千年的历史同构。 - `25:00` Windows 3.0 图标设计利用有限的 16 色调色板和像素抖动(Dithering)技术,创造出柔和渐变色调,摆脱了初代彩色界面的生硬杂乱。 - `30:00` Facebook 虚拟礼物商店的商业化实践表明,用户购买决策由情感与“可爱”主导(如唇印与企鹅秒罄),而非劳力士等昂贵奢华物品的拟真投射。 - `45:00` 优秀的人机界面通过合理的层级嵌套降低认知负荷,核心心理效应在于让用户在使用过程中觉得自己变聪明,即使出错也不会产生挫败感。 - `47:11` 向强势决策者乔布斯汇报时切忌仅提交单一方案,提供两到三个选项能让其行使批评挑剔的控制欲,从而确保最优方案得以通过。 - `49:33` 团队规模在突破 15 人后协作范式会发生剧烈转变;而在品牌打造上,只有当用户对 Logo 拥有极高认知度后,才有资本对其进行涂鸦或解构玩弄。 ## Detailed walkthrough ### `00:00` 从雕塑车库到苹果麦金塔:非科班艺术家的入局 Susan Kare 回顾了自己作为图标设计师(iconographer)和图形设计师的职业生涯。尽管麦金塔(Macintosh)团队从属于苹果公司,但在当时其实就像一家充满激情的科技初创企业。她引用了曾设计过 UPS 和 IBM 标志的传奇平面设计师保罗·兰德(Paul Rand)给她的教诲:“始终专注于让事物变得既有意义又令人难忘(Always focus on making things meaningful and memorable)。”她坚信这一原则的核心就是:先拥有一个好点子,形式自然会随之确立。 进入苹果之前,拥有艺术史博士学位的 Susan 对计算机几乎一无所知。当时她的日常工作是在阿肯色州为一家博物馆焊接一头等身大小的野猪雕塑(Razorback hog)。她原本以为在车库里整天做电焊是自己的梦想,但日复一日的孤独让她极度渴望融入一个团队。此时,她的高中好友、苹果系统软件工程师 Andy Hertzfeld 找到了她。Andy 知道她高中时参与过年鉴排版且喜爱艺术,便向她展示了一台连外壳都没有的显示屏,并邀请她面试,为一款全新的电脑设计小型图形符号和字体。 为了准备这场面试,Susan 梳理了自己在费城富兰克林学会科学博物馆(Franklin Institute Science Museum)制作展品标签的排版经历,以及自己非常拿手的 Letraset 转印字帖(rub-down type)对齐与字距调整(kerning)技巧。她特意去帕洛阿尔托公共图书馆借了几本字体样本和排版书籍,面试时夹在胳膊底下充当门面。Andy 还建议她在网格坐标纸上手绘一些位图(bitmap)原型。她在方格纸上随手画了带靴子的双关语图形(boot / reboot)、纸张小图标以及字母样本。这些看似随意的草稿,最终直接影响了麦金塔图形界面的诞生。 ```mermaid flowchart LR accTitle: Susan Kare 加入苹果麦金塔团队的历程 accDescr: 从早期艺术背景到入职苹果开发图标的转变过程 subgraph Background["早年背景与转折"] A["艺术史博士 / 焊接雕塑"] --> B["渴望团队协作"] B --> C["好友 Andy Hertzfeld 邀约"] end subgraph Interview["面试筹备"] C --> D["借阅排版书籍备课"] D --> E["在方格坐标纸上绘制位图示例"] end subgraph Result["入职成果"] E --> F["成功入职苹果担任 Mac 艺术家"] F --> G["面试网格速写本被 MoMA 永久收藏"] end ``` - 面试准备资料:从 Palo Alto 图书馆借来的西文字体样本书与排版书籍,用以假装自己深谙此道。 - 早期代表手稿:方格纸上的像素级草稿现已被纽约现代艺术博物馆(MoMA)永久收藏。 --- ### `05:00` 拥抱限制:从 16×16 黑白点阵中构筑用户友好的交互世界 顺利入职后,Susan 发现面试时根本没人考她字体设计专业问题。第一天上班,团队就拿出一副屏幕画面告诉她:“这就是你的工作,改进这些界面和字体。”当时的 5.25 英寸软盘画面上带有可拖拽的圆形托盘,已经具备了图形界面的雏形。她立即推动将界面上的操作按钮文案从带有歧义甚至粗俗意味的“do it”(容易被误读为笨蛋“dolt”)改为了亲切清晰的“OK”。麦金塔团队拥有强烈的使命感与布道精神,Susan 强调说:“我们是在努力做出一台任何人都能上手的电脑(We were trying to make a computer that anyone could use)。” 界面的核心诉求是足够直观友好,让用户甚至不需要查阅说明书。当时设计师面临着严苛的硬件限制:图标区域仅为 16×16 像素,且只有纯粹的黑白双色。Susan 坚信在任何严苛限制下都能迸发出惊人的创造力,好比用海滩上拾来的垃圾拼出艺术品:“你可以发挥创意,但关键是要理解限制究竟是什么,并为此感到兴奋,而不是抱怨为什么自己没有一千种颜色(You can be creative, but it's good to understand what the constraints are. And then, be excited about that as opposed to being upset that you don't have a thousand colors)。”在这套规则下,她设计出了用于圈选不规则区域的“套索”(lasso)等初代艺术工具图标。她后来在巴黎看到知名街头艺术家 Invader 运用马赛克致敬早期麦金塔的图形,感到由衷欣慰。 首款由她设计的系统字体名为 Chicago,其大写字高(cap height)为 9 个像素。针对早期屏幕字体锯齿粗糙的问题,她利用水平线、垂直线和 45 度角斜线来规整笔画,赋予其清晰的秩序感(尽管她坦言至今看到那个小写字母“x”依然会忍不住咧嘴皱眉)。麦金塔支持比例字体(proportional font),彻底告别了传统单色单显终端上“M 被严重挤压、I 占地过宽”的尴尬,大幅提升了屏幕文本的可读性。 --- ### `10:00` 命名风波、极简控制面板与 Andy 的图标编辑器 Chicago 字体不仅被用在麦金塔经典的窗口标题栏中,甚至在多年后成为初代 iPod 的核心界面字体。在字体规划上,Susan 认为系统应当配备一套类 Times Roman 的衬线体和一套类 Helvetica 的无衬线体,这促成了 New York 和 Geneva 字体的诞生;此外她还设计了模仿罪犯剪报拼贴字体的 Ransom。最初,她和 Andy 用两人高中母校周边沿 Paoli Local 通勤铁路线的近郊小镇为字体命名。一天傍晚,史蒂夫·乔布斯(Steve Jobs)照例来到软件团队巡视,他当场拍板表示:“地名这个主意不错,但至少得用世界级城市的名字(Well, city names aren't bad, but at least call them world-class cities)。”于是,原先拟定的 Paoli、Wynwood 和 Rosemont 被一举替换成了 New York 和 Geneva。 与此同时,软件工程师 Bill Atkinson 正在开发革命性的绘图软件 MacPaint。Susan 与他深度合作设计了工具图标与绘图图案;Bill 甚至自制了一台早期扫描仪,成功将乔布斯收藏的一幅浮世绘艺妓木版画数字化录入系统。在设计控制面板时,团队完全不采用任何文字说明,而是依靠微动动画、声音和速率反馈来指示设置项的变化,从而天然实现了免本地化翻译的国际化通用体验。 为了解放创作生产力,Andy 为 Susan 编写了一款运行在麦金塔上的简易图标编辑器。它虽然没有撤销(undo)功能,也画不了几何图形,只能逐个点反转像素,却能在右侧以 72 DPI 实时渲染实际视觉尺寸,并自动生成十六进制代码(hex code),使她能够直接敲入系统调用。Susan 感慨道:“你可以不用橡皮擦就完成迭代,这种体验有多棒怎么夸都不为过(You can iterate without an eraser. It's hard to overstate how great this was)。”在那个无法导入照片和手绘扫描件的年代,她常常让同事坐在一旁,用 32×32 的点阵区域现场为他们绘制像素肖像。 - 字体命名演变:原本的费城近郊火车站名(Paoli、Rosemont、Wynwood)因乔布斯的一句话改为了纽约(New York)和日内瓦(Geneva)。 - 无文字控制面板:纯靠图形交互、动态效果和声音反馈呈现滑块与调节状态,无需根据不同语言区重写文案。 - 图标编辑器的核心特性:实时位图翻转、72 DPI 实际大小即时预览、自动输出十六进制机器代码。 ### `15:00` Happy Mac 的诞生与极简图标的普适性哲学 在早期 Macintosh 团队中,Susan Kare 承担的首批核心设计任务之一,就是为漫长的开机引导过程设计一个图标。当时的初代 Mac 仅有 128K 内存,机器开机时硬件会发出阵阵轰鸣并持续打磨读取一段时间,团队迫切需要在 32×32 像素的方格内呈现一个画面,告知用户一切正常。Susan Kare 联想到自己 14 岁时收到的一枚笑脸徽章,于是画出了标志性的“Happy Mac”微笑电脑图标。关于这个经典设计,她借用了漫画理论家斯科特·麦克劳德(Scott McCloud)在其著作《理解漫画》(*Understanding Comics*)中的核心洞见——虽然该书在 Mac 问世十年后才出版,但其中对人脸认知与用户界面的阐释完全契合 Kare 的设计初衷:一张具有丰富细节的人脸往往看起来像某个具体的人,而极其简化的线条却能让任何人都将自我投射其上。 Kare 指出,细节越少,视觉语言反而越具普适性。例如,用一支线条极其质朴的铅笔来象征“书写”,远比画一支带有反光的高档铬合金钢笔有效得多,因为钢笔属于特定人群的工具,并非人人都会使用。这种设计哲学就像街头的学校过街警示牌:上面用剪影画着两个手拉手的小孩,技术上完全有能力画出带格纹的午餐盒、鞋带甚至唱歌的表情,但那些冗余信息只会分散注意力,破坏图标最关键的“瞬时辨识度”。关于这一设计原则,Susan Kare 总结道:“My bias in icons is the a salient detail or two, but don't lard it with a lot of extra stuff.”(我在设计图标时的偏好是抓出一两个核心显著的细节,千万不要用一堆多余的杂质去塞满它。) 然而,盲目的乐观假设也引发过尴尬的插曲。软件团队当时告诉 Kare,在极罕见出现系统错误时,需要一个对立的“Unhappy Mac”(沮丧的 Mac),Kare 便画了一个看起来生病或宿醉的电脑图标。紧接着,团队又要求为致命的整机系统崩溃(Total System Failure)设计一个图标,并信誓旦旦地安慰她说“反正谁也不会看到这个画面”。Kare 抱着戏谑的心态,画了一个类似《兔八哥》(Bugs Bunny)卡通画风格的圆滚滚引线炸弹。不料机器发布后系统频繁崩溃,炸弹图标成了常见画面。一次,Kare 坐在被称为“金鱼缸”(The Fishbowl)的软件团队玻璃办公室里,前台突然转接来一通紧急电话:一位惊恐万分的女用户指名要找软件工程师求救,因为她的电脑屏幕上赫然出现了一枚炸弹,她极度害怕自己的电脑会当场物理爆炸。这让 Kare 深感内疚,也深刻体会到图标的隐喻必须经受反复迭代的推敲。 - 初代 Macintosh 内存仅为 128KB,系统图标尺寸严格限制在 32×32 像素。 - 开机引导画面需要抚平用户对机器硬盘转动声响的焦虑,因此采用了微笑的人格化形象。 - “炸弹图标”最初设计定位为“用户永远不可能见到的极端错误”,最终因系统不稳定而频现,造成了真实用户的恐慌。 --- ### `20:00` 动宾隐喻、细节陷阱与 Command 键符号的考古解谜 随着系统组件的展开,Kare 开始为少数几个原生内置应用设计图标。在做 MacPaint 时,她确立了一种“动词加名词”的系统隐喻:画图软件图标本身展现为一个处于动态作业中的笔刷(动词),再配以风格呼应的文档图标(名词)。当时整个团队仅有大约半打核心应用程序,完全没有料到未来的个人电脑会承载成千上万款软件。在设计警示弹窗(Alert)中的人像时,她刻意对人物面部进行了方框裁切,不保留任何发型、性别或年龄特征;在设计等待光标时,她放弃了陈旧的沙漏或煮蛋计时器,换成了属于 80 年代现代语境的手表光标。然而,在设计打印机(ImageWriter)图标时,她陷入了细节陷阱:她细致入微地画出了打印纸两侧用于链轮传动对齐的打孔以及侧面的大旋钮。Kare 反思道,将图标与特定硬件的外形绑定是巨大的错误,就像用 3.5 英寸软盘作为“保存”图标一样无法对抗时间的淘汰,图标若想拥有长久生命力,必须克制细节并依赖抽象的隐喻。 在设计下拉菜单的快捷键标识时,团队最初打算采用苹果公司的 Apple Logo,并将该快捷键命名为“Apple 键”。然而有一天傍晚,Steve Jobs 走进办公室,严厉否决了这一方案。Jobs 愤怒地斥责屏幕上密密麻麻的图标简直是“苹果农场”(Apple Farm),并明确指出:“Our logo is precious and we have to respect it.”(我们的商标无比珍贵,我们必须尊重它。)不能让满屏的快捷键稀释了品牌价值。团队于是将该键改称为 Command 键(或 Feature 键),Kare 奉命寻找全新符号。她联想到军队发号施令的生硬感,又觉得“摩西十诫”(The Ten Commandments)像个蹩脚的文字双关,于是跑到图书馆翻阅图集资料。 在一本符号词典中,Kare 偶然发现了一个名为“Feature”(特色/景点)的符号。它看起来既像带来好运的四叶草,又像能高速通达的高速公路立体交叉桥(Cloverleaf Interchange),而且在 16×16 像素网格下极易绘制。这个符号最终成为了沿用至今的 Command 键标志。尽管该设计很成功,但 Kare 曾一度为其缺乏直观隐喻、过于抽象而感到不安。多年后,Kare 飞往瑞典哥德堡,一下飞机就在当地的旅游景点路标上看到了这个完全一致的符号。一位瑞典当地人向她道出了真相:该标志源自公元 1200 年的博格霍姆城堡(Borgholm Castle)遗址,从上空俯瞰时,城堡主建筑四角各有一座圆形角楼,四叶交叉的图案正是四塔城堡的俯视图。这一历史溯源让 Kare 惊喜地发现,自己选中的抽象符号最终依然指向了具象的实体建筑。 ```mermaid flowchart TD accTitle: Command 键符号的演变路径 accDescr: 描述了 Command 键从最初使用苹果 Logo 被 Steve Jobs 否决,到图书馆查找四叶符号并最终溯源至瑞典城堡的历史过程。 subgraph Phase1["最初构想与否决"] A["最初设计方案:<br/>下拉菜单快捷键使用 Apple Logo"] --> B{"Steve Jobs 介入审查"} B -->|"斥责为'苹果农场'<br/>商标极其珍贵必须克制"| C["方案推翻:<br/>重命名为 Command / Feature Key"] end subgraph Phase2["符号发掘与取舍"] C --> D["Susan Kare 查阅图书馆符号资料集"] D --> E["发现'Feature'北欧标记:<br/>外形似四叶草与立交桥"] E --> F["技术验证:<br/>16×16 像素下清晰易绘制且平衡"] end subgraph Phase3["设计落地与历史溯源"] F --> G["正式采用并印制于 Mac 键盘"] G --> H["多年后瑞典旅行实地验证:<br/>源自公元 1200 年博格霍姆城堡四塔遗址"] end ``` - MacPaint 奠定了系统“动词(工具应用)+ 名词(生成文件)”的配对设计范式。 - 硬件具象化陷阱:包含边缘走纸孔与侧旋钮的打印机图标,因过度拘泥于初代 ImageWriter 的外观细节而迅速过时。 - 史蒂夫·乔布斯视公司 Logo 为至高资产,坚决禁止其在系统级快捷键中泛滥出现。 - Command 键图案在北欧国家普遍用作风景名胜与历史古迹的指示标识。 --- ### `25:00` 栅格艺术的历史同构、埃及象形文字与 Windows 3.0 的色彩革新 拥有艺术史博士学位的 Susan Kare 坦言:“And, you know, you study art history, you know, there's not much new under the sun.”(你知道,当你研究了艺术史,就会明白日光之下并无新事。)人类使用简化微缩符号记录信息的历史已逾千年。古埃及的象形文字(Hieroglyphics)早在数千年前就奠定了图文交融的先河;而在几个世纪以前的编织与石刻作品中,就出现过大写字母高度仅有 7 像素或 10 像素、堪比现代位图字体(Bitmap Font)的精巧范例。Kare 笑称,自己对栅格化像素的敏锐度很可能源于童年时代:当时社会流行给儿童购买马赛克瓷砖手工套件,让小孩子在方形网格上拼贴瓷砖给父母做烟灰缸,这种早期的网格训练深深植根于她的潜意识中。在 1984 年的 Macintosh 中,Kare 主导设计的 Cairo 字体(即图标字体/Dingbats)实际上就是现代 Emoji 的雏形,让用户在纯文本时代之前就能在文档中直接嵌入象形符号。 Kare 强调,像素界面的核心价值从来不是冷冰冰的网格对齐,而是符号背后的隐喻(Metaphor)与概念沟通。在后来为斯沃琪(Swatch)手表设计闹钟图标时,她最初顺理成章地画了各种时钟:加剧铃响波纹的、更写实的、更极简的、或是类似旅行闹钟的构型。然而她随即意识到其中的荒谬性:在一只手表上去画另一个时钟属于极度多余的“自我指涉”(Self-referential),手表本身就是时钟,为何要在时钟上再画一个表?于是她彻底抛弃表盘,转向用纯粹的声波与发声物体来传递“闹铃”含义。这一推演过程证明了设计从来不是一门精准的硬科学,而是一个不断解构、寻找合理隐喻的过程。 离开苹果之后,Susan Kare 接手了微软 Windows 3.0 的界面图标重构项目。与初代 Mac 的黑白双色相比,Windows 3.0 提供了 16 种系统颜色支持。尽管这些预设颜色种类有限且部分色彩显得土俗,但红色的加入使得系统警示信息能瞬间抓取眼球。为了避免界面沦落为当时行业常见的杂乱粗俗的棋盘式高对比色块,Kare 大规模采用了“抖动”(Dithering)算法技术,通过双色像素交错排列形成柔和细腻的过渡色调,极大地提升了 Windows 系统的视觉质感。在此期间,她还参与了另一项让 90 年代无数办公室用户深陷其中的经典屏幕设计——Windows 纸牌游戏(Solitaire)的牌面绘制。 - 艺术史渊源:几百年前的刺绣与纺织图案便展现了极其成熟的 7 至 10 像素高度的比例字体思维。 - 1984 年 Mac 的 Cairo 字体是桌面排版时代图文混排的先驱,蕴含了现代 Emoji 的原型构想。 - 斯沃琪案例启示:在手表界面上放置闹钟表盘属于无效的自我指涉,界面隐喻必须摆脱机械写实主义。 - Windows 3.0 设计突破:利用有限的 16 色调色板结合像素抖动技术(Dithering),创造出更温和柔韧的色彩层级,摆脱了初代彩屏界面的生硬质感。 ### `30:00` 后苹果时期的设计探索:从 General Magic 到 Facebook 虚拟礼物 在苹果公司之后数十年的职业生涯中,Susan Kare 参与了各种不同调性的客户项目,涵盖严肃的商业系统、趣味性的产品以及自我标榜为纯商业工具的应用。在 General Magic,她不仅操刀了公司标志,还尝试了一种比苹果更为具象的桌面隐喻——采用带有走廊和门扉的虚拟空间,甚至包含最令人匪夷所思的“成罐文本”(jars of text)。当时的设想是通过在逻辑空间中寻路来帮助记忆文件位置。虽然如今诸如实体名片盒(Rolodex)、带实体抽屉的档案柜以及特定造型的电话机早已消失,但当时用户点击抽屉就能拉出并存放东西,该系统甚至支持发送明信片,可惜它未能准确预见到电子邮件(Email)的全面爆发。 在 Facebook,Susan Kare 主导了一项虚拟礼物设计实验。当时平台不仅允许用户上传图片,还推出了一项花 1 美元真实货币购买精美虚拟图标并赠送给好友的功能。团队在将近四年的时间里保持每天美东时间午夜上线一款新礼物的节奏,通常在发售 15 分钟后就能依据销售曲线判断其是否会成为爆款。Susan 起初设想绘制价值连城的钻石耳环、劳力士手表等昂贵物品会让用户觉得 1 美元物超所值,但实际数据彻底打破了这一假设。 > “我所学到的是,‘可爱’压倒一切。”(What I learned was that cute trumped everything.)—— Susan Kare 各种心形物品与泰迪熊广受青睐,而史上最畅销的礼物是一款“唇印”(Kiss Mark)。Susan 笑称如果以后必须靠卖 1 美元图画维持生计,她一定会画企鹅,因为当年推出的几款限量版企鹅全部瞬间售罄。尽管该项目还曾与布兰妮·斯皮尔斯(Britney Spears)等演艺明星合作,但 Facebook 最终为了避免与第三方开发者产生竞争而终止了这项服务。 ```mermaid flowchart TD accTitle: Facebook Virtual Gift Business Loop accDescr: 描述 Facebook 虚拟礼物商店从零点上线、数据评估到用户审美偏好的完整运作流程。 subgraph Launch["每日午夜上新流程"] A["美东时间 00:00 发售全新礼物"] --> B["监测前 15 分钟销售数据"] B --> C{"是否为爆款?"} C -->|高转化| D["成为平台热门畅销款"] C -->|平淡| E["常规留存陈列"] end subgraph ConsumerBehavior["用户价值认知假设 vs 实际偏好"] F["设计初衷假设:<br/>奢华高价物(钻石耳环、劳力士)<br/>让 1 美元显得超值"] G["实际市场验证:<br/>‘可爱压倒一切’<br/>心形、唇印、泰迪熊与限量企鹅"] F -.->|被现实推翻| G end ``` 此外,她还涉足了大量不同形态的视觉设计: - **Pinterest 动效图标**:与优秀动画师合作,为图标添加极轻微的微动效,防止长期使用产生视觉疲劳。 - **Mill.com 隐形期标志**:在推出正式品牌前,针对其垃圾处理相关业务,绘制了一只“垃圾小熊猫”(trash panda/浣熊)作为临时 logo。 --- ### `35:00` 品牌标识与多元载体,以及传奇设计师 Paul Rand 的登场 Susan Kare 持续活跃于各种跨界视觉实验中。她曾受美铁(Amtrak)旗下季刊杂志《The National》邀请,用其标志性的复古像素风格为火车沿线目的地重新绘制路线图解。她热爱标志与头像创作,包括为大变魔术的拼图公司 Magic Puzzle 设计标志,为游戏《Pikmin Bloom》和《Peridot》进行 logo 概念探索,并为 Ledger 加密硬件钱包的前置个性化卡槽设计复古风徽章。她还曾在一个周五接到好友 Dave Morin 的紧急来电,要求在周一前为一家倡导走出办公室、去山野与户外运动中协同工作的 VC 机构赶制出全套 logo、T 恤及帽子周边。 在谈及对自己影响深远的同行时,Susan Kare 着重回顾了平面设计大师保罗·兰德(Paul Rand)。兰德大约从 15 岁就开始为杂志供稿,风格干练直接,对滥用字体的风潮非常冷淡。 > “你不需要那么多字体。你只需要知道如何用好它们。”(You don't need that many fonts. You just have to know how to use them well.)—— Paul Rand(Susan Kare 转述) 当史蒂夫·乔布斯离开苹果创立 NeXT 时,Susan Kare 极力主张聘请自己的偶像保罗·兰德设计企业标识。乔布斯起初并未听说过兰德,并提议举办竞标比赛——挑选 5 位设计师或设计机构,每人支付 1.5 万美元比稿,再选出最佳者继续合作。然而当 Susan 联络兰德时,这位设计巨匠提出了霸气且绝不妥协的合作条件: > “你会付给我 10 万美元。我会做一个 logo。然后你会喜欢它的。”(You will pay me $100,000. I will do one logo. and you will like it.)—— Paul Rand(Susan Kare 转述) 事实最终完全如兰德所言:团队支付了 10 万美元,兰德交付了那个经典的立方体方案,所有人也都心悦诚服。兰德的严苛克制让 Susan 终身受益,包括他反复使用极少数核心字体和固定色系(例如 PMS 354 绿色),至今 Susan 在做设计时仍会翻阅兰德的作品集汲取配色灵感。 --- ### `40:00` 符号意义的真谛与来自各方师友的人生格言 在探讨企业标志设计哲学时,保罗·兰德极为强调在产品名称本身做文章——就像他把“NeXT”嵌入倾斜立方体那样——而不是凭空捏造无关图案。他曾将几代前的 AT&T 环球条纹标志作为反面教材,指出只有拥有用不完预算的巨头,才能靠砸重金把一个毫无具体意义的随意符号强行灌输给大众;而大多数人没有无限预算,就必须依赖具象且有意义的表达。例如晨星公司(Morningstar)标志上的旭日、IBM 标志体现商务沉稳的细条纹,以及经典的 UPS 盾牌包裹标志。兰德曾将 UPS 草图拿给 6 岁女儿 Catherine 看并询问这是什么,女儿脱口而出“是一个礼物,爸爸”,兰德便认定该设计获得了最充分的直观解释力。 在分享设计的间隙,Susan Kare 罗列了一组来自师友的经典忠告与智慧: - **未来学家 Paul Saffo 的时间法则**:提醒人们不要盲目乐观。Susan 坦言自己总以为一件事“一小时就能做完”,但现实中没有任何事只需一小时,设计项目即便目标明确,也必须预留冗余时间。 - **父亲的现实主义生存观**:她的父亲曾担任费城莫奈尔化学感官中心(Monell Chemical Senses Center,致力于味觉和嗅觉研究)的主任。Susan 曾引荐父亲与保罗·兰德结识,兰德为该中心设计了标识,两人相谈甚欢。父亲长期为科学机构筹措资金,虽然给出的建议并不总是令人欢欣鼓舞,但极其务实清醒,帮助她在面对否定(听到“No”)陷入低落时重新客观看待事物。 - **瑞典建筑师 Daniel Nord 的呈现哲学**:Nord 曾为伦敦市长工作,面对委员会无休止的口头争论,他提出的原则是“让它视觉化”(Make it visual)——即用具体的画稿呈现而非空洞地讲述(Show, don't tell)。 - **摄影师与收藏家 Jean Pigozzi 的生活态度**:通过乔布斯结识的意大利裔名流 Jean Pigozzi(其父创办了 Simca 汽车公司,戏称这让自己能一生做喜欢的事)提出了既风趣又通透的生活见解,让 Susan 在回忆起早年 Macintosh 团队那段充满乐趣的岁月时依然会心一笑。 这一部分演讲在 Susan 展示一张历史性的珍贵照片时收尾,画面上包括了初代麦金塔的核心奠基人:安迪·赫茨菲尔德(Andy Hertzfeld)、比尔·阿特金森(Bill Atkinson)、巴德·特里布尔(Bud Tribble)、史蒂夫·乔布斯(Steve Jobs)以及计算机先驱艾伦·凯(Alan Kay)。 ### `45:00` 施乐 PARC 的界面哲学与屋顶上的海盗旗 苏珊·卡雷(Susan Kare)回忆起计算机科学家巴德·特里布尔(Bud Tribble)援引施乐 PARC(Xerox PARC)先驱阿兰·凯(Alan Kay)的一条人机界面原则:界面设计不应该把所有东西都摊在同一个层级上,而是通过合理的层级嵌套,让操作看起来轻松易行。听到阿兰·凯本人的评价也让她感到极大的鼓舞,苏珊·卡雷回忆道:“阿兰·凯曾对我说过这句话,我听了感到非常开心,因为他当时直接说:‘是啊,谁能想到呢?比例间距字体看起来其实相当不错。’”(“He just said, yeah, it's like, who knew? Proportionally spaced fonts can actually look pretty good.”) 在谈到苹果早期的工作氛围时,卡雷展示了一张史蒂夫·乔布斯(Steve Jobs)坐在她工位隔间里的著名照片。在 1980 年代,乔布斯曾告诫大家要珍惜眼下正在经历的一切。在卡雷参加的第一次团队静修会(offsite)上,乔布斯在大屏幕上列出了三项核心目标,其中最出名的一条便是那句著名的“成为海盗,好过加入海军”(Better to be a pirate than join the navy)。 为了呼应这一口号,程序员史蒂夫·卡普斯(Steve Capps)亲手缝制了一面黑旗,卡雷则在上面画了骷髅与交叉骨,并给骷髅戴上了一个彩条苹果图案的眼罩。当时苹果园区的安保十分宽松,卡雷和卡普斯在半夜溜进公司,爬上研发大楼的屋顶,把这面海盗旗高高升起。这不仅成为了早期 Mac 团队反叛与黑客精神的标志,也向全公司宣告了他们作为“海盗”的自我认同。此外,在向外界演示 Mac 时,卡雷感触最深的是这种友好界面的心理效应:好的界面能让用户觉得自己很聪明,即便遇到困难也不会觉得自己很笨。 --- ### `47:11` 乔布斯的“坏建议”与向他汇报的艺术 尽管乔布斯在产品上极具远见,卡雷也坦言自己从他那里得到过极其糟糕的建议。当时乔布斯对苹果股票持悲观态度,卡雷心想既然乔布斯自己都不买,那他肯定比别人更清楚内幕,于是她也放弃了购买自己的员工股票期权。不仅如此,在筹备 NeXT 期间,乔布斯还曾试图劝退她对底层像素的执念,对她说:“苏珊,你整天摆弄比特(twiddle bits),一辈子都挣不到两万美元以上;去当创意总监更有前途。”卡雷后来确实在 NeXT 担任了创意总监,并获得了与设计大师保罗·兰德(Paul Rand)紧密合作的宝贵机会,但她很快意识到,自己的内心终究是一个迷恋微观像素与细节的“比特摆弄者”(bit twiddler),最终依然选择回归到了具体的设计创作中。 谈到当时苹果的拼搏氛围,卡雷提到了苹果合作的 Chiat/Day 广告代理公司创始人杰·夏特(Jay Chiat)。在那个年代,团队内部完全谈不上什么“工作与生活的平衡”,Mac 软件组里几乎每个人的工位下都塞着一个睡袋,随时准备通宵赶工。 在与乔布斯的沟通过程中,Mac 团队的核心工程师安迪·赫茨菲尔德(Andy Hertzfeld)传授给了卡雷一条受用终生的汇报秘诀。苏珊·卡雷回忆道:“安迪曾就如何向史蒂夫展示方案给过我这样的建议,他说:‘千万不要只拿一件方案给他看,因为他一定会说自己不喜欢;如果多拿几件方案,他既能参与进来批评其中某个设计太烂,同时又能选出一个来。’”(“Don't show him one thing because he'll say he doesn't like it... But if you show a few things, then he can be involved and say that something is terrible, but still pick something.”)这一策略让乔布斯既能释放极具挑剔的控制欲,又能保证项目最终推进下去。 ```mermaid flowchart TD accTitle: 向乔布斯汇报设计方案的策略对比 accDescr: 对比展示单个方案导致乔布斯直接否决,与展示多个方案让乔布斯参与挑选的差异 subgraph Bad["错误做法:只呈报单一方案"] A["提交单个设计方案"] --> B["乔布斯直接表达不满与否决"] B --> C["设计师被迫返工重做"] end subgraph Good["有效策略:同时呈现多个候选方案"] D["展示 2-3 个不同方向的设计"] --> E["乔布斯痛批其中某个较差的方案"] E --> F["获得参与感与掌控感"] F --> G["从剩余方案中拍板选出最优方案"] end ``` --- ### `49:33` 团队规模、品牌认知与在适当的时候转向 关于创业公司的扩张,卡雷指出团队规模对协作形态有决定性影响:在 15 人左右的阶段,所有人都能坐在一间会议室里,依靠共识进行招聘和决策,团队步调高度一致;一旦突破这个规模,沟通效率与管理复杂度就会发生剧烈变化,利弊共存。她还提及了 Pinterest 联合创始人埃文·夏普(Evan Sharp)与本·西尔伯曼(Ben Silbermann)在产品早期积累的优秀思考。 随后,卡雷谈到了斯坦福本科时期便加入 Google 的早期涂鸦(Google Doodle)设计师丹尼斯·黄(Dennis Hwang)。丹尼斯身兼优秀计算机科学家与艺术家的双重角色,卡雷非常认同他在品牌设计上的克制哲学: - 在品牌尚未建立深厚的认知度之前,绝对不要轻易篡改主 Logo、随意更换颜色或置入疯狂的花哨背景。 - 只有当用户对品牌标识已经熟悉到了骨子里,设计师才有资本去解构和玩弄它。丹尼斯正是严格遵循了这一逻辑,才创造出风靡全球的 Google Doodle。 在演讲尾声,卡雷分享了一条关于面对失败的心态建议。苏珊·卡雷表示,遇到阻碍并不意味着应该心灰意冷地轻言放弃:“我认为这并不代表要灰心丧气并彻底放弃努力,它只是在提醒你:也许该转向去尝试下一个想法了。”(“I don't think it means be discouraged and quit trying. It just means... Oh, maybe it's time to go on to the next idea.”)最后,她向 Y Combinator 主办方致以诚挚的感谢,赞扬当天的活动组织得井井有条、接待体贴周到,并对所有能够参与其中的创业者表达了羡慕与由衷的祝福。 ## Notable quotes > `05:00` You can be creative, but it's good to understand what the constraints are. And then, be excited about that as opposed to being upset that you don't have a thousand colors — Susan Kare > `15:00` My bias in icons is the a salient detail or two, but don't lard it with a lot of extra stuff. — Susan Kare > `47:11` Don't show him one thing because he'll say he doesn't like it... But if you show a few things, then he can be involved and say that something is terrible, but still pick something. — Andy Hertzfeld > `49:33` I don't think it means be discouraged and quit trying. It just means... Oh, maybe it's time to go on to the next idea. — Susan Kare ## Mentioned Susan Kare, Steve Jobs, Andy Hertzfeld, Bill Atkinson, Bud Tribble, Alan Kay, Paul Rand, Scott McCloud, Dennis Hwang, Evan Sharp, Ben Silbermann, Steve Capps, Jay Chiat, Dave Morin, Paul Saffo, Daniel Nord, Jean Pigozzi, Invader, Britney Spears, Apple, Macintosh, Happy Mac, Chicago (字体), Geneva (字体), New York (字体), Cairo (字体), Ransom (字体), MacPaint, ImageWriter, iPod, NeXT, Xerox PARC, Microsoft, Windows 3.0, Windows 纸牌 (Solitaire), General Magic, Facebook, Pinterest, Mill.com, Magic Puzzle, Pikmin Bloom, Peridot, Ledger, Amtrak, Franklin Institute Science Museum, Museum of Modern Art (MoMA), Google Doodle, Y Combinator ## Video description <p>Susan Kare joined Apple as an art history PhD who barely knew anything about computers. She went on to design many of the icons, typefaces, and symbols that helped make the original Macintosh feel understandable and human, defining a visual language for personal computing that still influences software today.At Startup School 2026, Susan shares the stories behind the Happy Mac, Command key, Chicago font, and more, along with the design lessons she learned from Steve Jobs, Paul Rand, and the original Mac team: make things meaningful and memorable, embrace constraints, iterate constantly, and use just enough detail to make an idea instantly clear.Transcript: https://www.ycrootaccess.com/p/susan-kare-on-designing-the-original</p> [Source](https://anchor.fm/s/8c1524bc/podcast/play/124236322/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2026-7-14%2F429861286-44100-2-58495781e8404.mp3)

Source quotes

[5:00] Susan Kare: You can be creative, but it's good to understand what the constraints are. And then, be excited about that as opposed to being upset that you don't have a thousand colors [15:00] Susan Kare: My bias in icons is the a salient detail or two, but don't lard it with a lot of extra stuff. [47:11] Andy Hertzfeld: Don't show him one thing because he'll say he doesn't like it... But if you show a few things, then he can be involved and say that something is terrible, but still pick something. [49:33] Susan Kare: I don't think it means be discouraged and quit trying. It just means... Oh, maybe it's time to go on to the next idea.

Source quotes

[5:00] Susan Kare: You can be creative, but it's good to understand what the constraints are. And then be excited about that as opposed to being upset that you don't have a thousand colors. [25:00] Susan Kare: It isn’t really just about a grid of pixels. It’s the metaphor and the idea and the meaning behind everything. [50:00] Susan Kare: Don't mess around with the logo and put it in a different color and put it on a crazy background until people know it so well that you can play with it.

Original transcript

[0:00] Hello. I'm Susan Kerr. And Now for something completely different. Um, I've been an iconographer and designer. I've worked on a lot of tech projects. And I want to talk about A tech startup I worked for when, even though the Macintosh group was part of Apple, but I think a lot of the experiences resonate with some of the Um, topics that I've heard here today. So I've been doing this for a while and I'm, Love it. Here's a few things that I designed over the years. And it's funny because This was really a North Star movie. for the Macintosh group. But when I reread it in the last couple of days, it just kind of reminded me. of AI and so many things that are being developed now. And Paul Rand is a celebrated graphic designer, no longer with us, who did the UPS logo and IBM logo and So many images that. have persisted, And, you know, I was lucky to work with him. And, you know, Something he told me was... Always focus on making things meaningful. and memorable. And I think the heart of that is have a good idea and then the form will follow. Um, I was a total art major, didn't know anything about computers. and Was lucky enough to work at Apple on the Macintosh as the Macintosh artist. And... Before I went to Apple, I was welding a life-size Razorback hog. for a museum in Arkansas. and I thought I was living my dream. going out to my garage, welding all day. But in truth, It was a little bit lonely. and I was glad I had the experience, but it kind of made me hungry for working with a team. And my high school friend, Andy Hertzfeld, was a system software programmer at Apple. And he knew I had worked on the yearbook and liked art. He said he needed some images to display on a new computer that was being worked on. And he showed me the display, which didn't have a case. and said, "Could I come in for an interview to work on some small symbols and some typefaces?" And I said... Sure. I thought it sounded great and really interesting and something I hadn't done before. So I thought about it. I had a little bit of... of typographical experience from working at the Franklin Institute Science Museum in Philadelphia. I used a machine like this to make labels for exhibits. And I was pretty good at Letraset. rub down type, I could do it really straight and get the kerning right. But I went to the and I had a Ph.D. in art history. So those were my credentials. And I went to the library in Palo Alto and took out some books about typography and some art. font sample books and I actually brought them to my interview under my arm. So I I would seem as if I knew what I was talking about. and Andy also suggested to me that it would be good if I could make some examples of essentially bitmap graphics, but using... graph paper, and he didn't really specify what to make. So some things I made like a pun with a boot and some pieces of paper and you could see I on this slide there's a little bit of an ABC but I just... tried to make some examples and These are more of the examples. Sort of funny because Some of these really random things slightly influenced what we ended up using in the software. [5:00] So I spoiled the surprise, but I got the job. And I don't think anybody even asked me any questions about font design, despite my prep. And In a funny twist of fate. as much as I had wanted to be an artist, And now that notebook with those early icons that I took to my interview is in the permanent collection of MoMA. So it just so hang on. Definitely hang on to your stuff. So, um... When I got to Apple, The first day. This screen was shown to me to say this is what it's your job to improve and fonts. And the The round racks that are on the five and a quarter inch floppy drawing are, um, could become icons, but they were able with a cursor to click and drag those around. So it already had a little seemed kind of magical to me. And we definitely changed do it to okay, because do it, was a little off color and people read it as dolt. So, Um... I wanted to make a new system font and Make some icons. So, and it was... told to me it was very sincere that, um, We were... Trying to make a computer that anyone could use. So I felt good about that because I was in that group. even though I am happy to work on and have worked on many projects that weren't for me. But I like that about this project and we wanted it to be as understandable as possible so you wouldn't necessarily need a manual. And that it should be friendly because... There were so many people there who in the Mac software group where I was who were just passionate about computers, but and kind of wanted to be evangelical about that. So there were a few constraints. And usually I think you can be creative in any constraints. You can make some pretty fun art. with beach trash while you're walking around. And, This... You can be creative, but it's good to understand what the constraints are. And then, be excited about that as opposed to being upset that, You don't have... a thousand colors. So this is 16 by 16 black and white. And I think The first images that I made using those constraints were things like this. And, you know, we thought about But maybe a lasso would be a good way to... surround an irregular region and some other art tools. And it's funny to me because... I went to Paris for the first time fairly recently, and there's a... this street artist known as Space Invader, and he does a lot of mosaic work. And he has borrowed liberally from early Macintosh stuff, which made me really happy. So the first font I designed was Chicago. It's nine pixels tall, cap height, and... I looked at the stuff that was on the screen and it just seemed as if it was all jaggedy. And it didn't seem as if it would be that big a deal to make it look tidier by using... horizontals and verticals and 45 degree angles. So, I still wince when I look at especially at that lowercase x. But the others I could pretty much fit into the system. And we were so lucky on the Macintosh to be able to... to do proportionally spaced fonts. Because I could remember just seeing displays where the M was really squished and then the I was really wide. So... I didn't realize what a big deal this advancement was, but it seemed to make it look a lot better. And so we use Chicago, we put it in the title bar, experimented a lot with, till we can [10:00] up with those lines. and What we didn't realize was that when we designed the calculator, that We were designing the first iPod. So which also used Chicago, which made me happy. And we shipped some other fonts out. with the Mac, including a monospace font, but... I was able to kind of think, well, we should probably have a Times Roman kind of thing and a Helvetica, kind of thing. So that's where New York and Geneva came from. And then I made a font that... I called ransom because it was what kidnappers used to do by cutting letters out of the newspaper so they wouldn't have to reveal their handwriting and get caught. And... Um, like the other fonts, Andy and I gave them city names. And because we had gone to high school near Philadelphia, we gave them names of towns on the Paoli local through the suburbs into the city. And, Steve Jobs came by. one afternoon. He usually came by at the end of the day and walked around. He softer group to see what was new. And he said, well, city names aren't bad, but at least call them world-class cities. So that's how we ended up with New York and Geneva instead of Paoli and Wynwood and Rosemont where our high school was. And Bill Atkinson was the programmer who wrote Mac Paint. And that was my favorite program, of course, and was happy to collaborate on that. icons and the patterns. And he... developed an early scanner and that's how we got this geisha image from a woodcut that Steve Jobs owned. And we made a control panel. that had animation for when you change the settings, hoping to communicate what would happen and what your choices were. And we tried, obviously, not to use, we could use sound, we could use speed, but we tried not to have any, any text so that it could be international without having to make a different version. And, you know, we didn't have that many really great tools for art, but... whatever. We forged ahead. Andy wrote, I did not have to design on graph paper once I got to Apple. Andy wrote an icon editor and this is an image writer, a picture of an image writer print of what the screen looked like with the icon editor. And There were no tools. You could just toggle the bits and, And, you know, You could see a greatly enlarged image as well as what the icon looked like at 72 DPI. And I thought this was amazing. just magical, even though it didn't have 20 levels of undo and you couldn't draw any shapes. You could You can iterate without an eraser. It just... it's hard to overstate how great this was. And it automatically generated the hex code for an icon, which I could then type in and see the image on the screen. So, on It was a marvel. This icon isn't crying. It was probably me counting pixels for some reason down the edge. And you can see in the title bar, we tried a bunch of different types of things during the time we were experimenting with. And sometimes I liked to, people came and sat And I would do their portrait in 32 by 32. So people seem to enjoy that. And I. Um, there wasn't really a way, um, to get a photo in there at the time or even a drawing. So just had to do it from life. And I still enjoy making those portraits. And I think it's kind of amazing that in a thousand dots, if you... iterate a lot, you can get an image with some [15:00] semblance of resemblance. You can see Pharrell Williams is at the top on the right And Ashton Kutcher under him. They did not sit for their portrait. and um, Some people that aren't super well known. John Maeda, who's a design leader, Thank you. Um. the one thing that One of the first icons I was assigned was... It took a while for the computer to boot when it got turned on. So... Everybody wanted an image on the screen and it had to be 32 by 32 because it was only 128K Macintosh. So Because the computer was sitting there kind of grinding while it started up, we wanted something that showed that everything was okay. So I thought a smile was good. I'm pretty sure... it. came from my memory of a button I got when I was about 14. And, um, I like it. Smiling and Happy Things. Understanding Happy Mac is a play on the title of this Excellent book. by Scott McCloud, which is about comics, but really has so many good insights about user interface too. It came out 10 years after the Mac originally did. And, I pulled two illustrations from that book by Scott McCloud that kind of explains some of the thinking behind our icons, which is... that, when it, A face in particular has a lot of detail. It looks like somebody else. But if you make it really simple, everyone can project themselves onto it and... I love that idea. And he expressed a similar thing with the less detail you have, the less detail you have. Um, the more universal something is, which is why I think like a simple drawing of a pencil can stand for writing in some ways better than... a chrome pen with a reflection, which is very fancy, but it's a very particular kind of pen that not everybody might write with. So I My bias in icons is... the a salient detail or two, but don't lard it with a lot of extra stuff. Kind of similar to street signs like the sign where two kids, there's a silhouette of two kids holding hands at a school crossing. And There's not a technical reason that they couldn't have plaid lunchboxes and shoelaces or be singing a song, but it would probably be more distracting. And just take away from that instant recognition that you're aiming for? We made some mistakes, too. I was told that As an alternative to the Happy Mac, if in the extremely unlikely event something went wrong with the Mac, There should be. an unhappy Macintosh. So I thought maybe a sick Macintosh or looks a little hungover. Um, And again that I could be irreverent because no one was going to see this. At least that's what I was told. Same thing with this icon. And they needed an image for total system failure, which, of course, again, no one would ever see. So I thought maybe it would be kind of funny to have a bomb like a Bugs Bunny type of image. bomb, but Unfortunately, I'm not. People did see this. And One time I was working in the softer group was a glass room, the fish bowl, and I was The receptionist from the front said a call had come through to Apple from a person who really needed to talk to someone in the software group, not me, about her Macintosh because... Um... The caller was worried that she was looking at a bomb and was her computer going to explode. So I felt a little guilt. But, yeah. The moral of the story is lots of iteration. And we started... [20:00] with the handful of applications that we had. And so I did MacPaint first. I remember that. And I liked the idea that Since it was a process, it looked kind of active. And And then it could be paired with a document that resembled it. So Our system was kind of a verb and a noun. And it seemed like this could hold up pretty well for the because the. We only had maybe half a dozen people. applications and didn't really have the mindset that there would be thousands of applications. Same with alerts. I tried to crop a person. It's not a person with a little square head. It's The idea is it's a crop, so you don't know the gender or the age or the hairdo or really anything. anything about This glimpse of a person. And, I had only seen... A sand... timer, As an egg timer? It seemed like, hey, we're in the 80s. Let's like update these things. So that's we made a watch cursor instead of an hourglass. This was the icon for print. And, It's kind of a trap. The image writer did have paper with holes up the sides that would fit on the sprockets, but... to attach when you turn the big knob on the side, but, Again, too much detail. It would have had a much longer lifespan if I had just stopped and made it simpler. So in general, I think it's not good in icons to show pictures of a particular image. product design, Because like the three and a half inch floppy. for save. Even though there's still a few of those kicking around, but obviously it didn't age well. Better to use a metaphor. Just enough detail. So this is what our dropdown menus look like. And we had the Apple, we called it the Apple menu. And there was an Apple going to be an Apple key for these keyboard shortcuts. But Steve came in one day at the end of the day and said, you cannot do this. I think he called it an Apple farm and said, Our logo is precious and we have to respect it. So, You know, we just can't have a bunch of apples. So then the idea was I was told that that key was a command key or a feature key. And so I began thinking about commanding, and it seemed kind of mean. The Ten Commandments seemed like a pun. So... Back to the library. and I came across this image in a book with a, that was called a feature... So I thought, OK, it kind of looks like a four leaf clover. That's sort of lucky. And it kind of looks like a clover leaf highway, which might be interesting. a way to get somewhere fast. So we ended up and it had the bonus of being really easy to draw in 16 by 16. So we used that and It's still on the keyboard, but I felt like a little bit bad that It didn't it was abstract and sometimes abstract things can be harder to remember. And then something that has a metaphor that reinforces the concept. But... I, I went to Sweden. And I was so excited to get off the plane in Gothenburg. And there there's the feature key because it. It's used there to indicate that you're near, like for sightseeing, like a monument. or something else And I think, Someone from Sweden must have heard me comment on this. and said, actually, that symbol that's on the signs is taken from um, 1,200 A.D. called the Borgholm Castle, [25:00] and it's a a ruin, but when you see it from above, you see that It's like a castle with four turrets. And so that's actually what that is. symbol represents. So I thought it was fun to find out even after the fact, it did look like something after all. And, you know, you study art history, you know, there's not much new under the sun. People have been making... little symbols for a long time. And no, I did not design this. Paraglyphics had their day. This is a cartoon kind of showing that hieroglyphics. are sort of back... And there's some really pretty nice bitmap fonts. pretty long, developed pretty long ago. This has only, it's like a seven pixel Capital Height. So I thought that was... I wish we had that person. And there's a lot of carvings with symbols and text and illustration that like resemble some of the things that we were doing on the computer. Um, and again, like another extremely nice bitmap font. 200 plus years before we sat down to make our proportionally spaced fonts. Here's a very nice example. This has about a character height of like 10 feet. Pixels. And I realized that. Maybe I was destined or trained. from a young age to want to make things on a grid because it used to be acceptable to get little kits so your kids could make the parents in ashtray. And I loved making this type of thing. And we... I like to think that there were emojis in the 1984 Macintosh that you could combine pictures with text before there was texting. and There's a few things hidden in here. It obviously had a hieroglyphic. Um, antecedent, and I hid some hieroglyphic type symbols in there. But I think the whole point of that project and the graphics was – It isn't really just about a grid of pixels. It's the metaphor and the idea and the meaning behind everything. So this is just a super quick run through of some icon options that I did for Swatch and they wanted an alarm. So, of course, I started with a clock. and made it noisier and then made it look a little bit more literal. and then a little louder. and simpler maybe, And or maybe it should look like, oh, it's a travel alarm clock would be in your head if you saw this. And then I thought. Way too self-referential. Why would you want a clock on a clock? So I was making other things that looked a little bit noisy. as options. And like the alpha alarm clock. The point just being this is so not an exact science. And I always like to show either what a client asks for or what a programmer might have used as a placeholder, because I've gotten so many good ideas that way. and then maybe refine them a little bit. But after I worked at Apple, I did a job for Microsoft on Windows 3.0. And I, color, even if 16 colors, and some of them weren't very good colors, but it was still so nice to have, to be able to use red for alerts and to differentiate at a glance a little easier when you're You had color as another option. And I wanted to make something that didn't look like a garish chess board. You know, there were a lot of illustrations like that. So this is... all those 16 colors, but dithered so that they appear a little more subtle. And I also did something that. I guess there's always a way to get addicted to something on your screen and... in the 90s. [30:00] Peace. A lot of people played solitaire. I had to take it off my computer so I didn't play too much. and Um... Slate at the time. but that solitaire made a dent. and I'm just going to show a few images that I made in the video. Decades after Apple, And before, um, some examples of good advice that I wanted to share with you. So, Thank you. I've worked for a lot of clients and we're not going to, Talk about them all. And I feel so grateful. Again, some... Some things that were fun and some things that were serious and some things that wanted self-consciously, to seem like business. But, um... I worked on a project for General Magic. I did the logo. And we had a different kind of desktop metaphor that was a little more literal and hallways with doors. And I think the very worst thing we had was jars of text. because why? But the idea was that you could remember where things were by going and finding them in a logical way. And I kind of, laugh, wince, like all these things are gone. Like no Rolodexes, no, no phones that look like that. But at the time it, yeah, no file cap. I mean, there's still our file cabinets, but At the time, you could... tap on those drawers and they would come out and you could put whatever you wanted in there and um, That was kind of a fun project that just didn't, we could send postcards, but It didn't quite anticipate that. email. I worked for Facebook on a project that you couldn't just upload images, but you could buy images for a dollar, like a real dollar, and send them to people. So I... I thought this was a wonderful project of kind of having a gift shop and what could you draw that someone would want enough either to have or to share with someone. that it was worth spending a dollar on. So did... We did this for not quite four years and had a new gift every day that launched at midnight. on the East Coast, and we could kind of tell by maybe quarter after, if it was going to be a successful bestseller by just, how many sold in that first 15 minutes. And we had some limited editions, and we had some, I thought maybe... If you made something that costs thousands of dollars, like, diamond earrings and Rolex and did fancy things that it would seem more worth a dollar because it was so expensive. But What I learned was that cute trumped everything. It just teddy bears, Anything heart-shaped? The Kiss Mark was the best seller of all time. And I would say if my life depended on selling products, A drawing for a dollar. I now know I would draw a penguin because we had, we had multiple limited edition, limited editions of penguins and they all sold out. So, um, um, But, It was just interesting. We did some collabs with Britney Spears and other entertainers. And ultimately, Facebook ended this program because they didn't want to compete with third parties. But it was good while it lasted. Then I did some research. icons for Pinterest, where a terrific animator helped me with these. I thought, just a little bit of motion so that it wouldn't get really irritating over time. And I made many icons there. This isn't all for Pinterest, but some of them were. I made a logo for a stealth... Mill.com, which, terrific company, but before they had their real logo, we did a trash panda. And thought like because it dealt with trash in a similar way. [35:00] And this is an illustration. The National, which is Amtrak's magazine, invites people. artists. I think it's a quarterly magazine and they have artists interpret their route map. So I thought it might be fun to go back and do pixelated icons for places that um, where you can take the training. And I love doing logos. This is for magic puzzle, which really does make these great jigsaw puzzles that then after you finish, they perform a magic trick, not levitating, but... I was an artist doing studies for the logo, which is pretty close to this, for Pikmin Bloom. Game. and Peridot, which is a game. and love doing avatars. You know, it's just kind of avatars are so freeing because you, They can stand for anything. So it like kind of made me feel like gifts. You just want to have an array that someone can find something that speaks to them. And I just did... these badges for, um, a fairly new Ledger crypto wallet. And it has a little attachment opening in the front so that you can personalize it. And they really wanted to have something a little bit retro looking. And This is a logo for a VC firm where the idea is get out of the office and work together. work in the mountains, work somewhere outdoors with sports. the idea of this. And Dave Morin, A friend called and said, on a Friday, I think, and wanted to have an image and t-shirts and hats like by Monday. So I'm Kind of a quickie project, but It was fun to... get to have a little bit of experience with something that was new. And now I wanted to share some ideas. advice that I've been given by people that I met, not It's not a Google project. And I'm always looking to add to it. So. I welcome any... any good advice that you want to send along, um, by people that really influenced me. And this Paul Rand I mentioned earlier, just a terrific designer who started working, I think, for magazines when he was around 15. and He... said that He was kind of like, all this stuff with all these new fonts, it's like, you don't need that many. He was kind of brusque. You don't need that many fonts. You just... have to know how to use them well. And this is some of his work. I got to work with him at a company called Next where Steve Jobs went. after he had to leave Apple. And I, of course, wanted to hire Paul Rand for the logo because he was my hero. And Steve hadn't really heard of him. And he thought we should have a contest. Like, probably... which I would never think is the best way to get good creative, but, He said we could hire five people or firms and pay them each 15K. And then we would pick the best and continue to work with them. So. I... invited some people and then I invited Paul Rand and he said, You will pay me $100,000. I will do one logo. and you will like it. And that is actually what happened. And we did like it. And we did pay him. And it was... It was such a great learning experience for everybody to work with him. Among other advice he gave me, these are the fonts that he tended to use a lot. And I noticed in his work, he also tends to use the same colors. And I kind of thought, okay, if... PMS 354 green is good enough for Paul Rand. It's good enough for me. And I still tend to look in his books and. use some of the colors that he... recommended for next. He did, in... just as an offhand remark, say that. And I think, But when [40:00] We were talking about logos. He... really advocated trying hard to think of a way to do something to the name of the product, kind of the way he put next in the cube. He showed this as what not to do. This is a couple AT&T logos ago. Because he said, if you can spend a ton of money to make some random symbol, associated that doesn't really mean anything much. I mean, I guess it's the world with your logo. Um, you know, you can do whatever you want, but most people don't have unlimited money. So these are some logos that he did, and you can kind of get the idea that, um, you know, you know, morning star has a rising sun and, you know, IBM is pinstriped and business-like and... I love that UPS logo. And he said when he was doing it, he showed it to his six year old daughter and said, Catherine, what is this? And reportedly she said, it's a present, daddy. And he thought that that was such great justification that it was understandable. But really, it had. It had a shield and a package and... Sadly, I'm not. They modernized it because I'm sure there were people sitting around a table who said, well, we're not just about packages anymore, but... I keep hoping they'll bring it back. And this is a futurist named... Paul Sappho and I just love this quote. that he mentioned one day, N I kind of get this in a metaphorical way and, you know, I mean, I know I always think I can do this in an hour. when really nothing takes an hour. And so many projects I've worked on, You optimistically think you know exactly what you want to do, but it's still allow extra time. This is my dad, who was the director of the Manal Chemical Census Center in Philadelphia. which studied taste and smell. And I introduced my dad to Paul Rand, and he made that logo on, for Manel, which I felt pretty happy about. And they got along really well. But my dad... I think always had good advice that wasn't the most cheerful advice, but it was realistic. And he had to raise a lot of money for the science center. So he knew what he was talking about. And I try to remember that because... Well, I get depressed when I hear no. And he also said this, which I think is... like a really realistic way to think about things and not be kidding yourself. This is Daniel Nord, who was born in Sweden. now lives in Portugal and worked in London for the mayor. He's an architect. And he told me how they used to just sit around tables and have endless discussions about things. And, and This is how. He said, Thank you. Make it visual. I mean, I guess this is a metaphor, too, but do the drawing really. Um... Show, don't tell, I think is what he meant. And this is a guy... maybe well-known in some circles, named Jean Pagosi, who I met through Steve Jobs. He was kind of an Apple fan. He... Maybe invented the selfie, but... had a lot of celebrity friends, and his father, he was Italian, and his father started the Simca car company, so that You know, he said so that I could like spend my life doing whatever I wanted and I. He collects African art. And He said... And this amused me. Um, because it just, it does seem like a long time ago and a lot of fun that we worked on the Macintosh. And he also said this, which I think, like... I try to do. I think it's good advice. And this is Andy Hertzfeld on the left, Bill Atkinson, Bud Tribble, and Steve Jobs, and Alan Kay on the [45:00] I, who's are really... who's in his 80s now. unbelievably accomplished computer scientist. And this is Bud quoting Alan Kaye. as a kind of Tenet about user interface. And maybe not having everything at the same level and, um, nesting things so that things can just appear the ease of use seems possible. And I always try and think about that. And Alan Kaye said this to me, and I thought that was... I, I took great joy hearing that because Um... He just said, yeah, it's like, who knew? Proportionally spaced fonts can actually look pretty good. And this guy, pretty well known, he's sitting in my cubicle at Apple. and He did say in the 80s, Like, appreciate what you have right now. And I, The first offsite I went to, he put up these three... Goals. And Because of the second goal, a programmer named Steve Capps and I, Steve Capps sewed a black flag, and I painted a skull and crossbones on it and put a striped apple as the eye patch. And we went to work in the middle of the night and climbed up on the roof, because obviously security was a lot more lax back then. And we flew that flag, and it was really just... as a rejoinder to this, that we were the pirates. And, um... Thank you. This, too, I remember we used to show the Mac to lots of people. And I still think of this now because. Um, obviously say like some people can figure out how to use this, but not everybody. And then there was great joy because they could feel smart. Or they wouldn't feel dumb. If you said it was easy and they still had trouble with it. This is the only piece of really bad advice I got from Steve Jobs. He said, if Apple. And I thought, well, I'm not going to buy my stock if he's not buying his. He would know. And he also said. Like... Susan, you can twiddle bits and never make more than $20,000. Or like... you it's better to be a creative director he was talking about next and i was the creative director and i got to work with paul ram that was fantastic but ultimately I was a bit twiddler at heart and I went back to it and, Maybe not always bits, but... um And I think this is debatable. But he took lots of visiting executives to see this movie. And I liked it because it had welder in it. Jay Shiat started the ad agency that Apple used, Shiat Day. And this was kind of the... It was not work-life balance at the time. And everybody I worked with in the software group had a sleeping bag in their cube. And I think this is really good to remember. It's, I know a couple of companies I've worked for, we kind of decided that 15 people, you could still have consensus hiring and everybody in a room and be on the same page. And then you start to get more people and it. There's a plus and a... upside and a downside. And Andy said this, he gave me this advice showing stuff to Steve. He's like, Don't show him one thing because he'll say he doesn't like it. Because, you know, it maybe forces you to go try and do it again and be better. But if you show a few things, then he can be involved and say that something is terrible, but still pick something. And this is advice from my mom, and I think it's very good advice. This is Evan Sharp and Ben Silberman who started Pinterest and they had a lot of good ideas. But Evan used to say this. Okay. [50:00] This is Dennis Wang. who started working at Google when he was... an undergrad at Stanford and I, He's a terrific computer scientist and artist. And he told me this. that you was the prevailing... wisdom at Google and I would, probably preach the same thing. Like don't mess around with the logo and put it in a different color and put it on a crazy background until people know it so well that you can play with it. But yeah, Obviously, Dennis made these. They did pretty well with this. And this is something a friend's dad said. Told me. This is not political. It's just a fun picture I found with an accordion. And you know this guy, he has a lot of truly good advice. including this. But I don't think it means be discouraged and quit trying. It just means... Oh, maybe it's time to go on to the next idea. And thank you. But also really. Thank you to Y Combinator. I kind of had an amazing day today and everything ran so smoothly and everyone was so gracious. So and it just seemed like I felt envious of everybody taking part. in this event because it just seems so cool. Thank you.