The Big Sur-ification of macOS Icons

 Here’s an example of some icons that transitioned well in the Big Sur-ification of macOS icons:

And just for good measure, here’s a few more — I love this stuff.

While some apps made this transition fun (and further infused their brand with character), others did not. They did the bare minimum and moved on.

A few years ago I tweeted about this “bare minimum” phenomenon where app makers updated their icon for macOS Big Sur by taking their previous icon/logo, putting it on a white squircle, and calling it a day.

That always felt like a bit of a shame when compared to the alternative: take an opportunity to imagine a new expression of your brand/logo/icon in the context and constraints of macOS Big Sur’s new icon template (i.e. the squircle).

For example, here’s a re-imagining of the Outlook icon (done by, as far as I can tell, agraaaaao).

It’s fun to see how folks take advantage of “the ever-so-subtle yet unique-to-macOS opportunity” to break outside of the outer edges of the squircle and provide some dimensionality to their icons.

As a self-professed icon-noisseur, I love browsing through app icons that people have re-imagined for their desktops — wresting control of the visual appearance of the app icon from its maker and appropriating it to themselves.

For example, as I browsed the wonderful macosicons.com gallery, I came across these alternatives for Chrome (the original from Google is on the far left, outlined in yellow):

Screenshot of three different Goolge Chrome icons for macOS Big Sur. The one outlined on the left is the original from Google, the others are more visually interesting alternatives from third parties.

I love seeing the character of Chrome bleed to the edges and fit the visual language of its environment (macOS). More visually interesting than merely dropping the Chrome circle on a white background.

In a similar vein, here’s Slack:

Screenshot of three different Slack icons for macOS Big Sur. The one outlined on the left is the original from Salesforce, the others are more visually interesting alternatives from third parties.

Again, more interesting to see some character infused into the icon (as opposed to just dropping it on a white background).

Where things get really interesting is when people explore breaking out of the squircle (which you can do on macOS) to provide some dimension to their icon. For example, here’s Firefox:

Screenshot of six different Firefox icons for macOS Big Sur. The one outlined on the upper left is the original from Mozilla, the others are more visually interesting alternatives from third parties that provide some dimensionality while breaking out of the squircle’s shape.

And there are some VSCode alternatives that explore both 1) going beyond a logo on a white background, and 2) providing dimension while borrowing from the visual language for Apple’s native development tool (Xcode).

Screenshot of five different VSCode icons for macOS Big Sur. The one outlined on the upper left is the original from Microsoft, the others are more visually interesting alternatives from third parties that provide some dimensionality while breaking out of the squircle’s shape.

Microsoft is perhaps the biggest culprit of “drop it on a white background” as their suite of office tools do precisely that — which makes it a fertile ground for folks re-imagining what the family of office icons could be.

For example here’s Outlook:

Screenshot of six different Outlook icons for macOS Big Sur. The one outlined on the upper left is the original from Microsoft, the others are more visually interesting alternatives from third parties that provide some dimensionality while breaking out of the squircle’s shape.

And here’s Excel:

Screenshot of nine different Excel icons for macOS Big Sur. The one outlined on the upper left is the original from Microsoft, the others are more visually interesting alternatives from third parties that provide some dimensionality while breaking out of the squircle’s shape.

Word:

Screenshot of nine different Word icons for macOS Big Sur. The one outlined on the upper left is the original from Microsoft, the others are more visually interesting alternatives from third parties that provide some dimensionality while breaking out of the squircle’s shape.

And Powerpoint:

Screenshot of nine different Powerpoint icons for macOS Big Sur. The one outlined on the upper left is the original from Microsoft, the others are more visually interesting alternatives from third parties that provide some dimensionality while breaking out of the squircle’s shape.

Just a little visual fun/exploration for your day. Adios!


Reply
Tags
Jim Nielsen's Blog

24 Apr 2024 at 20:00

Interdisciplinary Website Maker

 Paul Ford has a great article at Wired about his own experience as an English major working in tech. While I myself am not an English major (more on that below) his desire to be interdisciplinary parallels my own.

I began to realize I was that most horrifying of things: interdisciplinary...the idea that an English major should learn to code was seen as wasteful, bordering on abusive—like teaching a monkey to smoke.

When I’ve interviewed and expressed my desire to work doing design and code, some folks look at me strange and stammer. “Hm...well, maybe we have a place for that…I’ll have to get back to you.” To some, the idea that a designer would write code or that an engineer would move pixels seems strange — like “teaching a monkey to smoke”.

The sentiment I often perceive is: “Why would we need a designer that codes? We have designers. We have coders. Why would we need someone who can do both?”[1]

In the early days of making websites, “a designer who codes” didn’t seem like a big deal. After all, the only place to procure people who made websites was Craigslist. It was such a new idea that “a designer who codes” seemed like the least odd thing. The strangest concoction of disciplines existed in the early era of making websites: an English major who leads product, an actor who writes API code, or a poet who moves pixels around.

But now-a-days, any cross-disciplinary interest is easily interpreted as a lack of specialization and dedication to craft. If you’re doing design and code, how can you be really great at either? You’re not maximizing.

There’s another angle to it though, which Paul discusses in his article when he says, “humans are primates and disciplines are our territories”.

this same battle of the disciplines, everlasting, ongoing, eternal, and exhausting, defines the internet. Is blogging journalism? Is fan fiction “real” writing? Can video games be art? (The answer is always: Of course, but not always. No one cares for that answer.)

The analogy of disciplines as borders is intriguing. In disciplines, when things get complicated we don’t open borders but instead create new ones.

Existing disciplines don’t say, “Sure, c’mon over here. If you don’t fit, we’ll find room for you.” And new disciplines don’t say, “Let’s fold ourselves under the old umbrella of discipline X.” Both parties prefer new lines be drawn. New borders. And so new disciplines arise like Computer Science. And new titles appear, like AI Engineer. In this world of borders and disciplinary citizenship, what do you do with the unpatriotic interdiciplinarian? Paul:

The interdisciplinarian is essentially an exile. Someone who respects no borders enjoys no citizenship.

The irony here is that no discipline works without the others. Paul pointed this out in a separate article when he said:

The most brutal fact of life is that the discipline you love and care for is utterly irrelevant without the other disciplines that you tend to despise.

He illustrates this perfectly at the end of his Wired article using trees:

All you have to do is look at a tree—any tree will do—to see how badly our disciplines serve us. Evolutionary theory, botany, geography, physics, hydrology, countless poems, paintings, essays, and stories—all trying to make sense of the tree. We need them all, the whole fragile, interdependent ecosystem. No one has got it right yet.

Websites are like trees. You need understanding from all the disciplines — engineering, design, psychology, writing, etc. — to make sense of how to best grow them.

Interdisciplinary Studies

My official four-year degree is: Bachelor of Science in Interdisciplinary Studies with an emphasis in Visual Technologies and Spanish.

I rarely tell anyone that because, well frankly it’s a mouthful. Most conversations about higher education happen in the context of a career story, so to move the spotlight off me I’ll say “Yeah, I got a degree in computers.” That sounds like I majored in Computer Science but really it was more Graphic Design than anything programming-related.

But I don’t feel like a great Graphic Designer. Nor a great Computer Scientist. Somewhere along the way I ended up making websites. A strange hybrid of computer science and graphic design — and a million other things.

To be honest, I chose a degree in Interdisciplinary Studies because it was the fastest way for me to graduate. I knew Spanish, so I could take a test that gave me almost a year’s worth of credits. A four-year degree in three? Yes, please.

But in hindsight, maybe there was more in my decision than just a faster route to the finish line. Perhaps there was more “Hey, don’t put me in a box” inside of me than I realized at the time.

Because now in a world of Designer and Product Designer and UI Designer and UX Designer and Interaction Designer and Front-End Engineer and Full Stack Engineer and Software Engineer and et al., I still don’t want a label.

Lately, “Design Engineer” has felt more and more like a good fit for me. Perhaps because it is deliberately cross-discipline. It satisfies my deep-seated feeling of “don’t put me in a box” while also satisfying my belief that one narrow discipline can’t produce everything necessary to create a great experience on the web.

It reminds me of Maggie’s decisions to just call herself “website maker” because none of the disciplines alone are enough to make sense of how to build websites.

I feel that. Even “Design Engineer” doesn’t feel adequate. It deliberately mixes two disciplines, which is great, but also leaves out all the others.

To Paul’s point, I find myself wanting to draw new borders. “The Web” as its own discipline (I guess that’s the primate in me, oo oo ah ah).

Or maybe “Interdisciplinary Website Maker” is the right title.

Rolls right off the tongue, doesn’t it?


Footnotes
  1. In an attempt to answer that question, I started my series of posts “The Case for Design Engineers”
Reply
Tags
Jim Nielsen's Blog

22 Apr 2024 at 20:00



Refresh complete

ReloadX
Home
(224) All feeds

Last 24 hours
Download OPML
A Very Good Blog by Keenan
*
A Working Library
Alastair Johnston
*
Andy Sylvester's Web
Anna Havron
annie mueller
Annie Mueller
*
Apple Annie's Weblog
Artcasting test feed
*
Articles – Dan Q
*
Austin Kleon
Baty.net posts
bgfay
Bix Dot Blog
*
Brandon's Journal
*
Chris Coyier
Chris Lovie-Tyler
Chris McLeod's blog
*
Chuck Grimmett
*
CJ Chilvers
CJ Eller
*
Colin Devroe
*
Colin Walker – Daily Feed
*
Content on Kwon.nyc
*
Core Intuition
*
Dave's famous linkblog
daverupert.com
Dino's Journal 📖
dispatches
E L S U A ~ A blog by Luis Suarez
Excursions
Flashing Palely in the Margins
Floating Flinders
For You
*
Frank Meeuwsen
*
frittiert.es
Hello! on Alan Ralph
*
HeyDingus
Human Stuff from Lisa Olivera
inessential.com
*
Interconnected
Into the Book
*
jabel
*
Jake LaCaze
*
James Van Dyne
*
Jan-Lukas Else
*
Jim Nielsen's Blog
Jo's Blog
*
Kev Quirk
lili's musings
*
Live & Learn
Lucy Bellwood
Maggie Appleton
*
Manton Reece
*
Manu's Feed
maya.land
Meadow 🌱
*
Minutes to Midnight RSS feed
Nicky's Blog
*
Notes – Dan Q
*
On my Om
One Man & His Blog
Own Your Web
*
Pablo Morales
Pablo Morales
Paul's Dev Notes
*
QC RSS
rebeccatoh.co
*
reverie v. reality
*
Rhoneisms
ribbonfarm
Robin Rendle
Robin Rendle
Sara Joy
*
Scripting News
*
Scripting News for email
Sentiers – Blog
Simon Collison | Articles & Stream
*
strandlines
the dream machine
The Gorman Limit
*
The Homebound Symphony
*
The Marginalian
*
thejaymo
theunderground.blog
tomcritchlow.com
*
Tracy Durnell
*
Winnie Lim
wiwi blog
*
yours, tiramisu
Žan Černe's Blog

About Reader


Reader is a public/private RSS & Atom feed reader.


The page is publicly available but all admin and post actions are gated behind login checks. Anyone is welcome to come and have a look at what feeds are listed — the posts visible will be everything within the last week and be unaffected by my read/unread status.


Reader currently updates every six hours.


Close

Search




x
Colin Walker Colin Walker colin@colinwalker.blog