社区案例日语人格设置 UI生成一个简洁的日语 SaaS 入门界面,用于自定义沟通语气和关系设置。yossy🐾 · 2026-07-08 · 约 3 分钟社区作者发布的参考画面 · yossy🐾编辑提示词完整提示词目标:创建一个简洁的日语 Web 应用入门/设置界面(步骤 2),展示对所选沟通人格或关系类型的微调。 画布:16:9 桌面截图,白色至极浅灰色背景,居中内容列宽约 720 px,留白充裕,柔和阴影,圆角卡片,极简 SaaS UI 风格。 页眉:在顶部居中位置,显示一个蓝色小圆徽标,内含数字“2”,后接标签「相手タイプの微调整」。下方放置加粗的日语标题:「选んだ人格を、あなたらしく整えましょう」。标题下方添加较小的灰色副标题:「おすすめ设定が用意されています。こだわりたいところだけ调整しても、そのまま进んでも大丈夫です。」 主要布局:垂直堆叠 4 个手风琴卡片。每个卡片左侧带有图标、加粗的日语标题、较小的灰色描述,右侧带有箭头。4 个卡片分别为:1) 折叠状态,人物图标,标题「友だち・家族」,描述「気心の知れた相手とのカジュアルなやり取り」,向下箭头;2) 折叠状态,建筑图标,标题「社内(メンバー)」,描述「チームメンバーや同僚とのやり取り」,向下箭头;3) 展开状态(选中),蓝色高亮用户图标,标题「社内(上司・别チーム)」,描述「上司や他部署のメンバーとのやり取り」,向上箭头;4) 折叠状态,公文包图标,标题「社外・取引先」,描述「取引先やビジネスパートナーとのやり取り」,向下箭头。 展开卡片详情:在第三个卡片内,创建 6 行设置项,左侧为日语标签,右侧为分段式胶囊控件。第 1 行标签「敬体」,包含 4 个选项:「タメ口」、「砕けた敬语」、选中「丁寧敬语」、「ビジネス敬语」。第 2 行标签「相手の呼び方」,包含 4 个选项:选中「〜さん」、「〜様」、「あだ名・呼び捨て」、「宛名なし」。第 3 行标签「絵文字」,包含 4 个选项:「なし」、选中「たまに」、「よく」、「相手に合わせる」。第 4 行标签「!?の量」,包含 4 个选项:「使わない」、选中「たまに」、「よく」、「相手に合わせる」。第 5 行标签「書き出し&缔め」,包含 4 个选项:「なし」、「定型」、选中「名乗る」、「相手に合わせる」。第 6 行标签「よく使う絵文字の手札」,显示 9 个小方形表情符号按钮,后接一个加号:选中笑脸、点赞、闪光、汗滴、双心、眼睛、举手、礼花、思考表情,最后是“+”。 页脚:在手风琴堆叠下方,居中放置一个醒目的圆角蓝色渐变主按钮,文字为白色「これで作る」。 视觉风格:清爽的现代日语产品 UI,细浅灰色边框,微妙的卡片阴影,选中控件和激活图标背景使用蓝色强调色,黑色/深蓝色标题,灰色辅助文本。保持构图对称且宽敞。无浏览器边框,无水印,无额外文字。使用 {argument name="accent color" default="bright blue"} 作为激活选中颜色,并确保所有可见 UI 文本均为日语。复制提示词带入创作工作台恢复默认仅带入描述,不会自动生成。参考图与编辑模式请先上传或选中原图。来源与说明由 yossy🐾 发布,经 YouMind 收录。提示词与图片权利归原作者及相应平台。此案例需要参考图片,请在创作工作台中上传后再使用。查看原始来源 ↗ · 作者主页使用示例 →把这个思路,变成下一次创作。在 RonasAI 中开始创作 ↗