1 / 1

睡前陪伴 App 原型设计

案列来源：nogu

App & 网页设计openai/gpt-image-2#App & 网页设计#插画#极简主义#动物 & 生物#文字 & 排版

一款 iPhone 双屏 App 原型，旨在打造治愈系的日式睡前陪伴体验，包含带翅膀的毛绒吉祥物和夜空 UI 设计。

11.8w人正在用

auto推荐尺寸

1.4w收藏人数

提示词模板

目标：创建一个精致的移动端 App 原型模型，展示两台并排的 iPhone 屏幕，呈现一款以 {argument name="character name" default="这个孩子"} 为核心的轻柔睡前陪伴 App，采用梦幻夜空主题和可爱的毛绒守护者角色。

画布：1:1 正方形图像，纯白背景。放置 2 台黑色 iPhone 模型，左右并排，均带有圆角、灵动岛 (Dynamic Island)、状态栏和底部主屏幕指示器。使用带有细腻阴影的逼真设备边框。

视觉风格：深海军蓝到靛蓝的渐变背景，点缀细小的繁星，柔和的月光，高端日式健康 App 设计，冷静且极简。使用圆角 UI 元素、细腻的毛玻璃效果 (glassmorphism)、柔和的薰衣草色面板以及温暖的橙色强调按钮。整体氛围应感觉慵懒、温柔、安全且充满魔力。

共享角色细节：在两个屏幕中，均展示 1 个核心吉祥物：一只淡薰衣草色的泰迪熊风格幼崽，拥有圆圆的小耳朵、简单的黑眼睛、小小的微笑、柔软的毛绒质感、坐姿以及奶油色的小天使翅膀。在吉祥物周围添加柔和的光晕。每个屏幕右上角附近包含 1 个新月图标。

左侧屏幕布局：顶部状态栏显示 18:11，带有小型信号、Wi-Fi 和电池图标。左上方显示白色问候语 {argument name="greeting text" default="こんばんは"}，下方一行较小的文字显示 {argument name="sleep countdown text" default="睡眠時間 0:30"}。右上角附近包含 1 个小型圆形扬声器/音频按钮。将带翅膀的毛绒吉祥物居中放置在中上方。在其下方，添加简短的日文说明文字：“TikTok・Instagram Reels・YouTube Shorts を見ていた君が、ここで一緒に眠れるれるよ。” 底部附近放置 1 个大型圆角奶油色主按钮，标签为 {argument name="primary button text" default="この子と、夜を終える"}。在其下方，并排放置 4 个小型圆角导航按钮，每个按钮带有简单的线条图标和日文标签：1) 闪烁图标，“森”；2) 手机/矩形图标，“日々みる”；3) 新月/睡眠图标，“おやすみ”；4) 齿轮图标，“せってい”。在大型奶油色按钮的右下边缘添加 1 个悬浮的橙色圆形操作按钮。

右侧屏幕布局：顶部状态栏再次显示 18:11 和手机图标。顶部正中央包含一条短而细的薰衣草色手柄线。下方居中显示白色标题 {argument name="memory title" default="この子の思い出"}。将带翅膀的毛绒吉祥物置于标题下方，尺寸比左侧屏幕略小。将新月放在吉祥物的右上角。在吉祥物下方，添加居中的简短日文文字：“まだ思い出はないよ。今夜が、最初の一夜になるかも。” 下半部分保持大面积留白，仅有少量星光。在屏幕右下侧附近添加 1 个小型橙色悬浮圆形按钮。底部包含白色主屏幕指示器。

约束条件：使用 2 台手机屏幕，总计 2 个吉祥物，总计 2 个新月，左侧屏幕底部有 4 个导航按钮，总计 2 个橙色悬浮操作按钮。保持所有排版清晰易读，日文文本渲染整洁。不要添加额外的面板、Logo、水印或额外角色。