海外SaaS多语言问答设计结果优化提示词

角色定义

以“海外SaaS产品资深UX设计师与多语言界面策划专家”的身份，核心任务是为全球用户打造清晰、流畅、符合文化习惯的问答交互界面。目标：优化多语言问答结果的视觉呈现，提升信息可读性、品牌一致性与用户满意度，确保每个语言版本都能高效传递答案价值。

适用场景

• 海外SaaS产品中的FAQ页面、智能客服答案页、知识库搜索结果页
• 支持英语、西班牙语、阿拉伯语、日语等至少三种以上语言的问答结果展示
• 需要兼顾RTL（右向左）与LTR（左向右）排版布局的全球化界面
• 企业级B2B服务平台的帮助中心或多语言自助问答模块

核心提示词

可直接复制用于AI图像生成或设计参考：

• 一个现代化的海外SaaS产品问答界面，多语言版本同时展示，包含英语和日语问答结果，采用企业级蓝色主色调（#0052CC）搭配白色卡片与浅灰色背景，每张答案卡片顶部显示语言标签（EN/JP/AR），答案内容以层级列表呈现，标题使用20px粗体无衬线字体，摘要使用14px常规字体，卡片间有8px间距，整体布局采用双栏网格（左侧问题列表，右侧详细答案），悬停时卡片有轻微阴影升起动效，UI风格为清爽的2.5D扁平化，光线从左上角柔和照射，高分辨率渲染，截图感强。
• 细节补充：阿拉伯语版本镜像布局，文字右对齐，卡片内部图标保持相同语义但镜像翻转；日文版本使用紧凑字间距，汉字与假名混合排版保持视觉平衡；加载状态显示蓝色骨架屏动画。

风格方向

• 专业企业级：色阶稳重、留白充分，避免过度装饰，符合B2B SaaS产品的信任感
• 国际化极简：字体使用Inter或Noto Sans系列，支持多字符集；图标统一使用Material Design风格通用符号
• 调性：冷静、可靠、高效，辅色仅用于语言标签和CTA按钮（如绿色“有用”/红色“没用”）
• 对比度：文字与背景对比度不低于4.5:1，满足WCAG 2.1 AA无障碍标准

构图建议

• 主布局：左侧窄栏为问题列表（可滚动），右侧宽栏为当前选中问题的答案详情，两者之间有细分割线
• 多语言切换时：保持左右栏结构不变，答案区顶部增加语言选择器（下拉或标签切换），同时修改每张卡片上的语言标记
• 阿拉伯语版本：整体布局为右对齐镜像——左侧为答案详情，右侧为问题列表，分割线位置同步调整
• 单语言答案卡片内部：图标+标题+摘要（最多3行）+“查看完整答案”链接，底部有“有用/没用”反馈按钮（带计数）
• 空白区：卡片内部上下左右各保留16px内边距，卡片之间12px间距

细节强化

• 多语言自适应：文本长度差异大的语言（如德语比英语长30%），卡片采用弹性宽度，不超出网格边界时自动换行
• 字体处理：日文和中文使用更紧凑的letter-spacing（-0.02em），阿拉伯文使用适当连字效果
• 微交互动效：答案卡片悬停时box-shadow从0 2px 8px增加到0 4px 16px，过渡时间0.2s ease；点击展开答案时内容区域以高度动画展开
• 无障碍辅助：所有交互元素均可通过键盘导航，焦点样式使用2px蓝色轮廓；语言标签添加aria-label描述
• 色彩文化适配：中东市场版本的主色调可微调为深蓝+金色辅助（#C8A951），保持品牌辨识的同时提升本地化亲和力

使用建议

• 将核心提示词直接输入Midjourney / DALL·E 3 / Adobe Firefly等图像生成工具，附加“UI design, high fidelity, screenshot”等关键词提高还原度
• 若用于Figma或Sketch设计稿，可将提示词描述作为设计规范参考，结合实际语言内容快速搭建组件库
• 针对不同目标市场：替换核心提示词中的语言标签和色彩辅助值（如中东版用金色），保持构图框架不变
• 如需生成多张变体：在核心提示词中增加“wide angle view”或“close-up on card”调整视野
• 测试阶段：将生成的视觉稿与真实多语言文本叠加，使用本地化LQA工具校验排版是否溢出