Files
bid-doctor/docs/design/vi/mockup/README.md
YANG JIANKUAN 9aff7c499c docs(vi): 应用图标页改为 iPhone 18 Pro 主屏幕模拟
- 第 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>
2026-11-03 10:10:59 +08:00

2.1 KiB
Raw Blame History

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 的 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 只提供这一版,真机在中文系统上会显示「星期二」。