本文来源:爱上MAC | 软件下载地址:References.Design for Mac
References.Design 是一款专为创意工作者设计的视觉参考与灵感管理工具。它允许用户高效地收集、整理、标注和展示来自网络或本地的图像、色彩、字体等视觉素材,构建个人专属的灵感库,是进行设计研究、风格探索和项目构思的得力助手。
一、核心界面与工作区详解
启动软件后,您将看到一个简洁而功能分区明确的主界面,主要分为以下几个区域:
- 顶部菜单栏与工具栏:包含文件、编辑、视图等标准菜单,以及用于快速添加素材、创建看板、切换视图的图标按钮。
- 左侧导航边栏:
- 资料库:所有导入素材的集合,可按类型(图片、颜色、文本)或自定义标签筛选。
- 看板:用于组织素材的项目空间列表。看板是进行视觉拼贴和构思的核心工作区。
- 回收站:临时存放已删除项目,可恢复或永久清除。
- 中央主工作区:
- 在“资料库”视图下,以网格或列表形式展示所有素材的缩略图。
- 在“看板”视图下,呈现为一个无限大的画布,您可以自由排列、缩放、批注图像和色卡。
- 右侧检查器面板:此面板内容会根据所选对象动态变化。
- 选中图像时:显示图像元数据(来源URL、尺寸)、允许添加标签和注释。
- 选中看板时:显示看板设置,如背景颜色、网格对齐选项。
- 未选中任何对象时:显示全局搜索和筛选选项。
二、完整操作流程:从创建到导出
1. 创建/打开项目(看板)
操作步骤:
- 在左侧边栏,点击“看板”部分下方的
+按钮,或使用快捷键Command + N。 - 在弹出的窗口中,为新看板命名(例如“移动端UI灵感”),并可选填描述。
- 点击“创建”,一个新的空白看板将在主工作区打开。
- 若要打开已有看板,只需在左侧边栏的“看板”列表中单击其名称即可。
2. 收集与导入素材
操作步骤:
方法A:从浏览器拖拽(推荐)
- 使用 Safari 或 Chrome 浏览设计网站(如 Dribbble, Behance)。
- 直接将网页上的图片拖拽到 References.Design 的看板工作区或资料库窗口中。
- 软件会自动抓取图片及其来源URL。
方法B:从本地导入
- 在看板或资料库视图中,点击工具栏的“添加”按钮(图标为“+”),选择“导入文件…”。
- 或直接使用快捷键
Command + I,从访达中选择图片文件。 - 或将本地文件直接拖入软件窗口。
方法C:添加颜色与文本
- 点击工具栏的“颜色滴管”工具(或按
Control + C),可在屏幕任意位置取色并添加为色卡到看板。 - 点击工具栏的“文本”工具(或按
Control + T),在看板中点击即可添加文字笔记。
3. 整理与组织素材
操作步骤:
- 在看板中操作:单击选中素材,可自由拖动位置。使用双指在触控板上 pinch 或使用滚轮缩放画布视图。拖拽素材角落的控制点调整其大小。
- 添加批注:双击任何图像或色卡,可以输入您的想法或备注。选中素材后,在右侧检查器的“注释”栏中输入更详细的说明。
- 分组与对齐:按住
Command键单击多选素材,在右键菜单或“排列”菜单中选择“成组”(Command + G)。利用顶部工具栏的对齐工具(左对齐、水平居中、等间距等)快速整理布局。 - 添加标签:在资料库或看板中选中一个或多个素材,在右侧检查器的“标签”字段中输入标签名(如“暗黑模式”、“按钮”),按回车添加。多个标签用逗号分隔。
4. 导出与分享
操作步骤:
- 确保您位于想要导出的看板视图。
- 点击菜单栏的“文件” -> “导出看板…”,或使用快捷键
Command + E。 - 在弹出窗口中:
- 选择导出格式:PNG、JPEG 或 PDF。
- 设置分辨率(适用于PNG/JPEG)或页面尺寸(适用于PDF)。
- 选择是否包含背景、注释。
- 指定导出文件的存储路径。
- 点击“导出”,即可生成一个包含当前看板所有视觉布局的独立文件。
三、常用功能进阶技巧
- 快速搜索与筛选:在任何视图下,使用快捷键
Command + F调出全局搜索框。您可以输入文件名、标签名甚至图片中的视觉内容关键词进行搜索。在右侧检查器可使用多个标签组合筛选。 - 参考线和对齐网格:在看板中,从标尺(可在“视图”菜单中开启)拖拽可创建自定义参考线。在“视图”->“显示网格”和“对齐到网格”可以帮助您实现精准对齐。
- 批量操作:在资料库中,使用
Command + A全选,或按住Command点选多个素材,然后可以一次性为它们添加相同的标签、移动到特定看板或删除。 - 演示模式:在进行设计评审或展示时,可以进入“视图”->“进入演示模式”(
Control + Command + F),软件将全屏显示当前看板,隐藏所有界面UI,让观众聚焦于视觉内容本身。
四、常见问题与解决方案
Q1: 从浏览器拖拽图片到软件时没有反应?
A: 请确保您拖拽的是图片本身(通常将鼠标悬停在图片上稍等,会出现可拖拽的图标),而非网页链接。某些受保护的网站可能禁止直接拖拽,此时建议使用截图(Shift + Command + 4)后粘贴(Command + V)到看板中。
Q2: 软件运行缓慢或看板卡顿?
A: 如果单个看板内放置了数百张高分辨率图片,可能会影响性能。建议:
- 将大型项目拆分为多个主题看板。
- 定期清理“资料库”中不再使用的素材。
- 在“References.Design” -> “偏好设置”中,检查并限制软件可使用的内存。
Q3: 如何找回误删除的素材或看板?
A: 所有删除的素材和看板会先进入左侧边栏的“回收站”。您可以在此处右键点击项目选择“恢复”。清空回收站后数据将永久删除。
Q4: 标签系统混乱,如何有效管理?
A: 建立一套统一的标签命名规范(例如:按项目前缀、按设计元素、按风格)。可以利用颜色标签(如果支持)或层级标签(如“颜色/主色”、“颜色/辅助色”)来分类。定期在资料库的“所有标签”视图中合并重复或近义的标签。
五、Mac版快捷键汇总表
| 功能分类 | 操作描述 | 快捷键 (Mac) |
|---|---|---|
| 文件操作 | 新建看板 | Command + N |
| 打开看板 | Command + O |
|
| 保存当前看板 | Command + S |
|
| 导出当前看板 | Command + E |
|
| 导入文件 | Command + I |
|
| 编辑操作 | 撤销 | Command + Z |
| 重做 | Command + Shift + Z |
|
| 复制选中项 | Command + C |
|
| 粘贴 | Command + V |
|
| 删除选中项 | Delete 或 Command + Delete |
|
| 全选 | Command + A |
|
| 将选中项成组 | Command + G |
|
| 取消编组 | Command + Shift + G |
|
| 视图与导航 | 放大看板 | Command + + |
| 缩小看板 | Command + - |
|
| 适应窗口大小 | Command + 0 |
|
| 实际大小 | Command + 1 |
|
| 切换演示模式 | Control + Command + F |
|
| 显示/隐藏网格 | Control + Command + ' |
|
| 工具与功能 | 激活屏幕取色器 | Control + C |
| 添加文本笔记 | Control + T |
|
| 全局搜索 | Command + F |
|
| 显示/隐藏右侧检查器 | Command + Option + I |
|
| 显示/隐藏左侧边栏 | Command + Option + S |
提示: 以上部分快捷键可能因软件版本更新而略有调整。您可以在软件内的“帮助”菜单或“偏好设置”中的“键盘快捷键”部分查看和自定义最准确的快捷键列表。








