网页设计流Prompt 示例

Hybrid 混合工作流 进阶应用 (Intermediate) ⚡ 快速输出网页设计概念稿,实现高效的MVP 演示测试
本工作流专为外贸 B2B 制造业(如高精尖设备、工业新材料、定制化轻工业)出海打造。通过“大模型解构需求 → 生成具有极高说服力的销售力文案 → 映射为 Modern Editorial 极简主义网格布局 → 最终利用生图模型渲染视觉氛围”的闭环,帮助团队快速产出符合欧美审美、兼具高转化率的外贸网站首页原型与视觉概念。
01

原始需求解构与买家角色(Persona)画像分析

⚙️ GPT-4o 引擎
输入:客户提供的零散工厂资料、产品基础画册及目标出口国(如北美/西欧)。
输出:结构化的 B2B 买家决策画像(关注点:质量认证、供应链稳定性、OEM/ODM能力)与首页核心行动点(CTA)定义。
配套 Prompt 指令
# Role & Goal
你是一位精通全球 B2B 跨境贸易的资深数字化营销专家。你的任务是将用户提供的粗糙工厂资料,转化为精准的欧美 B2B 买家画像及建站核心策略。

# Input Data
- 工厂/产品基础信息:{{factory_raw_info}}
- 目标市场:{{target_market}}

# Constraints
1. 必须聚焦 B2B 制造业的核心痛点:信任背书(Trust)、定制能力(Flexibility)、交付周期(Lead Time)。
2. 严禁流于通俗的 B2C 描述,文字需具备极高的商务专业度。

# Output Format (JSON)
请严格输出如下格式:
{
  "target_persona": "核心决策者画像及痛点分析",
  "value_proposition": "核心价值主张(一句打动买家的话)",
  "primary_cta": "首要行动点设计(如:Get a Quote / Request Factory Tour)"
}
02

首页 Modern Editorial 模块化文案与信息架构策划

⚙️ Claude 3.5 Sonnet
输入:接收 Step 01 输出的买家画像与核心 CTA。
输出:符合“瑞士风格/现代社论”的高级感外贸首页五大核心区块文案,严禁使用 Lorem Ipsum 占位符。
配套 Prompt 指令
# Role & Goal
你是一位精通工业品牌叙事的资深英文文案总监。你需要基于前序步骤的数据,为 B2B 制造企业策划具有“高级社论感(Modern Editorial)”的英文网站首页内容。

# Input Data
- 核心买家策略 JSON:{{step1_output_json}}

# Workflow & Content Blocks
请为以下 5 个首页核心区块编写纯正、地道的工业出海文案:
1. **Hero Section (头部)**:强烈的标语,彰显行业领导力。
2. **Trust Anchors (信任锚)**:精简展现核心数据(如 20+ Years, 50+ Patents)。
3. **Core Capabilities (核心能力网格)**:多列展示 OEM/ODM 与现代化车间实力。
4. **Featured Products (拳头产品)**:产品画册式的叙事文案。
5. **Footer / CTA (页脚)**:促使批发商/采购商发起询盘。

# Constraints
- 风格:Minimalist & Swiss Style。措辞利落,多用动词,少用修饰词。
- 必须输出纯正的工业英语(Industrial English)。

# Output Format
以 Markdown 格式输出 `Content-Brief.md`,每个区块需包含:[Block Title], [Headline], [Sub-headline], [Button Text]。

By : TiHUBB
交付物/输出成果参考
03

响应式网格布局逻辑(Ti-GRID)与低保真映射

⚙️ 人类专家干预 / 评审
执行说明:本节点为 Human-in-the-loop(人工干预)。设计师根据 Step 02 生成的文案,在 Figma 中调用 Ti-GRID 5.0 原型积木组件包。

规范:采用强网格(Strong Grid)对齐、大留白,将文案无缝填入对应的多栏容器中。Hero 区域采用 1/2 左文右图或大字重单栏通栏布局。
04

高奢工业质感视觉生成与氛围渲染

⚙️ Midjourney
输入:针对网页所需配图的文字描述。

输出:生成符合现代高端制造业审美、带有冷调工业感的视觉概念图与 Hero 背景意向图。
配套 Prompt 指令
# Role & Goal
你是一位顶级工业摄影师与网页视觉艺术家。你需要为 Modern Editorial 风格的外贸首页生成高奢质感的主视觉配图。

# Prompts for Midjourney
请直接复制以下经过工程调优的提示词至 Midjourney 运行:

**Prompt 1 (Hero 背景/高精尖氛围):**
 Advanced automated manufacturing line, precise robotic arms with amber laser indicators, dramatic overhead cinematic lighting, clean industrial minimalist laboratory environment, Hasselblad photography, neutral metallic color palette with subtle neon orange accents, sharp focus, hyper-realistic, 8k --ar 16:9 --style raw --v 6.0

**Prompt 2 (厂房/信任感表现):**
 Architectural photography of a modern smart factory exterior, concrete and massive glass facades, architectural minimalism, Swiss design style vibe, overcast moody dramatic sky, clean reflection, soft natural light, cinematic composition --ar 16:10 --stylize 250

其他推荐技能 & 工作流

WhatsApp Us

Product Inquiry

ID: #

We usually respond within 24 hours.

Message Sent!

Our team will contact you shortly.

TiHUBB WeChat

添加专属架构师微信

我们通常会在 24 小时内回复。

信息已发送!

我们的团队会尽快与您联系。