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

推荐订阅源

Google DeepMind News
Google DeepMind News
博客园_首页
H
Help Net Security
T
Tailwind CSS Blog
S
SegmentFault 最新的问题
GbyAI
GbyAI
Scott Helme
Scott Helme
D
Docker
Hacker News: Ask HN
Hacker News: Ask HN
P
Privacy & Cybersecurity Law Blog
Jina AI
Jina AI
雷峰网
雷峰网
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Spread Privacy
Spread Privacy
G
GRAHAM CLULEY
C
Cisco Blogs
The Hacker News
The Hacker News
F
Full Disclosure
Y
Y Combinator Blog
Blog — PlanetScale
Blog — PlanetScale
Recent Announcements
Recent Announcements
G
Google Developers Blog
量子位
K
Kaspersky official blog
Cisco Talos Blog
Cisco Talos Blog
The Cloudflare Blog
A
About on SuperTechFans
C
Cybersecurity and Infrastructure Security Agency CISA
Last Week in AI
Last Week in AI
博客园 - 三生石上(FineUI控件)
Microsoft Security Blog
Microsoft Security Blog
Martin Fowler
Martin Fowler
T
Tenable Blog
P
Palo Alto Networks Blog
H
Heimdal Security Blog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
W
WeLiveSecurity
Schneier on Security
Schneier on Security
The Register - Security
The Register - Security
F
Fortinet All Blogs
Stack Overflow Blog
Stack Overflow Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
T
The Blog of Author Tim Ferriss
N
News and Events Feed by Topic
Hugging Face - Blog
Hugging Face - Blog
小众软件
小众软件
V
V2EX
爱范儿
爱范儿

少数派

派早报: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 - 少数派 万字剖析:千问App深度体验报告(2026) - 少数派 在2026年,如何真正防止别人抄袭你的作品 - 少数派 怎么用 50 块搭个 AI 语音助手?我踩了 3 天坑 - 少数派 YeeroAI:让 AI 对话真正成为知识管理的一部分 - 少数派 爬泰山 - 少数派 「旅图显影」 App 更新:这次,我们补上了一点「手感」 - 少数派 假期出门太折磨?我的 23 条经验帮你规划惬意旅行 - 少数派 工作流会变吗 - 少数派 Claude Opus 4.6 怎么用最省钱?我测了 5 种方案 - 少数派 GPT Image 2 让图文并茂不再稀罕 - 少数派 用户侧出发——什么是AI,我要不要学习? - 少数派 找片、转存、整理、播放一条龙!让你的付费网盘值回票价 - 少数派 欢迎试用!日课一问2.0插件 - 少数派 自己做的MDeditor,原本想购买 Typora 试了两次支付不成功,干脆自己做一个 - 少数派 vibe coding了一个 3MB 的小工具,让 ~/Downloads 彻底告别混乱 - 少数派 因为受不了 Mac 的风扇策略,我做了一个风扇控制工具 - 少数派 别只怪模型 - 少数派 Warp 终端的 AI 功能怎么用?我测了一周的体验 - 少数派 AI 写代码老是出 bug?这 5 个配置我后悔没早知道 - 少数派 「新玩意」苹果出相机可能就这样:Sigma BF + 45mm F2.8 DG Contemporary - 少数派 一个面向2030年的AI操作系统是什么样子的:浅谈cola这款有灵魂的Agent - 少数派 别只看写代码 - 少数派 每天解决10个问题,还是一口气攻坚解决400个? - 少数派 AI 交易机器人怎么搭?我用 Claude 跑了一周实盘 - 少数派 Maptoposter Online:把你爱的城市画成艺术海报 - 少数派 Function Calling 怎么用?我测了 3 个模型发现差距真大 - 少数派 Legend Talk:我做了个 AI 圆桌,让 160 位思想家围着你的问题转 - 少数派 如何找到自己的蓝方?在小县城寻找压力测试 - 少数派 语音输入与软件接口|2026年聊AI时,我们都聊些什么(上) - 少数派 混动已经卖爆,纯电又来补刀——钛7闪充版简直“不讲武德” - 少数派 本月玩什么|朋友收藏、识质存在、沙罗周期 - 少数派 为什么要每天坚持输出? - 少数派 Claude API 挂了好几个小时,你的项目有备用方案吗? - 少数派 Function Calling 没你想的复杂——我用它做了个有点用的工具 - 少数派 登录系统立即播放视频或者图片音乐的软件 - 少数派 我为什么创建 FlipHTML5 下载工具 - 少数派 残局没电?多品牌外设电量统一管理软件EasyBluetooth已支持RTSS游戏内显示以及AIDA64 - 少数派 前往通义路的路 - 少数派 太好看了,媲美Sun的个人导航页,NAS部署星云门户 - 少数派 乌黑嘴唇“一键检测”上线了 - 少数派 派早报:Claude AI 接入多个创意软件生态、FILCO 生产方接手品牌等 - 少数派 【更新】BearCLI、Claude 连接器与 MCP 服务器 - 少数派 记了上千条流水,还是看不懂财务?我做了一个让 AI 读懂账本的工作台 - 少数派 MINI R56 升级原厂 Sport 模式 - 少数派 新玩意 | 一棵柠檬树(仿真版) - 少数派 Momenta的“物理AI”野望,需迈过“含摩量”这道关 - 少数派 网页直接投屏控制手机!NAS一键部署PandaScrcpy,流畅丝滑可远程。 - 少数派 众测|邀你一同探索随身 AI 硬件入口 YoooClaw C·ONE - 少数派 2050大会:分享时间是真诚 参会记 - 少数派 iPad 赋能电影创作:国内首部宣纸手绘长片《燃比娃》的幕后故事 - 少数派 AI的审美:我用 8 个大模型给 100 张旅行照片打分 - 少数派 普通人如何破圈?去参加一个本地协会 - 少数派 把极空间的图标全换了,主题DIY全攻略打造你的专属NAS桌面 - 少数派 电子便签墙,帮你实现便签自由 - 少数派 我如何用三个 CLI 工具取代文档创建需求 - 少数派 原来真的有人可以玩一辈子 - 少数派 社区速递 139 | 派友热议三月买了啥、复古单反尼康 Df 体验 - 少数派 06 作品的赏析与评价 - 少数派 TDS REVIEW|索尼 WF-1000XM6 降噪真无线耳机体验 - 少数派 35.98万起售的第二代腾势D9,我看重的不是堆料,而是不凑合 - 少数派 鼠须管 Squirrel 皮肤配置指北 - 少数派 从watch ultra2换到redmi watch6 - 少数派 派早报:阿里巴巴发布视频生成模型 HappyHorse 1.0 等 - 少数派 别迷信1M - 少数派 家人们天塌了!网盘“大封杀”,多个渠道多条路,NAS部署PanHub - 少数派 AI与人勾心斗角!NAS一键部署AI狼人杀,假日休闲必备。 - 少数派 电商必备!Comfyui工作流批量生图插件,一次生成12张!支持Nano banana pro模型 - 少数派 Comfyui工作流配置Gpt-image-2模型教程,0.03/张 - 少数派 OpenClaw第三方APi怎么配置?可使用Gpt-image-2模型 - 少数派 会员社区话题精选 Ep. 103 - 少数派
用免费的 Keynote,做出专业制图工具 OmniGraffle 的效果 - 少数派
2017-08-28 · via 少数派

Keynote 一部分的功能性,已经在之前的 文章 中提到了,但那篇文章中,所有用到的元素(框体、连线、背景等)均为自制,而实际使用中,有很多东西并不是「自己画」就能解决的,而是需要与系统的其他功能相互结合,利用系统已有的元素。这方面最好的例子莫过于 scomper 的《OmniGraffle 实战:制作一张兼具美观与说明性的截图》一文中的配置方案图了:

图:scomper

scomper 使用的是 OmniGraffle,相当专业的作图应用,效果自不必说。总体来看,这张图总共用到了三种元素:自制图形、截图和文字,而后两种应用得最多。正巧,不要钱的 Keynote 也擅长处理这样的元素,也能实现那张图的效果,比如说:

用 Keynote 做出来的最终效果

虽然对象选的是 macOS 的系统输入法,功能没有鼠须管 +「朙月拼音·简体字」那么多样,但也有可以挖掘的东西;各位读者也可以用这张图顺便学习一下自带输入法,一举两得~

这篇文章会介绍下面几个方面:

  • macOS 下的截图
  • 用 Keynote 制作简单图标
  • Keynote 的对齐方式
  • Keynote 的对象列表

有些内容少数派已有文章介绍,这篇文章也不会事无巨细地介绍每个环节,只会介绍必要的步骤,如果想进一步了解,可以专门搜索这些文章。

截取所需元素

既然是要截取输入法的输入框,那就得打字。不过本文不会像前文那样,截取整个打字的环境(包括输入法选择框和实际输入的文字),原因主要是不好控制输入框大小一致。虽然 scomper 使用了矩形对比的方式,但这样可能需要为每一张截图都专门对比,工程量也不小。(自带的截图工具真的需要扩充一点功能了……)

所以本文中,只截取输入发的选择框,剩下的一切元素(包括输入的文字、注释性文字)全部在 Keynote 内制作。这样一来,就不需要专门的环境输入文字,随便找一个能输入的地方输入截图即可。

可以是 Spotlight,可以是「帮助」,可以是用来做这张图的 Keynote……

截图的话,使用⇧⌘4,再按空格,选择输入框,输入框会高亮,单击即可。这种单独选取元素的截图方式,很多情况下非常有用。更多有关 macOS 截图的技巧,可以看这两篇文章:

Keynote 安装好,可能很少有人会调整 Keynote 的偏好设置,在此有必要专门设置,方便后续(以及今后)操作。

首先是调出标尺,可以在菜单栏 > 显示菜单中,选择「显示标尺」,或通过快捷键⌘R呼出。而调出标尺的目的,是为了建立参考线。是的,Keynote 也可以建立参考线,只需要从标尺往下/右拖出即可。如果需要删除,只需拖到越过标尺一段距离,便会有 OS X 标志性的爆炸小云彩效果和「whoosh」的音效。

美中不足的是,Keynote 的参考线不想 PhotoShop、Illustrator 或 Omnigraffle 那样,是一个独立的元素,可以直接调整样式、位置,甚至可以吸附主要参考线(如垂直/水平中心);而在 Keynote 里,只能靠手来把握位置。万幸,移动参考线时,还会告诉你参考线的位置坐标,算是安慰和提示吧。

当然,可以借助参考线,大致分区,借用数学方法确定中值,也算是能帮一些忙。所以这里,在横向 225pt 和 450pt 处,建立两条参考线,再在纵向 270pt 处建立参考线,作用一会儿再说。

最后,建议(其实是应该)在 Keynote 的偏好设置中,勾选「标尺」标签页的「在对象边缘处显示参考线」,就可以实现全部的对齐和吸附了。

但正因如此,强烈建议各个部分的组装和最终的总装隔离开来,不然会被参考线搞晕的(可以自己试试看)。

制作输入法图标

macOS 的自带输入法不像第三方,没有应用图标。原本打算扒出 macOS Sierra 的图标代替,但害怕版权问题而作罢。最后决定自己制作,方法则非常简单,总共分三步:

  1. 新建圆角矩形和汉字「拼」,调整大小等参数;
  2. 居中对齐;
  3. 成组,方便之后移动。

各部分组装和总装

这一部分会主要介绍对象列表的用法。之前的文章中,已经见缝插针地讲过了对象列表的一些功能和用法;对象列表更多的是发挥辅助作用,而非制作过程中的主体,因此,这篇文章只会介绍对象列表有明显优势的地方。

首先,拖入一张截图,观察与整个幅面的比例关系可以发现,截图太小,做成整图后无法清晰展现,因此,有必要放大截图。手动调整到一个合适大小后,发现截图高度为 75pt,便决定以此为基准,对所有截图进行放大。

长条形截图可以统一将高度设置为 75pt,但也有非长条的截图,则只能通过计算实现等比例缩放:

(75 - 61) / 61 ≈ 23%

即缩放比例。对所有非条形截图进行缩放时,将高度乘以 1.23(可以借助 Spotlight。Keynote 的尺寸等数据不支持运算),填入即可。

使用系统自带的截图有一个好,就是会将阴影一并截入,自动为每张截图添加了外边距,这样,不用像 scomper 那样,为每个注释文字计算边距,就可以轻松排布说明文字。但我们作的图,希望说明文字与输入法选择框本身右对齐,就有必要:

  1. 沿输入法选择框右边建立参考线;
  2. 将说明文字框设为右对齐。

此外,由于此处选用的字体——苹方——基线过高,也建议沿选择框上边添加参考线。

基线够高,上边距够大

接下来,要创建假的输入状态。观察系统输入法,可以发现,输入法的第一个备选项正文永远与输入状态左对齐,便可以借此建立参考线,摆放输入状态。

依然要注意文本框的外边

接下来,对所有的截图重复这个过程。但建议先不更改任何文字部分,只替换截图、调整元素位置即可。每设置好一个,就建立组合,防止不必要的内部编辑。

接下来,就可以将这些元素放到主画布上排列了。这里,不需要分别选择幻灯片复制粘贴,而是可以偷个懒:

  1. 选择所有幻灯片;
  2. 在对象列表中,选择组合,拖到主画布上。

接下来,需要修改每处文字,自然可以挨个地方双击,但击来击去,手指头也快报销了。这里也提供一种偷懒的办法:在对象列表下方的「筛选」中,选择「文本」,就可以看到哪个文本属于哪个组合了,也就可以针对性修改了。

建议把组合的名字改得直观一点

Keynote 中的文本框,选中即可修改其中全部内容。

这之后,加上一定修饰性文字,调整整体位置,系统自带输入法的功能介绍图就完成了。

和高效率的生活,你只差这一步:订阅 Power+ 栏目 ⚡️