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

推荐订阅源

www.infosecurity-magazine.com
www.infosecurity-magazine.com
D
DataBreaches.Net
T
Tailwind CSS Blog
M
MIT News - Artificial intelligence
Stack Overflow Blog
Stack Overflow Blog
F
Full Disclosure
V2EX - 技术
V2EX - 技术
N
News and Events Feed by Topic
Help Net Security
Help Net Security
L
LangChain Blog
Y
Y Combinator Blog
宝玉的分享
宝玉的分享
Google Online Security Blog
Google Online Security Blog
P
Proofpoint News Feed
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
T
The Blog of Author Tim Ferriss
Google DeepMind News
Google DeepMind News
The Register - Security
The Register - Security
B
Blog RSS Feed
N
Netflix TechBlog - Medium
N
News | PayPal Newsroom
TaoSecurity Blog
TaoSecurity Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
V
Vulnerabilities – Threatpost
B
Blog
C
Cyber Attacks, Cyber Crime and Cyber Security
I
Intezer
H
Hackread – Cybersecurity News, Data Breaches, AI and More
博客园_首页
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
AI
AI
aimingoo的专栏
aimingoo的专栏
大猫的无限游戏
大猫的无限游戏
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Cyberwarzone
Cyberwarzone
P
Proofpoint News Feed
Google DeepMind News
Google DeepMind News
G
GRAHAM CLULEY
Vercel News
Vercel News
罗磊的独立博客
MyScale Blog
MyScale Blog
Last Week in AI
Last Week in AI
博客园 - 司徒正美
C
CERT Recently Published Vulnerability Notes
GbyAI
GbyAI
Scott Helme
Scott Helme
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
T
Troy Hunt's Blog
A
About on SuperTechFans
P
Privacy International News Feed

少数派

派早报: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 - 少数派
OmniGraffle 基础入门(三):基础绘图和模具 - 少数派
2017-11-30 · via 少数派

编注:这是 OmniGraffle 基础入门系列文章的第三篇,你可以点此阅读 第一篇第二篇

由 scomper 撰写的《用 OmniGraffle 画一个精美的图示》已上架少数派付费栏目,该教程基于实际范例进行详细讲解,并辅与设计原文件作为练手学习,让 OmniGraffle 成为你制作图示和商务图例的强大助手,👉 点此了解详情


快速记录是首要的任务,因为很多时候想法稍纵即逝。面对电脑以及软件里那些绚丽的模板和模具时,往往我们忘记了记录时我们真正需要的是如纸笔般的朴素,美观和布局是排在后面的,这个顺序很重要。

OmniGraffle 的模板「Automatic Layout」分类中提供了针对组织结构图和思维导图的范例,基于这类模板新建文稿后,页面中已经包含了简单的图例,同时「版面」面板中「图表布局」的「自动布局」处于勾选状态,这意味着你创建的对象将依据「图表布局」中的样式自动排列。对于中心发散和树形结构的图表来说, OmniGraffle 的这种设计对绘图效率有很大的提升。不过如果你绘制的是流程图,就需要关闭「自动布局」,因为 OmniGraffle 中所包含的几种简单布局方案并不适用于流程图,这点上另一个绘图软件 yEd 更有优势。

页面的设定

基于模板新建文稿时,可能已经包含了相应的页面的设置,页面的具体设置包括页面的大小、单位以及标尺的定位原点。图表类模板还会勾选图表布局中的「自动布局」,除了组织结构图或者思维导图类型的绘图,其他的绘图不需要勾选此项。

页面大小中的「多种尺寸打印机表单」项会以整页为基准倍数来设定页面,如果此时还勾选了「自动调整版面大小」,当绘图内容超出一页时,页面大小会自动变成「2页」或者更多的页来承载。去掉「多种尺寸打印机表单」的勾选,我们能以具体的宽高来定义页面大小,例如 960px × 1024px。

单位的设定取决于你的绘图目的,软件原型或者网站我们会以像素为单位,办公室平面图则需要采用米或者英尺为单位,平面绘图中通常还需要设置合适的比例尺,例如:1cm = 1米。原点是页面中对象位置的基准点,一般是以页面的外框为基准的,按住标尺的左上角的原点位置拖拽可以自定义原点位置,以便于页面中对象的位置设定。原点位置改变后会以蓝色线条的方式在页面中显示。

页面对象的精确定位都是通过设定坐标值来实现的,基于页面原来的原点坐标来设定时,通常需要进行计算才能获得准确的数值。调整原点位置可以使对象之间的相对定位变的更简单,打印输出的绘图稿件中,为了和 Word 后 Pages 文稿的打印内容保持一致,也可以通过辅助线配合原点的设定留出页面空白,更好的定位页面中的对象。

构图对象的添加

绘制图表时有两种策略,一种是先关系后内容,一种是先内容后关系。这两种策略对应到 OmniGraffle 的具体实践就是使用工具栏的Ⓑ图表工具来创建图表,还是在「目录」面板中利用 Ⓐ大纲视图输入文本内容来创建图表,两种方式各有特色。

对于已经在纸面或者其他软件中构思好的内容,通常我们会在 OmniGraffle 里利用工具栏的「图表」功能快速的把图表的架构搭起来,这类场景中需要优先考虑的是对象之间的关系、排列和顺序,「图表」工具这种每点击一次就创建一个对象的模式更快速。

双击 「d」键进入图表创建模式(按一次 「d」 键插入对象后自动回到选择模式),点击页面空白的地方添加对象,继续点击创建包含连接线的子项;按住 「⌘」 键创建独立的项;按住「⌥」创建同级的其他对象;按住「⇧」创建父级对象。掌握这几个特殊按键和「图表」工具之间的配合,能提高构图时的效率。处于图表模式时,随时可以按住「v」(选择)键来移动和调整对象的位置,松开后就又回到图表创建模式。

「图表」工具插入模式下,编辑区里并不适合修改文本标签的内容,如果要修改文本标签的内容可以到左侧的「目录」面板中进行修改。

「目录」面板的大纲视图修改文本标签很方便,另一方面,它也是「先内容后关系」策略的主场,可以由这里直接输入文本内容,通过「Tab」、「shift+Tab」键来缩进控制层级关系,或者直接拖拽来调整层级关系。这里的层级关系体现在编辑区的页面中就是对象之间的连线的自动添加。

「图表」快速构图时使用的默认形状和线条由工具栏中「收藏夹」中的「Current Style」决定,准备工作中你可以先分别点击「图形」和「线条」工具,然后展开「收藏夹」列表进行选择。

格式化构图对象

构图对象快速添加完成后,接下来的工作是对象的排版和位置的调整,并补齐一些对象之间的连线。

「目录」面板中的对象列表和近似对象都能很直观的选择一个到多个对象,可以批量的修改它们的参数,例如对线条、排列间距和对齐进行统一的设定,最后再修改个别对象的形状。

将修改外形的步骤放在最后可能和很多人平时的使用习惯不太一样,为什么不是直接从「模具」中拖拽一个形状到编辑区,然后再连接线条呢?除非是一次性从模具面板拖拽包含布局和连线的多个对象到画布,否则一个一个的添加效率比较低,而且正如前文所提到的,这种方式会导致思考的不连贯。在流程草图完成后,再修改个别的对象的外形才有「锦上添花」的味道。

修改流程图已有对象还有一个技巧问题,不要采用替换方式,应该是用格式刷来修改:

  • 打开「模具」面板,找到合适的模具;
  • 选中模具预览中的具体形状;
  • 按住「样式托盘」的第一个样式图标直接拖拽到编辑区需要修改的对象上。
使用模具中的对象格式化页面对象时,可以双击「模具」面板图标锁定模具面板,这样点击其他页面对象时检查器会依旧停留在模具面板。

辅助线、参考线和网格

在 OmniGraffle 中移动对象靠近其他对象时,会自动显示蓝色的对齐和尺寸辅助线,而当选中的对象移动到页面的中心时还会显示红色的居中对齐辅助线,非常方便。

和大多数绘图软件一样,如果启用「视图」菜单中的「标尺」,在标尺上按住并拖拽到页面可以拉出垂直或水平的参考线。不过这种方式缺乏精确度, OmniGraffle 6中提供了另一种参考线的设置模式,并将它作为版面的一部分,按住版面里的参考线图标拖拽,页面中的所有参考线可以直接复制到其他页面。要删除参考线可以在编辑区拖拽参考线到标尺以外,也可以在版面的参考线编辑面板中选中后用「delete」键删除。

参考线主要用来标定区域,为对象提供对齐基准,如果没有自动对齐到参考线,检查「排列」菜单中「参考线」项目中是否已经勾选「智能对齐参考线」和「智能距离参考线」。

网格是页面全局模式下另一种协助布局的方式,开启网络显示后,勾选「贴紧网格」移动对象或者绘制对象时会自动贴近网格线,从而实现对齐和规整的布局。在微调对象的位置时,有时候「对齐网格」和「贴紧网格」会成为一种「阻力」,妨碍你的操作,你可以选择在版面设置面板中关闭网格对齐,或者按住 shift 键然后用上下左右键微移调节对象的位置。

多个对象之间的对齐一般是全部选中后,通过「对象」设置面板中的「对齐」进行对齐,需要注意的是,第一个选中的对象会自动成为后续选择对象的对齐基准。如果对齐基准是页面本身,勾选「版面对齐」即可。

在利用辅助线、参考线、网格、对齐这些手段来布局和对齐以外,还有一种很原始,但是精确的方式—坐标数值。例如,多个叠加在一起的对象,通过「目录」面板可以解决选择的问题,位置的精确设定问题就可以交给「几何形状」的坐标值来完成。

组件还是素材

模具的目的就是为了「复用」共享和提高效率,在使用上既可以是素材的来源,也可以是方案组件的来源,针对流程图和组织结构图一类的绘图来说,组件的模式能快速的完成整个架构的绘制。

模具文件只是 OmniGraffle 文件的一种特殊形式,在面对重复、大量的流程图绘制工作时,我们可以把预期会重复使用的流程图或局部单独保存成模具文件。绘制新流程图时,由模具面板中圈选包含连接的多个对象直接拖拽到页面中,然后再加加减减,适当的修改文本标签就能迅速完成。

在模具的复用上,不要仅仅把模具当成是图标和形状这类零散素材的收集集合,你可以根据自己的工作需求,创建自己的组件模式的模具文件。

有目的的收集和整理模具文件是件长期并需要保持更新的工作。OmniGraffle 6 在模具的管理上比旧版本要清晰很多,新建文件的导航窗口中就能看到模具和模板的单独分类,可以创建新的模具或者编辑修改已有的模具。

针对已有模具文件的修改,主要是翻译其中的文本标签、删除用不到的对象,然后按自己的使用频率调整对象排布位置等等。如果有必要,还可以将多个模具文件中的常用对象整合到一个模具文件中。

对于工作团队来说,自己绘制模具文件之前可以到 OmniGraffle 官方的 Graffletopia 检索和查询,官网的模具采取的是会员和收费模式,不过质量高、覆盖范围广,而且很多整套的模具中不仅包含不错的图例素材,也包含着对方的工作模式,可以借鉴和参考。

单独的模具素材可以从 stencils.ioDribbbleIconfinder这类网站收集。有条件的还可以自己用 Sketch 软件创作(导出成 pdf 就可以拿到OmniGraffle 中使用)。

Visio 的模具文件另存为Visio 2003–2010(.vss)后可以在 OmniGraffle 中打开并导入使用,Visio 的vsd 文件 OmniGraffle 也可以打开,不过标注和字体等诸多细节方面会出现兼容性问题,对于精细绘图来说那是灾难性的后果,所以用用 Visio 的模具文件就可以了,至于 Visio 在 Mac 里的兼容方案还是推荐用虚拟机的方式来实现。

网友 @nan7ee 提供的 Font Awesome、GlyphIcons 图标字体、Google Material Design Icons,以及对应的 OmniGraffle Stencil 图标文件。https://github.com/NanL/GraffleExt

继续阅读:


如果在了解完基础功能后更好地使用 OmniGraffle,推荐你购买本文作者编撰的《用 OmniGraffle 画一个精美的图示》系列教程,作者将更深入、更具体地介绍 OmniGraffle 的功能,基于实际范例进行详细讲解,并辅与设计原文件作为练手学习,让 OmniGraffle 成为你制作图示和商务图例的强大助手。

👉 点此了解详情