@scomper

macOS 程序图标的美化

2014.10.25

macOS 新版系统的界面给人耳目一新的感觉,更协调统一的中英文界面字体、半透明的窗口风格、「扁平化」的程序图标,先不说系统的性能如何,起码「外貌」的赏心悦目就已经能提高生产力了。

然而并不是所有的应用程序都能跟上 macOS 的步调,估计这个过程要持续相当长一段时间,另外很多程序在兼容性上没问题,但是程序图标却多少有点突兀,于是我们又把古老的手艺捡起来「『美化』程序图标」。

Mac 系统里更换程序图标很简单,说白了只需要一个拖拽操作就完成了。首先选中要替换的程序,「Command + I」打开它的「显示简介」界面,将下载好的 .icns 的图标文件拖拽到「显示简介」的缩略图标上,出现绿色加号时松手替换即可。

还有一种方式适用于更多的图片格式,直接双击打开任意图像文件「Command + C」,「Command + I」打开程序的「显示简介」界面选中左上角的缩略图标,「Command + V」粘贴替换完成。

程序的「显示简介」界面

粘贴图标时因为权限问题可能会弹出窗口提示需要管理员密码。

※ 按住 command 键点击 Dock 栏上的图标,可以快速打开程序所在的「应用程序」文件夹并同时刷新 Dock 栏上的图标,使替换即刻生效。

要恢复系统默认的图标,选中「显示简介」中的图标(蓝框选中状态),直接按「delete」键即可。

icns 文件的完整性

icns 的文件实际上包含的是一组不同分辨率的图标(512、256、128、32、16),为了适应 Retina 屏幕的显示还有对应的2x 分辨率图标。双击图标文件用「预览」程序打开可以清楚的看到。

预览程序中查看 icns

如果图标文件包含的分辨率不完全,替换可能会导致在 Dock 栏上看到的是更换过的,而在 Launchpad 上看到的是原来的图标,原因可能是 icns 文件中缺少对应分辨率图标导致的。

获取 icns 文件

图标文件可以到 DribbbleDeviantart这类设计作品网站搜索,例如用 Yosemite icon 做关键词,就能搜索到很多类似 Yosemite Dock IconsmacOS Icon Pack 的图标文件,下载下来解压缩从文件包中找到你喜欢的图标文件。

制作 icns 文件

Sketch 用户可以自己制作图标文件,由模板新建「Mac App Icon」 文件,绘制好各种分辨率的图标后 Export 成 png 文件。将各种分辨率的图片保存到类似「WeiboX.iconset」的文件夹中。

新建icon.iconset 文件夹

打开「终端」程序,输入命令:iconutil -c icns /路径/icon.iconset就能获得最终的 icns 文件。例如,范例中「WeiboX.iconset」文件夹放在桌面,打开「终端」程序后,为了方便,先输入iconutil -c icns注意后面空一格,然后直接从桌面将「WeiboX.iconset」文件夹拖拽到命令行后,这样就不用自己输入路径了。命令执行完毕后桌面上就会出现一个WeiboX.icns 的图标文件。

 iconutil 终端窗口

替换完成后,可以通过「终端」程序,执行「killall Dock」(不带括号)命令重启 Dock 栏来生效。


替换后的效果

动手吧,周末闲着学门手艺,顺便美化一下碍眼的那些程序图标。

如果能掌握和熟练 Sketch 收获就更大了,上面提到的两个设计师扎堆的网站也是非常好的展示自己作品的空间,期待大家不仅美化自己的 Dock,也顺便分享出来「改变世界」。

以上方法同样适用于 macOS High Sierra 系统
PS:
感谢 dribbble 提供图标共享的设计师们: @hzlzh@autumndesign@traicyer

--「壹页单章」会员计划 --

Comments
Write a Comment