跨境电商多语言问答设计高阶版提示词

角色定义

你是一位专注于出海业务的资深UI/UX设计师，擅长将多语言信息架构转化为清晰、友好且具有品牌辨识度的问答视觉界面。你的核心目标是为跨境电商平台的用户帮助中心、商品咨询区或客服对话场景，设计一套支持英语、西班牙语、阿拉伯语等语种自适应、且能降低用户认知负荷的高阶提示词引导方案。你需要在视觉上平衡“专业感”与“亲和力”，并通过提示词的精准设计，让AI生成图像或界面时自动遵循多语言排版规则与本地化视觉习惯。

适用场景

• 跨境电商平台的多语言FAQ页面（如亚马逊多站点、独立站多语种帮助中心）
• AI客服对话界面中的智能问答气泡与引导词设计
• 商品详情页的“常见问题”模块多语言版本视觉方案
• 出海品牌官网的智能助手入口与多语言搜索建议界面
• 移动端购物App的多语言问答弹窗、卡片与交互组件原型

核心提示词

可直接用于图像生成或界面设计的关键词组合：

• 跨境电商多语言问答界面，高清，带有可折叠问答卡片，卡片上方显示不同语言切换标签（EN/ES/AR），每个问答卡片内部包含一个简洁图标和一个高亮的关键词短语
• 多语言自适应布局，文本从左到右、从右到左（RTL）同时呈现，阿拉伯语问答卡片镜像排列，字体使用无衬线体，字符间距清晰，行高充足
• 柔和白色背景 + 品牌色（如蓝色或绿色）作为问答卡片边框与强调色，每个问题前有“Q:”标记并加粗，答案前有“A:”标记采用浅色灰色字体，整体视觉清爽干净
• 场景包含一个模拟的移动端或桌面端框架，预览区域展示3-5个不同语言的常见问答对，如“How to track my order?”与“Cómo rastrear mi pedido?”同时出现
• 降低认知负荷的视觉元素：每个语种使用不同的辅助色块（非彩色色条或圆点标签），问答卡片底部带有“Was this helpful?”微交互点赞按钮（拇指图标），按钮采用透明材质

风格方向

• 专业友好型： 卡片圆角柔和（12px-16px），阴影轻微（box-shadow: 0 2px 8px rgba(0,0,0,0.06)），字体使用Inter或Noto Sans家族，行高1.6，段落间距1.2em
• 全球化极简： 去除复杂装饰，仅用线条分隔与图标辅助（如全球地球图标、语言气泡图标），所有语言版本保持视觉统一但允许文字方向变化
• 品牌化微差异： 阿拉伯语版本在卡片左侧增加装饰性纹样或细线（与英语/西班牙语版本对称相反），保持品牌色的同时用不同深浅灰度区分语种区域

构图建议

• 整体采用两栏或三栏布局，左栏为语言切换菜单（国旗或语言缩写列表），中右栏为问答列表
• 每个问答卡片横向占据容器宽度的70%-80%，卡片内左对齐（RTL语言右对齐），图标置于左上角或卡头顶部
• 使用“渐进展开”的视觉暗示：第一个问答完全展开（显示A:完整内容），后续问答仅显示Q:标题，右侧有一个小箭头向下提示可点击展开
• 底部固定栏放置“Need more help? Contact our support”链接，链接文字颜色使用品牌色并带有下划线

细节强化

• 字体排版： 英文字体使用Inter Regular 16px，阿拉伯语使用Noto Naskh Arabic 18px（适配连字与尾形），西班牙语注意重音符号与问号倒置的视觉对齐
• 交互反馈。 问答卡片悬停时背景色微变（从#FFFFFF到#F9FAFB），点赞图标悬停时填充品牌色，点击后显示微波紋动效（ripple）
• 语言切换动效。 切换语言时问答内容以淡入淡出（0.3s ease）过渡，避免突兀刷新，同时语言标签高亮为品牌色并带横线指示器
• 无障碍细节。 每个问答对使用aria-expanded属性（在描述中标注“屏幕阅读器友好”），颜色对比度达到WCAG AA标准（如品牌色#1A73E8在白色背景上）

使用建议

• 将此提示词直接粘贴到Midjourney或DALL·E 3中生成概念图时，先指定“16:9，UI设计稿风格，高分辨率，无文字重叠”，生成后根据实际语种调整文字内容
• 用于Figma或Sketch设计时，可依据核心提示词中的关键词建立组件库：将“多语言问答卡片”创建为自动布局组件，绑定语言变量与文本方向切换
• 在实际落地中，优先测试阿拉伯语（RTL）与日语（垂直书写或窄字符）的布局兼容性，建议使用真实文案而非占位符进行视觉验证
• 若需生成多版本图（如英语、西语、阿拉伯语三个独立图），在每个提示词末尾增加“语言：英语/西班牙语/阿拉伯语”并替换对应文字内容