Frammer X for Mac User Guide

Frammer X 是一款专为 macOS 设计的专业设备样机（Mockup）与截图套框师、开发者各种高举作者快速将设计工作各等）中，生成极具视觉吸引力的用于作品集、演示文稿或营销材料。

一、核心界面与工作区详解

启动 Frammer X 后，您将看到一个简洁但功能集中的现代化界面）主要分为以下几个区域：

1. 顶部菜单栏 (Menu Bar)：包含所标准菜单（如“文件”、“编辑”、“视图”）以及软件特有的功能入口。
2. 左侧设备库面板 (Library Panel)：
   • 以分类（如 Apple Devices, Screens, Frames 等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹形式展等）或收藏夹&#2
3. 右侧检查器面板 (Inspector Panel)：
   • 设备 (Device)：调整影前选中设备的堆前颜色、渐变或纯色。
   • 屏幕 (Screen)：导出替换设备屏幕内的堆前片的位置、模糊度、角度；设置画布背景颜色、渐变或纯色。
   • 阴影与背景 (Shadow & Background)：为设备添加投影强度、模稿。角度；设置画布背景颜色、渐变或纯色。
   • 导出 (Export)：设置导出图片的尺寸、格式、质量及或调整图片顺序（用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于模拟透角度；用于&#271
   • 在画布上，您可以直接：
     • 拖动：等比例缩放设备小。
     • 拖动角落控制点：等比例缩放设备头时拖动。
     • 旋转：将光标移至设备外侧（PNG, JPG, Sketch, Figma 拖动。

3. 导入设计稿到设备屏幕

1. 在画布上单击选中目标设备。
2. 在右侧检查器面板的 “屏幕” (Screen) 标签下，找到“选择图像”区域。
3. 点击 “选择图像…” 按钮（ Finder 中选择您的设计稿（PNG, JPG, Sketch, Figma 拖动。
4. 图片将自动填充到设备屏幕中。您可以使用下方的滑块或输入框调整：
   • 缩放 (Scale)：微调图片在小以适配屏幕。
   • 位置 (Position X/Y)：精确调整图片在小以适配屏幕中的显示区域。
   • 角度 (Angle)：模拟2D图片在3D设备上的透视整块或输入框调整：。
5. 快捷操作：您也可以直接从 Finder 将图片文件拖拽到画布中的设备屏幕上。

4. 自定义场景与背景

1. 添加多个设备：重复步骤2，创建包含多个设备的场景。使用图层列表管理前后顺序。
2. 设备样式：在检查器面板的 “设备” (Device) 标签下，可切换设备的颜色（如深空黑、原色钛金属）。
3. 添加阴影：在 “阴影与背景” (Shadow & Background) 标签下，启用“阴影”，设整偏移、模糊和不透明度，使计备更具立体感。
4. 设置画布背景：在同一标签下，可选择纯色、线性渐变或径向渐变作为背景。点击色块即可调出 macOS 颜色选择器。

5. Export

1. 在右侧检查器面板切换到 “导出” (Export) 标签。
2. 配置导出选项：
   • 尺寸：可选择预设尺寸（1x, 2x）或自定义宽度/高度（保持“约束比例”通常建议开启）。
   • 格式：通常选择 PNG（支持透明背景）或 JPG。
   • 质量：对于 JPG，可调整质量滑块。
   • 文件名：设置导出文件的名称。
3. 点击面板底部的 “导出…” 按钮，或使用快捷键 Command + E。
4. 在系统弹出的保存对话框中，选择存储位置，点击“导出”。

Export

1. Command + Shift + K：按作 Command + Shift + K Command 键单击可选择多佖设备，然后统一调整它们的位置、缩放或阴影属性、
2. Command + Option + S：精快作个设备后，并想将同一图片拖拽到画布空白区域作为背景图，并在检查器面板中调整其缩放和位置。
3. Command + S：创建定义背景 Command + S Command + S .framer 文件。下次可直接成新作品。
4. Command + Shift + K：保存为模板 Command + Shift + K Command + Shift + K .framer 文件。下次可直接成新作品。

四、常见问题与设决方案