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

推荐订阅源

Vercel News
Vercel News
博客园 - 司徒正美
C
Check Point Blog
G
Google Developers Blog
The GitHub Blog
The GitHub Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
有赞技术团队
有赞技术团队
P
Proofpoint News Feed
IT之家
IT之家
B
Blog
博客园_首页
量子位
MongoDB | Blog
MongoDB | Blog
博客园 - Franky
J
Java Code Geeks
H
Help Net Security
A
About on SuperTechFans
Apple Machine Learning Research
Apple Machine Learning Research
Jina AI
Jina AI
D
DataBreaches.Net
Y
Y Combinator Blog
大猫的无限游戏
大猫的无限游戏
云风的 BLOG
云风的 BLOG
Google DeepMind News
Google DeepMind News

少数派

派早报: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 - 少数派
自定义 macOS 文件夹图标 - 少数派
2017-10-20 · via 少数派

受到 FolderMarker Emoji 这款 App 的启发,我开始尝试用 Emoji 为 macOS 文件夹提供更为直观的视觉指引方案。然而遗憾的是 FolderMarker Emoji 的效果并不符合我的审美,显而易见的问题是,Emoji 与蓝色文件夹之间的比例总是让人感觉与原生的效果有差异,简单而言就是太大了,使得整体观感很突兀。

真的很大
系统自带图案的文件夹就优雅很多

于是,我尝试自己动手,自定义文件夹图标,使其在视觉上更符合系统文件夹。


用 Emoji 标记文件夹图标

需要用到的工具有:

  • Adobe Photoshop 或 Affinity Photos、Pixelmator 等图片编辑 App
  • macOS「预览」App

首先,需要找到合适的 Emoji 素材,emojipedia 这个网站是 Emoji 届的维基百科,上面可以找到 Apple、Google、Microsoft 等各个平台的 Emoji。找到自己需要的 Emoji,点击进入详情页,以 Apple 为例,保存选中的 Emoji,这样会得到一个 160×160 的 PNG 文件,这个分辨率对于文件夹来说已经足够了。

全平台的 Emoji

除了 Emoji 之外,还需要准备一个空白的文件夹图标(即默认的图标),可以通过下面的方法获得:

  1. 新建一个文件夹,选中后 ⌘ + I,在详情页选中左上角的文件夹图标后 ⌘ + C 复制;
  2. 打开 预览 App,⌘ + N 从剪切板新建文件,得到 ICNS 文件预览;
  3. 选中左栏第一个图标,将其导出为 PNG 文件,后期将其白色背景去除即得到 1024×1024 分辨率的空白文件夹图标。
详情页选中左上角的文件夹图标并复制
选中左栏第一个图标,将其导出为 PNG 文件
后期将白色背景去除即得到空白文件夹图标

接下来,将 Emoji 素材和空白文件夹图标导入 Photoshop。经过实践,发现将素材的尺寸控制在 7.76 cm × 7.76 cm 的矩形内最为接近系统文件夹的样式,当然也可以根据自己的需要进行调整,原则是保证结果能带来原生的观感。

将素材尺寸控制在7.76 cm × 7.76 cm 的矩形内为佳

然后只需靠基础的 Photoshop 技能,将素材编辑好,导出为 PNG 格式的文件。最后,再次用 预览 App 打开导出的 PNG 文件,⌘ + A 选中全部,⌘ + C 复制,回到需要替换图标的文件夹打开详情页,按照上面介绍过的方法选中左上角的文件夹,⌘ + V 粘贴即可。

效果对比

仿原生样式标记文件夹

实际上,我们可以参考许多第三方 App 的做法,用同样的思路来模仿原生文件夹的样式,只需将 Emoji 素材换成特定的图标素材即可。

第三方 App

GitBook 文件夹为例,首先从 Google Image 或者其他图标资源库(推荐 Iconfont)找到 GitBook 的图标,将其直接和空白文件夹素材一起导入 Photoshop。通过图层样式,添加内阴影颜色叠加渐变叠加,具体参数可以根据情况进行调整,目的是使得最终效果与原生基本一致。

通过图层样式对素材进行调整
最终效果
在 Finder 中的效果

结尾

如果想要删掉自定义的图标,同样进入详情页,选中左上角的文件夹图标后 ⌘ + X 或 delete 即可。

大家估计觉得,跟 FolderMarker Emoji 比起来这种方法太麻烦了吧…然而其实我们真正需要自定义的文件夹也就是最重要的几个,普通的文件夹我并不建议用这种方法一个一个进行标记,一来是要耗费更多时间,二来 macOS 本来就是淡化文件夹的操作系统,使用 LanchBar 等工具会更有效率。

另,FolderMarker Emoji 同厂的 FolderMarker 售价 ¥30,支持用文字、图片、Emoji、图标等自定义文件夹,能迅速实现前文的效果,也是一个 NOT BAD 的选择。

给你一个五彩斑斓的文件夹