# GPT Image Hub prompt

## 日式沟通人设设置UI界面
- URL: https://www.gptimagehub.com/zh-CN/library/japanese-communication-persona-settings-ui
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-28036
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fjapanese-communication-persona-settings-ui
- Category: UI / UX 设计
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui设计, saas界面, 日式ui, 设置界面, 手风琴组件, 网页应用, 新手引导
- Updated: 2026-10-27T15:53:03.098Z
- Created: 2026-10-27T15:53:03.098Z

生成用于自定义沟通语气和关系设定的日式SaaS新手引导界面。可修改折叠面板状态、文案或强调色以适配设计系统。

### Full prompt
```text
精致的日式Web应用新手引导与设置界面（第2步），展示选定沟通风格与关系类型的微调。16:9桌面端UI截图，白色至浅灰色背景，中央内容区域宽约720px，边距宽裕，柔和投影，圆角卡片，极简SaaS UI设计风格。

头部：顶部居中显示带有数字“2”的圆形小徽标及标签「相手タイプの微調整」。其下方为加粗的日语主标题：「選んだ人格を、あなたらしく整えましょう」。标题下方为较小的灰色副标题：「おすすめ設定が用意されています。こだわりたいところだけ調整しても、そのまま進んでも大丈夫です。」

主要布局：垂直排列正好4张手风琴折叠卡片，带有细浅灰边框和圆角。每张卡片包含左侧线条图标、加粗日语标题、较小灰色说明文字和右侧箭头：
1) 折叠卡片：人物图标，标题「友だち・家族」，描述「気心の知れた相手とのカジュアルなやり取り」，向下箭头。
2) 折叠卡片：建筑图标，标题「社内（メンバー）」，描述「チームメンバーや同僚とのやり取り」，向下箭头。
3) 展开状态卡片：[明亮的蓝色]高亮用户图标，标题「社内（上司・別チーム）」，描述「上司や他部署のメンバーとのやり取り」，向上箭头。
4) 折叠卡片：公文包图标，标题「社外・取引先」，描述「取引先やビジネスパートナーとのやり取り」，向下箭头。

展开卡片详情：在第3张卡片内部，包含正好6行设置项，左侧为日语标签，右侧为胶囊分段单选按钮：
- 第1行：「敬体」，选项包含「タメ口」、「砕けた敬語」、[明亮的蓝色]选中的「丁寧敬語」、「ビジネス敬語」。
- 第2行：「相手の呼び方」，选项包含[明亮的蓝色]选中的「〜さん」、「〜様」、「あだ名・呼び捨て」、「宛名なし」。
- 第3行：「絵文字」，选项包含「なし」、[明亮的蓝色]选中的「たまに」、「よく」、「相手に合わせる」。
- 第4行：「！？の量」，选项包含「使わない」、[明亮的蓝色]选中的「たまに」、「よく」、「相手に合わせる」。
- 第5行：「書き出し＆締め」，选项包含「なし」、「定型」、[明亮的蓝色]选中的「名乗る」、「相手に合わせる」。
- 第6行：「よく使う絵文字の手札」，展示9个小正方形表情按钮及加号：选中的笑脸、点赞、闪光、汗滴、双心、眼睛、举起双手、礼花、思考脸，随后是“+”。

底部：在折叠面板下方居中放置醒目的圆角[明亮的蓝色]渐变主按钮，带有白色文字「これで作る」。

视觉风格：现代清晰的日本产品UI，深藏青色文字排版，微弱的卡片投影，布局对称宽敞，无浏览器边框，无水印，所有可见UI文本均为纯正日文。
```