9aff7c499c
- 第 22 页右栏换成 iPhone 18 Pro 主屏幕效果图（黑色机身、Black 壁纸、4 行图标，第四行为股市和标博士），旁边是 Apple 连续曲率圆角裁切的两个尺寸图标；邮件签名移到左栏 - 新增 vi/mockup/：iphone-home.html 排版，fetch.sh 获取系统图标和壁纸，build.sh 量机身、生成遮罩并按 3 倍截图 - Apple 素材（机身、壁纸、系统图标）版权归 Apple，放在 mockup/apple/ 不进 git；机身需本人同意 Apple Design Resources 许可后手动放入，使用限制见 mockup/README.md - 重新导出 VI 手册 PDF Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
21 lines
2.1 KiB
Markdown
21 lines
2.1 KiB
Markdown
# iPhone 桌面模拟
|
||
|
||
VI 手册第 22 页「应用图标」用的 iPhone 主屏幕效果图：iPhone 18 Pro 黑色机身、iPhone 18 Pro 官方壁纸 Black（深色、干净，不和印章红冲突）、iOS 系统应用图标。只放 4 行图标，第四行只有股市和「标博士」两个，下半屏留空。
|
||
|
||
- `iphone-home.html`：主屏幕排版（按 iPhone 18 Pro 屏幕 402×874pt，1 CSS px = 1pt）
|
||
- `fetch.sh`：下载系统图标和壁纸到 `apple/`
|
||
- `build.sh`：从机身 PNG 量出屏幕位置，生成屏幕遮罩和 `apple/geometry.css`，再用 Chrome 无头模式按 3 倍截图成 `apple/iphone-home.png`（透明背景），手册引用这张图
|
||
- `apple/`：Apple 的素材和生成结果，**版权归 Apple，不进 git**
|
||
|
||
## 重新生成
|
||
|
||
1. 运行 `./fetch.sh`。系统图标来自 App Store 公开查询接口（中国区），壁纸来自 iClarified 转载的官方壁纸。
|
||
2. 放入机身。机身来自 [Apple Design Resources](https://developer.apple.com/design/resources/) 的 iPhone 18 Product Bezels（`Bezel-iPhone-18.dmg`）。打开 DMG 前要**由本人阅读并同意** Apple Design Resources 许可协议，不要用脚本自动同意。打开后把 `PNG/iPhone 18 Pro/iPhone 18 Pro - Black - Portrait.png` 复制为 `apple/bezel.png`，许可文件 `Apple Design Resources License.rtf` 也一起放进 `apple/`。
|
||
3. 运行 `./build.sh`。换机型时只要替换 `apple/bezel.png`，屏幕位置会重新量；但图标排版是按 402pt 屏宽调的，换成屏宽差别大的机型要检查一下。
|
||
|
||
## 使用限制
|
||
|
||
- Apple Design Resources 许可只允许把机身用于**只运行在 Apple 系统上的软件**的界面效果图；把效果图交给别人时，要让对方知道这些限制，也不能把素材抠出来单独使用。标博士目前是桌面 Web 产品，这张图只作为应用图标的示意。手册如果要对外发布，先确认这一点，或者把手机换回自绘的示意机身。
|
||
- 系统图标和壁纸的版权归 Apple，只作为示意，不用于宣传物料。
|
||
- 日历图标上的星期是英文「Tue」：App Store 只提供这一版，真机在中文系统上会显示「星期二」。
|