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

推荐订阅源

P
Proofpoint News Feed
云风的 BLOG
云风的 BLOG
Apple Machine Learning Research
Apple Machine Learning Research
Hugging Face - Blog
Hugging Face - Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Google DeepMind News
Google DeepMind News
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
雷峰网
雷峰网
B
Blog
月光博客
月光博客
博客园 - 【当耐特】
WordPress大学
WordPress大学
Microsoft Azure Blog
Microsoft Azure Blog
I
InfoQ
The GitHub Blog
The GitHub Blog
Engineering at Meta
Engineering at Meta
Jina AI
Jina AI
博客园 - Franky
MyScale Blog
MyScale Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Last Week in AI
Last Week in AI
B
Blog RSS Feed
H
Help Net Security

有呀

骑士活塞G4:冠军之心的觉醒 最近入手的几台心头好 组了一台 QNAS Mini 部署轻量友链朋友圈 给Memos页面增加编辑、归档及删除功能 开始连接,给Memos页面增加转发功能 给Memos页面添加发布框 所谓尼康战歌 富士直出日系治愈色调 使用 Umami Api 实现点赞统计 极简模式部署友链朋友圈 使用 Umami Api 显示统计数据 Memos页面添加Twikoo评论系统 使用Midjourney渲染游戏场景原画 富士的胶片感太好看了吧 一组76人美图 总有一些事,比总冠军更重要 一组收藏的原神原画壁纸 Hi,Hugo 在疫情中心武汉的这两个月 2020年流行设计风格探索 最近发现一个神器 入了多看电纸书 换了新主题 折叠屏会是智能设备的下一个形态么 Hackintosh 安装全攻略 平淡日子里的刺 Gridea主题:Mao Hi,Gridea 发一个 Office 365 家庭版的车
制作Big Sur风格的 icon
2021-06-27 · via 有呀

什么是 icns

icns 是 Apple 的 macOS 操作系统的 App 图标文件的扩展名,你在 macOS 的「 Desktop 桌面」、「Finder 访达」、「Dock 程序坞」等看到应用程序的外观就是由一个内置在此 App 内部的扩展名为.icns的文件实现的。

你可以通过鼠标“右键”点击 App - “显示包内容” - 进入 “Contents” 目录 - 进入“Resources”目录,然后在目录下可以找到名为Appicon.icns或其他后缀为.icns的一个图标文件。

要创建一个.icns图标文件,需要准备以下 10 种不同大小的.png图片文件

图片名称图片大小
icon_16x16.png16x16
[email protected]32x32
icon_32x32.png32x32
[email protected]64x64
icon_128x128.png128x128
[email protected]256x256
icon_256x256.png256x256
[email protected]512x512
icon_512x512.png512x512
[email protected]1024x1024

在发布会上,Craig提及了macOS全新的拟物化设计。类似IOS的图标风格,加速了苹果全终端融合的进程。

但是因为时间的关系,很多第三方的APP暂时还没有适配这种风格的图标。所以,作为一名深度强迫症患者。自己去制作相关的ICNS就是唯一的出路了。

制作过程

  • 准备最大尺寸 1024x1024 图片一张,重命名为icon.png,其他大小尺寸可以通过终端命令生成;

最好是能根据Apple的设计规范,制作统一视觉效果的图标。如果会使用设计工具。如:PS、Sketch、Figma等。可以使用相关工具的模版自动生成。

Sketch图标模版

  • 通过鼠标右键或者命令,创建一个名为icons.iconset的文件夹;
 mkdir icons.iconset
  • 通过终端来快速创建各种不同尺寸要求的图片文件;
sips -z 16 16 icon.png -o icons.iconset/icon_16x16.png
sips -z 32 32 icon.png -o icons.iconset/[email protected]
sips -z 32 32 icon.png -o icons.iconset/icon_32x32.png
sips -z 64 64 icon.png -o icons.iconset/[email protected]
sips -z 128 128 icon.png -o icons.iconset/icon_128x128.png
sips -z 256 256 icon.png -o icons.iconset/[email protected]
sips -z 256 256 icon.png -o icons.iconset/icon_256x256.png
sips -z 512 512 icon.png -o icons.iconset/[email protected]
sips -z 512 512 icon.png -o icons.iconset/icon_512x512.png
sips -z 1024 1024 icon.png -o icons.iconset/[email protected]
  • 最后,终端中运行下面的命令,就可以获得名为icon.icns的图标文件了;
iconutil -c icns icons.iconset -o icon.icns

注意 : icon.png图片文件和icons.iconset文件夹要保存在同一级目录下,终端启动后切换到该目录。