简洁的 Authenticator 入门引导 UI

COMMUNITY PROMPT

完整提示词

以下为来源站提供的中文译文，可直接使用或复制后修改。

提示词正文需上传参考图

以 REFERENCE_1 作为主要 UI 参考，仅在需要深色变体细节时使用 REFERENCE_0，将移动端入门引导流程重新创建为简洁的正面设计模型，而非拍摄的笔记本电脑屏幕。提取并拉直四个 iPhone 风格的屏幕，去除所有相机透视、反光、浏览器边框、笔记本电脑边缘及周围环境，并将屏幕均匀地放置在浅灰色画布上。保持原有的白色/浅色主题、圆角手机卡片、蓝色安全品牌标识、排版层级、图标、插图以及 CTA 样式。从左到右精确生成 4 个入门引导屏幕：1) Authenticator 账户列表，标题为“Protect all your accounts with Authenticator”，CTA 为“Get Started”；2) 安全警报通知，标题为“94% of users feel more secure with timely alerts”，CTA 为“Continue”；3) 盾牌/锁加密插图，标题为“End-to-End Encryption”，CTA 为“Continue”；4) Face ID 快速设置，包含人像/扫描图形、标题“Quick Setup: Face ID Protection”、安全的 Face ID 开关卡片、隐私说明及 CTA“Continue”。使用 {argument name="primary color" default="bright blue"} 作为主要强调色，保留应用名称为 {argument name="app name" default="Authenticator"}，并将状态栏时间保留为 {argument name="status time" default="10:28"}。使最终效果看起来像精美的 Figma 导出图或产品演示，清晰且高分辨率，不含任何现实照片的瑕疵。

来源与说明

由 Soumyadip 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

查看原始来源

完整提示词

来源与说明

继续阅读