- 第 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>
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
重新生成
- 运行
./fetch.sh。系统图标来自 App Store 公开查询接口(中国区),壁纸来自 iClarified 转载的官方壁纸。 - 放入机身。机身来自 Apple 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/。 - 运行
./build.sh。换机型时只要替换apple/bezel.png,屏幕位置会重新量;但图标排版是按 402pt 屏宽调的,换成屏宽差别大的机型要检查一下。
使用限制
- Apple Design Resources 许可只允许把机身用于只运行在 Apple 系统上的软件的界面效果图;把效果图交给别人时,要让对方知道这些限制,也不能把素材抠出来单独使用。标博士目前是桌面 Web 产品,这张图只作为应用图标的示意。手册如果要对外发布,先确认这一点,或者把手机换回自绘的示意机身。
- 系统图标和壁纸的版权归 Apple,只作为示意,不用于宣传物料。
- 日历图标上的星期是英文「Tue」:App Store 只提供这一版,真机在中文系统上会显示「星期二」。