惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
H
Help Net Security
量子位
The Cloudflare Blog
博客园 - Franky
博客园 - 聂微东
博客园 - 司徒正美
Last Week in AI
Last Week in AI
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Apple Machine Learning Research
Apple Machine Learning Research
宝玉的分享
宝玉的分享
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
有赞技术团队
有赞技术团队
罗磊的独立博客
GbyAI
GbyAI
雷峰网
雷峰网
T
The Blog of Author Tim Ferriss
Martin Fowler
Martin Fowler
S
SegmentFault 最新的问题
美团技术团队
阮一峰的网络日志
阮一峰的网络日志
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
U
Unit 42
MongoDB | Blog
MongoDB | Blog

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
为第三方应用换上 Big Sur 风格的「新衣」 - 少数派
2020-11-14 · via 少数派

北京时间 11 月 13 日,苹果在经历了服务器崩溃之后终于推送了姗姗来迟的 macOS Big Sur 正式版,开启了 macOS 11 的时代。在视觉上,新系统最大的特色或许是苹果重新设计的应用图标。目前,苹果全家桶已经全部采用了类似 iOS 的圆角矩形图标,在 Material Design 2.0 之后,又一次压暗了不规则图标的前途。这一设计的优势自然是可以让整体视觉效果更加统一,但这种视觉统一性极其依赖于第三方应用的适配,如果一个不规则图标混入了满屏的圆角矩形当中,便会显得尤其扎眼。可惜,并非所有第三方应用都像 IINA 这么良心——早早更换了新图标,还设计得比 macOS 自带应用更加优美。所以,为了实现题图的效果,我们便需要手动为一批第三方应用更换 Big Sur 风格的圆角矩形图标。

下面介绍三种寻找和更换图标的方法。

macosicons.com

首先要推荐的是 macosicons.com, 网站上目前有超过 1000 枚 Big Sur 风格的图标,全都为 icns 格式,并且完全免费,基本上覆盖了大多数主流应用。

关于如何更改 macOS 应用图标,可以参考这篇文章

macosicons.com 网页截图

macosicons 其实可以说是一个社区,其中的图标来自于多位贡献者,因此质量有些参差不齐。有的十分精美(比如下面这枚由 Octaviotti 设计的 Be Focused 图标,可以说深得 Big Sur 的精髓),有些则略显粗糙,但总体都相当良心。同时,你也可以在这里下载通用模版(提供 Sketch, Figma, Illustrator 和 Photoshop 四种格式),亲自动手绘制图标自用或是上传回报社区。

IconSur(谨慎使用)

IconSur 是 GitHub 上一个自动生成 Big Sur 图标的命令行工具。它可以通过应用名自动搜索相应的 iOS 应用,并将后者的图标替换到 macOS 应用上,可以说是充分利用了 Big Sur 图标和 iOS 使用了相同模版这一特点。同时,IconSur 也允许用户自定义图标的图片或是背景颜色。

从 GitHub 上下载了 IconSur 之后,需要在终端里使用 chmod +x /应用地址 命令将其变为可执行文件,再将其添加到路径当中(具体操作为先用 sudo nano /etc/paths  命令打开 paths,再把 IconSur 的地址添加到文件的最后一行)。

完成上述设置之后,打开 IconSur,运行(这里以 Microsoft Word 为例)

sudo iconsur set /Applications/Microsoft\ Word.app/

sudo iconsur cache

便可以成功更改图标。

需要注意的是,整个过程中用到了 sudo 命令,而且该项目的 GitHub 页面上有用户报告了使用 IconSur 导致系统无法响应的问题,请慎重使用。

Photoshop

最后,最直接也是自定义程度最高的方法当然是自己动手重绘。这里以使用 Photoshop 绘制微信图标为例,简单介绍一下操作思路。可以发现,苹果在将扁平图标轻微立体化时使用了两种方案,一种是像 App Store 和 Messages 一样的「浮雕」效果,另一种是如 Books 和 Podcasts 般的「镂空」效果。这里我选择用「镂空」来处理微信图标。

「浮雕」和「镂空」效果

首先从 macosicons.com 下载 psd 模版文件,里面已经设置好了阴影和圆角大小,我们只需将微信画上去即可。对于微信这样很容易找到图标素材的应用来说,自己动手其实并不复杂。我们先在模版里画出一个渐变的绿色圆角矩形作为背景。接着谷歌「WeChat png」便能轻易下载到白色的微信 logo,再给这个 logo 图层加上「内阴影」的效果并调整混合模式和几个主要参数,即可获得我们想要的镂空效果。

在图层混合选项里选择「内阴影」并调整参数
绘制渐变背景 - 添加图案 - 添加效果

最后,将绘制好的图标导出为 png 格式,通过诸如 anyconv 之类的在线工具转为 icns 文件,就大功告成了。

成品,与 Books 和 Podcasts 同框也没有什么违和感

注:题图原图来自 Unsplash,摄影师 Jessy Smith,笔者做了改动。