照片是主角
首页围绕照片选择组织,结果页围绕海报观看组织。装饰和操作区都要让位给照片与成片。
Target-state design system · iOS UIKit implementation map
这套 HTML 是目标态高保真蓝图,可以领先当前 App 实现,但每个页面必须能映射回真实 iOS 页面、组件和 DesignSystem token。它用于指导 App UI 重做,不是当前 UIKit 的被动截图。
首页围绕照片选择组织,结果页围绕海报观看组织。装饰和操作区都要让位给照片与成片。
不要把比例、倾向和生成按钮一次摊开。先引导选照片,照片足够后再出现比例选择,然后交给系统处理。
用户看到结果后再换模板、重选照片;已用/未用数量直接进入单张取舍,不再额外占一个按钮。
用更具象的审美助手承载短反馈。形象可以灵动,但不是聊天入口,也不抢照片主视觉。
Embedded page restoration · Tap for detail
这里直接嵌入每个关键页面的手机还原。桌面端适合横向对照页面关系,手机端按完整流程纵向浏览;需要看 UIKit 落点和规则时,再打开详情页。
Design to UIKit
颜色、字体、间距、圆角和阴影从 shared/tokens.css 读取,再映射到 UIColor.App、UIFont.App、AppSpacing、AppRadius。
蓝图表达目标态体验,但每页必须写明未来 UIKit 落点。没有代码落点的视觉想法不能进入页面蓝图。
一个页面可以有多个状态区块,但每个状态必须对应真实产品状态,比如空态、生成中、失败、候选切换或抽屉展开。