[{"data":1,"prerenderedAt":1294},["ShallowReactive",2],{"content-/guide/ai-generation":3,"related-guide":1262},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"schemaType":11,"author":12,"date":13,"image":14,"body":15,"_type":1256,"_id":1257,"_source":1258,"_file":1259,"_stem":1260,"_extension":1261},"/guide/ai-generation","guide",false,"","AI 页面生成教程 - 智能创建专业网页","学习如何使用 HTMLPAGE 的 AI 功能快速生成专业网页，从提示词到成品页面，体验智能化网页创建流程。","AI 网页生成, 智能建站, AI 页面设计, 自动生成网页, 提示词生成","HowTo","HTMLPAGE","2025-11-23","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":1218},"root",[18,27,33,40,46,92,98,104,110,115,142,148,153,163,182,191,204,214,227,232,237,247,252,261,269,278,286,295,303,309,315,320,363,372,395,401,406,415,498,504,509,518,526,535,543,549,554,563,586,595,618,627,645,650,655,660,669,687,696,714,723,741,746,755,778,787,805,814,832,837,842,847,880,885,894,902,911,919,928,936,941,946,964,969,974,984,993,1001,1006,1015,1023,1031,1036,1045,1053,1061,1066,1074,1079,1097,1105,1110,1128,1136,1141,1159,1164,1204,1208],{"type":19,"tag":20,"props":21,"children":23},"element","h1",{"id":22},"ai-页面生成教程",[24],{"type":25,"value":26},"text","AI 页面生成教程",{"type":19,"tag":28,"props":29,"children":30},"p",{},[31],{"type":25,"value":32},"HTMLPAGE 的 AI 功能可以根据你的需求描述，自动生成完整的专业网页。无需设计经验，几分钟内获得高质量页面。",{"type":19,"tag":34,"props":35,"children":37},"h2",{"id":36},"ai-生成流程概览",[38],{"type":25,"value":39},"AI 生成流程概览",{"type":19,"tag":41,"props":42,"children":44},"h3",{"id":43},"四个智能步骤",[45],{"type":25,"value":43},{"type":19,"tag":47,"props":48,"children":49},"ol",{},[50,62,72,82],{"type":19,"tag":51,"props":52,"children":53},"li",{},[54,60],{"type":19,"tag":55,"props":56,"children":57},"strong",{},[58],{"type":25,"value":59},"需求分析",{"type":25,"value":61},"：理解你的业务描述和目标",{"type":19,"tag":51,"props":63,"children":64},{},[65,70],{"type":19,"tag":55,"props":66,"children":67},{},[68],{"type":25,"value":69},"结构规划",{"type":25,"value":71},"：设计页面布局和信息架构",{"type":19,"tag":51,"props":73,"children":74},{},[75,80],{"type":19,"tag":55,"props":76,"children":77},{},[78],{"type":25,"value":79},"内容生成",{"type":25,"value":81},"：创建符合场景的文案内容",{"type":19,"tag":51,"props":83,"children":84},{},[85,90],{"type":19,"tag":55,"props":86,"children":87},{},[88],{"type":25,"value":89},"样式美化",{"type":25,"value":91},"：应用专业的视觉设计",{"type":19,"tag":41,"props":93,"children":95},{"id":94},"生成时间通常-2-5-分钟",[96],{"type":25,"value":97},"生成时间：通常 2-5 分钟",{"type":19,"tag":34,"props":99,"children":101},{"id":100},"如何开始-ai-生成",[102],{"type":25,"value":103},"如何开始 AI 生成",{"type":19,"tag":41,"props":105,"children":107},{"id":106},"第一步点击-ai-生成按钮",[108],{"type":25,"value":109},"第一步：点击 AI 生成按钮",{"type":19,"tag":28,"props":111,"children":112},{},[113],{"type":25,"value":114},"在 HTMLPAGE 编辑器中：",{"type":19,"tag":47,"props":116,"children":117},{},[118,130],{"type":19,"tag":51,"props":119,"children":120},{},[121,123,128],{"type":25,"value":122},"点击顶部工具栏的 ",{"type":19,"tag":55,"props":124,"children":125},{},[126],{"type":25,"value":127},"\"AI 生成页面\"",{"type":25,"value":129}," 按钮",{"type":19,"tag":51,"props":131,"children":132},{},[133,135,140],{"type":25,"value":134},"或者选择左侧面板的 ",{"type":19,"tag":55,"props":136,"children":137},{},[138],{"type":25,"value":139},"\"AI 助手\"",{"type":25,"value":141}," 标签",{"type":19,"tag":41,"props":143,"children":145},{"id":144},"第二步描述你的需求",[146],{"type":25,"value":147},"第二步：描述你的需求",{"type":19,"tag":28,"props":149,"children":150},{},[151],{"type":25,"value":152},"在提示框中详细描述你的项目：",{"type":19,"tag":28,"props":154,"children":155},{},[156,161],{"type":19,"tag":55,"props":157,"children":158},{},[159],{"type":25,"value":160},"基本信息",{"type":25,"value":162},"：",{"type":19,"tag":164,"props":165,"children":166},"ul",{},[167,172,177],{"type":19,"tag":51,"props":168,"children":169},{},[170],{"type":25,"value":171},"业务类型（SaaS 工具、电商商店、企业官网等）",{"type":19,"tag":51,"props":173,"children":174},{},[175],{"type":25,"value":176},"核心产品或服务",{"type":19,"tag":51,"props":178,"children":179},{},[180],{"type":25,"value":181},"目标用户群体",{"type":19,"tag":28,"props":183,"children":184},{},[185,190],{"type":19,"tag":55,"props":186,"children":187},{},[188],{"type":25,"value":189},"页面目标",{"type":25,"value":162},{"type":19,"tag":164,"props":192,"children":193},{},[194,199],{"type":19,"tag":51,"props":195,"children":196},{},[197],{"type":25,"value":198},"品牌宣传？产品展示？引导注册？",{"type":19,"tag":51,"props":200,"children":201},{},[202],{"type":25,"value":203},"预期用户行为（浏览、购买、联系等）",{"type":19,"tag":28,"props":205,"children":206},{},[207,212],{"type":19,"tag":55,"props":208,"children":209},{},[210],{"type":25,"value":211},"风格偏好",{"type":25,"value":213},"（可选）：",{"type":19,"tag":164,"props":215,"children":216},{},[217,222],{"type":19,"tag":51,"props":218,"children":219},{},[220],{"type":25,"value":221},"现代简约、科技感、商务专业、创意个性",{"type":19,"tag":51,"props":223,"children":224},{},[225],{"type":25,"value":226},"主色调偏好（蓝色、紫色、绿色等）",{"type":19,"tag":34,"props":228,"children":230},{"id":229},"提示词编写技巧",[231],{"type":25,"value":229},{"type":19,"tag":41,"props":233,"children":235},{"id":234},"优秀提示词结构",[236],{"type":25,"value":234},{"type":19,"tag":238,"props":239,"children":241},"pre",{"code":240},"业务描述 + 页面目标 + 具体要求\n\n示例：\n\"我们是一家专注于中小企业的云财务管理 SaaS 平台，\n主要功能包括发票管理、报表分析、税务计算。\n目标用户是中小企业老板和财务人员。\n希望创建一个产品介绍落地页，\n重点展示核心功能和价格方案，\n引导用户注册免费试用。\n风格要求商务专业，主色调使用蓝色系。\"\n",[242],{"type":19,"tag":243,"props":244,"children":245},"code",{"__ignoreMap":7},[246],{"type":25,"value":240},{"type":19,"tag":41,"props":248,"children":250},{"id":249},"详细示例",[251],{"type":25,"value":249},{"type":19,"tag":28,"props":253,"children":254},{},[255,260],{"type":19,"tag":55,"props":256,"children":257},{},[258],{"type":25,"value":259},"SaaS 数据分析平台",{"type":25,"value":162},{"type":19,"tag":238,"props":262,"children":264},{"code":263},"创建一个数据分析 SaaS 平台的落地页。\n我们的产品帮助电商企业分析销售数据、用户行为和市场趋势。\n核心功能：实时数据看板、自定义报表、预测分析、多渠道整合。\n目标用户：电商运营、数据分析师。\n页面需要包含：产品功能介绍、客户案例、价格方案、免费试用注册。\n希望体现专业性和数据可视化的科技感，使用蓝紫渐变色系。\n",[265],{"type":19,"tag":243,"props":266,"children":267},{"__ignoreMap":7},[268],{"type":25,"value":263},{"type":19,"tag":28,"props":270,"children":271},{},[272,277],{"type":19,"tag":55,"props":273,"children":274},{},[275],{"type":25,"value":276},"教育培训机构",{"type":25,"value":162},{"type":19,"tag":238,"props":279,"children":281},{"code":280},"设计一个在线编程培训机构的官网首页。\n我们提供 Web 前端、Python、Java 等编程课程。\n特色：小班教学、项目实战、就业指导。\n目标学员：大学生、转行人员、在职提升。\n页面要展示：课程体系、师资团队、学员作品、报名优惠。\n风格要求现代清新，体现学习氛围，主色调橙色系。\n",[282],{"type":19,"tag":243,"props":283,"children":284},{"__ignoreMap":7},[285],{"type":25,"value":280},{"type":19,"tag":28,"props":287,"children":288},{},[289,294],{"type":19,"tag":55,"props":290,"children":291},{},[292],{"type":25,"value":293},"电商品牌页",{"type":25,"value":162},{"type":19,"tag":238,"props":296,"children":298},{"code":297},"为一个有机护肤品牌创建商品展示页。\n产品特点：天然有机、敏感肌适用、环保包装。\n目标客户：25-40岁女性，注重健康和环保。\n页面内容：品牌故事、产品系列、成分介绍、购买链接。\n风格要求自然清新，体现绿色环保理念，使用绿色和米色。\n",[299],{"type":19,"tag":243,"props":300,"children":301},{"__ignoreMap":7},[302],{"type":25,"value":297},{"type":19,"tag":34,"props":304,"children":306},{"id":305},"ai-生成过程详解",[307],{"type":25,"value":308},"AI 生成过程详解",{"type":19,"tag":41,"props":310,"children":312},{"id":311},"第一阶段需求分析-30-60秒",[313],{"type":25,"value":314},"第一阶段：需求分析 (30-60秒)",{"type":19,"tag":28,"props":316,"children":317},{},[318],{"type":25,"value":319},"AI 会分析你的描述，识别：",{"type":19,"tag":164,"props":321,"children":322},{},[323,333,343,353],{"type":19,"tag":51,"props":324,"children":325},{},[326,331],{"type":19,"tag":55,"props":327,"children":328},{},[329],{"type":25,"value":330},"行业类型",{"type":25,"value":332},"：确定模板方向",{"type":19,"tag":51,"props":334,"children":335},{},[336,341],{"type":19,"tag":55,"props":337,"children":338},{},[339],{"type":25,"value":340},"功能需求",{"type":25,"value":342},"：决定页面结构",{"type":19,"tag":51,"props":344,"children":345},{},[346,351],{"type":19,"tag":55,"props":347,"children":348},{},[349],{"type":25,"value":350},"用户画像",{"type":25,"value":352},"：优化内容表达",{"type":19,"tag":51,"props":354,"children":355},{},[356,361],{"type":19,"tag":55,"props":357,"children":358},{},[359],{"type":25,"value":360},"视觉偏好",{"type":25,"value":362},"：选择设计风格",{"type":19,"tag":28,"props":364,"children":365},{},[366,371],{"type":19,"tag":55,"props":367,"children":368},{},[369],{"type":25,"value":370},"实时反馈",{"type":25,"value":162},{"type":19,"tag":164,"props":373,"children":374},{},[375,380,385,390],{"type":19,"tag":51,"props":376,"children":377},{},[378],{"type":25,"value":379},"✅ 已识别：SaaS 数据分析平台",{"type":19,"tag":51,"props":381,"children":382},{},[383],{"type":25,"value":384},"✅ 目标用户：电商运营团队",{"type":19,"tag":51,"props":386,"children":387},{},[388],{"type":25,"value":389},"✅ 核心功能：数据看板、报表、预测",{"type":19,"tag":51,"props":391,"children":392},{},[393],{"type":25,"value":394},"✅ 期望行为：免费试用注册",{"type":19,"tag":41,"props":396,"children":398},{"id":397},"第二阶段结构规划-60-90秒",[399],{"type":25,"value":400},"第二阶段：结构规划 (60-90秒)",{"type":19,"tag":28,"props":402,"children":403},{},[404],{"type":25,"value":405},"基于需求分析结果，AI 设计页面结构：",{"type":19,"tag":28,"props":407,"children":408},{},[409,414],{"type":19,"tag":55,"props":410,"children":411},{},[412],{"type":25,"value":413},"典型 SaaS 落地页结构",{"type":25,"value":162},{"type":19,"tag":47,"props":416,"children":417},{},[418,428,438,448,458,468,478,488],{"type":19,"tag":51,"props":419,"children":420},{},[421,426],{"type":19,"tag":55,"props":422,"children":423},{},[424],{"type":25,"value":425},"Hero Section",{"type":25,"value":427},"：核心价值主张 + 试用按钮",{"type":19,"tag":51,"props":429,"children":430},{},[431,436],{"type":19,"tag":55,"props":432,"children":433},{},[434],{"type":25,"value":435},"Problem",{"type":25,"value":437},"：用户痛点描述",{"type":19,"tag":51,"props":439,"children":440},{},[441,446],{"type":19,"tag":55,"props":442,"children":443},{},[444],{"type":25,"value":445},"Solution",{"type":25,"value":447},"：产品解决方案",{"type":19,"tag":51,"props":449,"children":450},{},[451,456],{"type":19,"tag":55,"props":452,"children":453},{},[454],{"type":25,"value":455},"Features",{"type":25,"value":457},"：核心功能展示（3-6个）",{"type":19,"tag":51,"props":459,"children":460},{},[461,466],{"type":19,"tag":55,"props":462,"children":463},{},[464],{"type":25,"value":465},"How It Works",{"type":25,"value":467},"：使用流程 3 步骤",{"type":19,"tag":51,"props":469,"children":470},{},[471,476],{"type":19,"tag":55,"props":472,"children":473},{},[474],{"type":25,"value":475},"Pricing",{"type":25,"value":477},"：价格方案对比",{"type":19,"tag":51,"props":479,"children":480},{},[481,486],{"type":19,"tag":55,"props":482,"children":483},{},[484],{"type":25,"value":485},"Testimonials",{"type":25,"value":487},"：客户评价",{"type":19,"tag":51,"props":489,"children":490},{},[491,496],{"type":19,"tag":55,"props":492,"children":493},{},[494],{"type":25,"value":495},"CTA",{"type":25,"value":497},"：行动号召",{"type":19,"tag":41,"props":499,"children":501},{"id":500},"第三阶段内容生成-90-120秒",[502],{"type":25,"value":503},"第三阶段：内容生成 (90-120秒)",{"type":19,"tag":28,"props":505,"children":506},{},[507],{"type":25,"value":508},"AI 为每个区块生成合适的文案：",{"type":19,"tag":28,"props":510,"children":511},{},[512,517],{"type":19,"tag":55,"props":513,"children":514},{},[515],{"type":25,"value":516},"Hero Section 示例",{"type":25,"value":162},{"type":19,"tag":238,"props":519,"children":521},{"code":520},"标题：\"让数据驱动你的电商增长\"\n副标题：\"专业的电商数据分析平台，实时洞察销售趋势，优化运营决策\"\n按钮文字：\"免费试用 30 天\"\n",[522],{"type":19,"tag":243,"props":523,"children":524},{"__ignoreMap":7},[525],{"type":25,"value":520},{"type":19,"tag":28,"props":527,"children":528},{},[529,534],{"type":19,"tag":55,"props":530,"children":531},{},[532],{"type":25,"value":533},"功能描述示例",{"type":25,"value":162},{"type":19,"tag":238,"props":536,"children":538},{"code":537},"功能1：实时数据看板\n\"一目了然的销售概览，核心指标实时更新，让你随时掌握业务动态\"\n\n功能2：智能报表分析  \n\"自动生成销售、用户、商品等多维度报表，深度挖掘数据价值\"\n\n功能3：预测分析\n\"基于历史数据和市场趋势，预测销售走势，提前制定营销策略\"\n",[539],{"type":19,"tag":243,"props":540,"children":541},{"__ignoreMap":7},[542],{"type":25,"value":537},{"type":19,"tag":41,"props":544,"children":546},{"id":545},"第四阶段样式美化-30-60秒",[547],{"type":25,"value":548},"第四阶段：样式美化 (30-60秒)",{"type":19,"tag":28,"props":550,"children":551},{},[552],{"type":25,"value":553},"应用专业的视觉设计：",{"type":19,"tag":28,"props":555,"children":556},{},[557,562],{"type":19,"tag":55,"props":558,"children":559},{},[560],{"type":25,"value":561},"颜色方案",{"type":25,"value":162},{"type":19,"tag":164,"props":564,"children":565},{},[566,571,576,581],{"type":19,"tag":51,"props":567,"children":568},{},[569],{"type":25,"value":570},"主色：#3B82F6 (蓝色)",{"type":19,"tag":51,"props":572,"children":573},{},[574],{"type":25,"value":575},"辅色：#8B5CF6 (紫色)",{"type":19,"tag":51,"props":577,"children":578},{},[579],{"type":25,"value":580},"强调色：#F59E0B (橙色)",{"type":19,"tag":51,"props":582,"children":583},{},[584],{"type":25,"value":585},"中性色：#64748B (灰色)",{"type":19,"tag":28,"props":587,"children":588},{},[589,594],{"type":19,"tag":55,"props":590,"children":591},{},[592],{"type":25,"value":593},"字体层级",{"type":25,"value":162},{"type":19,"tag":164,"props":596,"children":597},{},[598,603,608,613],{"type":19,"tag":51,"props":599,"children":600},{},[601],{"type":25,"value":602},"H1：48px，粗体",{"type":19,"tag":51,"props":604,"children":605},{},[606],{"type":25,"value":607},"H2：36px，粗体",{"type":19,"tag":51,"props":609,"children":610},{},[611],{"type":25,"value":612},"H3：24px，半粗体",{"type":19,"tag":51,"props":614,"children":615},{},[616],{"type":25,"value":617},"正文：16px，常规",{"type":19,"tag":28,"props":619,"children":620},{},[621,626],{"type":19,"tag":55,"props":622,"children":623},{},[624],{"type":25,"value":625},"布局优化",{"type":25,"value":162},{"type":19,"tag":164,"props":628,"children":629},{},[630,635,640],{"type":19,"tag":51,"props":631,"children":632},{},[633],{"type":25,"value":634},"合理的间距和留白",{"type":19,"tag":51,"props":636,"children":637},{},[638],{"type":25,"value":639},"响应式栅格系统",{"type":19,"tag":51,"props":641,"children":642},{},[643],{"type":25,"value":644},"视觉层次清晰",{"type":19,"tag":34,"props":646,"children":648},{"id":647},"生成结果优化",[649],{"type":25,"value":647},{"type":19,"tag":41,"props":651,"children":653},{"id":652},"内容调整",[654],{"type":25,"value":652},{"type":19,"tag":28,"props":656,"children":657},{},[658],{"type":25,"value":659},"AI 生成完成后，你可以：",{"type":19,"tag":28,"props":661,"children":662},{},[663,668],{"type":19,"tag":55,"props":664,"children":665},{},[666],{"type":25,"value":667},"修改文案",{"type":25,"value":162},{"type":19,"tag":164,"props":670,"children":671},{},[672,677,682],{"type":19,"tag":51,"props":673,"children":674},{},[675],{"type":25,"value":676},"双击文本直接编辑",{"type":19,"tag":51,"props":678,"children":679},{},[680],{"type":25,"value":681},"替换为更符合品牌调性的表达",{"type":19,"tag":51,"props":683,"children":684},{},[685],{"type":25,"value":686},"添加具体的数据和案例",{"type":19,"tag":28,"props":688,"children":689},{},[690,695],{"type":19,"tag":55,"props":691,"children":692},{},[693],{"type":25,"value":694},"调整结构",{"type":25,"value":162},{"type":19,"tag":164,"props":697,"children":698},{},[699,704,709],{"type":19,"tag":51,"props":700,"children":701},{},[702],{"type":25,"value":703},"拖拽调整区块顺序",{"type":19,"tag":51,"props":705,"children":706},{},[707],{"type":25,"value":708},"删除不需要的 Section",{"type":19,"tag":51,"props":710,"children":711},{},[712],{"type":25,"value":713},"从模块库添加新区块",{"type":19,"tag":28,"props":715,"children":716},{},[717,722],{"type":19,"tag":55,"props":718,"children":719},{},[720],{"type":25,"value":721},"更新图片",{"type":25,"value":162},{"type":19,"tag":164,"props":724,"children":725},{},[726,731,736],{"type":19,"tag":51,"props":727,"children":728},{},[729],{"type":25,"value":730},"替换占位图为实际产品截图",{"type":19,"tag":51,"props":732,"children":733},{},[734],{"type":25,"value":735},"上传团队照片、客户 Logo",{"type":19,"tag":51,"props":737,"children":738},{},[739],{"type":25,"value":740},"优化图片尺寸和质量",{"type":19,"tag":41,"props":742,"children":744},{"id":743},"样式定制",[745],{"type":25,"value":743},{"type":19,"tag":28,"props":747,"children":748},{},[749,754],{"type":19,"tag":55,"props":750,"children":751},{},[752],{"type":25,"value":753},"品牌色彩",{"type":25,"value":162},{"type":19,"tag":47,"props":756,"children":757},{},[758,768,773],{"type":19,"tag":51,"props":759,"children":760},{},[761,763],{"type":25,"value":762},"点击 ",{"type":19,"tag":55,"props":764,"children":765},{},[766],{"type":25,"value":767},"\"主题设置\"",{"type":19,"tag":51,"props":769,"children":770},{},[771],{"type":25,"value":772},"输入品牌主色值",{"type":19,"tag":51,"props":774,"children":775},{},[776],{"type":25,"value":777},"一键应用到所有元素",{"type":19,"tag":28,"props":779,"children":780},{},[781,786],{"type":19,"tag":55,"props":782,"children":783},{},[784],{"type":25,"value":785},"字体调整",{"type":25,"value":162},{"type":19,"tag":164,"props":788,"children":789},{},[790,795,800],{"type":19,"tag":51,"props":791,"children":792},{},[793],{"type":25,"value":794},"在样式面板选择品牌字体",{"type":19,"tag":51,"props":796,"children":797},{},[798],{"type":25,"value":799},"调整字号和行高",{"type":19,"tag":51,"props":801,"children":802},{},[803],{"type":25,"value":804},"确保可读性",{"type":19,"tag":28,"props":806,"children":807},{},[808,813],{"type":19,"tag":55,"props":809,"children":810},{},[811],{"type":25,"value":812},"间距优化",{"type":25,"value":162},{"type":19,"tag":164,"props":815,"children":816},{},[817,822,827],{"type":19,"tag":51,"props":818,"children":819},{},[820],{"type":25,"value":821},"调整 Section 之间的间距",{"type":19,"tag":51,"props":823,"children":824},{},[825],{"type":25,"value":826},"优化内容密度",{"type":19,"tag":51,"props":828,"children":829},{},[830],{"type":25,"value":831},"保持视觉平衡",{"type":19,"tag":34,"props":833,"children":835},{"id":834},"高级技巧",[836],{"type":25,"value":834},{"type":19,"tag":41,"props":838,"children":840},{"id":839},"多轮优化",[841],{"type":25,"value":839},{"type":19,"tag":28,"props":843,"children":844},{},[845],{"type":25,"value":846},"如果首次生成的结果不够满意：",{"type":19,"tag":47,"props":848,"children":849},{},[850,860,870],{"type":19,"tag":51,"props":851,"children":852},{},[853,858],{"type":19,"tag":55,"props":854,"children":855},{},[856],{"type":25,"value":857},"点击 \"重新生成\"",{"type":25,"value":859},"：AI 会提供不同的方案",{"type":19,"tag":51,"props":861,"children":862},{},[863,868],{"type":19,"tag":55,"props":864,"children":865},{},[866],{"type":25,"value":867},"修改提示词",{"type":25,"value":869},"：添加更多具体要求",{"type":19,"tag":51,"props":871,"children":872},{},[873,878],{"type":19,"tag":55,"props":874,"children":875},{},[876],{"type":25,"value":877},"分区块优化",{"type":25,"value":879},"：针对某个 Section 单独生成",{"type":19,"tag":41,"props":881,"children":883},{"id":882},"提示词优化技巧",[884],{"type":25,"value":882},{"type":19,"tag":28,"props":886,"children":887},{},[888,893],{"type":19,"tag":55,"props":889,"children":890},{},[891],{"type":25,"value":892},"增加具体性",{"type":25,"value":162},{"type":19,"tag":238,"props":895,"children":897},{"code":896},"❌ 模糊：创建一个公司网站\n✅ 具体：为 B2B SaaS CRM 公司创建产品展示落地页，\n重点展示客户管理、销售流程、数据报表三大功能\n",[898],{"type":19,"tag":243,"props":899,"children":900},{"__ignoreMap":7},[901],{"type":25,"value":896},{"type":19,"tag":28,"props":903,"children":904},{},[905,910],{"type":19,"tag":55,"props":906,"children":907},{},[908],{"type":25,"value":909},"包含成功案例",{"type":25,"value":162},{"type":19,"tag":238,"props":912,"children":914},{"code":913},"我们已服务 500+ 中小企业，帮助客户平均提升 30% 销售效率。\n页面中需要突出这些成果数据。\n",[915],{"type":19,"tag":243,"props":916,"children":917},{"__ignoreMap":7},[918],{"type":25,"value":913},{"type":19,"tag":28,"props":920,"children":921},{},[922,927],{"type":19,"tag":55,"props":923,"children":924},{},[925],{"type":25,"value":926},"明确行动目标",{"type":25,"value":162},{"type":19,"tag":238,"props":929,"children":931},{"code":930},"页面目标是引导访客下载产品白皮书，\n主要 CTA 按钮文字应该是\"免费下载白皮书\"\n",[932],{"type":19,"tag":243,"props":933,"children":934},{"__ignoreMap":7},[935],{"type":25,"value":930},{"type":19,"tag":41,"props":937,"children":939},{"id":938},"结合模板库",[940],{"type":25,"value":938},{"type":19,"tag":28,"props":942,"children":943},{},[944],{"type":25,"value":945},"AI 生成 + 模板元素组合：",{"type":19,"tag":47,"props":947,"children":948},{},[949,954,959],{"type":19,"tag":51,"props":950,"children":951},{},[952],{"type":25,"value":953},"使用 AI 生成基础结构",{"type":19,"tag":51,"props":955,"children":956},{},[957],{"type":25,"value":958},"从模板库导入优秀的区块",{"type":19,"tag":51,"props":960,"children":961},{},[962],{"type":25,"value":963},"手动调整组合效果",{"type":19,"tag":34,"props":965,"children":967},{"id":966},"使用场景案例",[968],{"type":25,"value":966},{"type":19,"tag":41,"props":970,"children":972},{"id":971},"初创公司快速验证",[973],{"type":25,"value":971},{"type":19,"tag":28,"props":975,"children":976},{},[977,982],{"type":19,"tag":55,"props":978,"children":979},{},[980],{"type":25,"value":981},"场景",{"type":25,"value":983},"：产品还在开发阶段，需要快速制作落地页收集潜在用户",{"type":19,"tag":28,"props":985,"children":986},{},[987,992],{"type":19,"tag":55,"props":988,"children":989},{},[990],{"type":25,"value":991},"AI 提示词",{"type":25,"value":162},{"type":19,"tag":238,"props":994,"children":996},{"code":995},"为一款即将上线的智能客服 AI 机器人制作预约演示页面。\n产品特点：24小时自动回复、多语言支持、CRM 集成。\n目标用户：中小企业客服主管。\n页面目标：收集演示预约和邮箱订阅。\n需要包含产品预览视频和早鸟优惠信息。\n",[997],{"type":19,"tag":243,"props":998,"children":999},{"__ignoreMap":7},[1000],{"type":25,"value":995},{"type":19,"tag":41,"props":1002,"children":1004},{"id":1003},"活动推广页面",[1005],{"type":25,"value":1003},{"type":19,"tag":28,"props":1007,"children":1008},{},[1009,1013],{"type":19,"tag":55,"props":1010,"children":1011},{},[1012],{"type":25,"value":981},{"type":25,"value":1014},"：需要为线下会议活动创建报名页",{"type":19,"tag":28,"props":1016,"children":1017},{},[1018,1022],{"type":19,"tag":55,"props":1019,"children":1020},{},[1021],{"type":25,"value":991},{"type":25,"value":162},{"type":19,"tag":238,"props":1024,"children":1026},{"code":1025},"创建\"2025年数字化转型峰会\"活动报名页。\n会议主题：企业数字化转型实践与趋势。  \n目标参会者：企业 CTO、IT 总监、数字化负责人。\n包含：会议议程、嘉宾介绍、会场信息、报名表单。\n体现专业性和权威性，使用深蓝色商务风格。\n",[1027],{"type":19,"tag":243,"props":1028,"children":1029},{"__ignoreMap":7},[1030],{"type":25,"value":1025},{"type":19,"tag":41,"props":1032,"children":1034},{"id":1033},"个人作品集",[1035],{"type":25,"value":1033},{"type":19,"tag":28,"props":1037,"children":1038},{},[1039,1043],{"type":19,"tag":55,"props":1040,"children":1041},{},[1042],{"type":25,"value":981},{"type":25,"value":1044},"：设计师/开发者展示个人作品",{"type":19,"tag":28,"props":1046,"children":1047},{},[1048,1052],{"type":19,"tag":55,"props":1049,"children":1050},{},[1051],{"type":25,"value":991},{"type":25,"value":162},{"type":19,"tag":238,"props":1054,"children":1056},{"code":1055},"为 UI/UX 设计师创建个人作品集网站。\n专长：移动端 App 设计、品牌视觉设计、用户体验优化。\n目标客户：互联网公司、创业团队。\n展示内容：代表作品、设计流程、客户评价、联系方式。\n风格要现代简约，突出设计美感，使用黑白灰+亮色点缀。\n",[1057],{"type":19,"tag":243,"props":1058,"children":1059},{"__ignoreMap":7},[1060],{"type":25,"value":1055},{"type":19,"tag":34,"props":1062,"children":1064},{"id":1063},"常见问题",[1065],{"type":25,"value":1063},{"type":19,"tag":28,"props":1067,"children":1068},{},[1069],{"type":19,"tag":55,"props":1070,"children":1071},{},[1072],{"type":25,"value":1073},"Q: AI 生成的内容准确吗？",{"type":19,"tag":28,"props":1075,"children":1076},{},[1077],{"type":25,"value":1078},"A: AI 会生成符合行业通用标准的内容，但建议：",{"type":19,"tag":164,"props":1080,"children":1081},{},[1082,1087,1092],{"type":19,"tag":51,"props":1083,"children":1084},{},[1085],{"type":25,"value":1086},"替换为真实的公司信息",{"type":19,"tag":51,"props":1088,"children":1089},{},[1090],{"type":25,"value":1091},"核实数据和案例的准确性",{"type":19,"tag":51,"props":1093,"children":1094},{},[1095],{"type":25,"value":1096},"调整语言风格匹配品牌调性",{"type":19,"tag":28,"props":1098,"children":1099},{},[1100],{"type":19,"tag":55,"props":1101,"children":1102},{},[1103],{"type":25,"value":1104},"Q: 生成时间比预期长怎么办？",{"type":19,"tag":28,"props":1106,"children":1107},{},[1108],{"type":25,"value":1109},"A: 可能原因：",{"type":19,"tag":164,"props":1111,"children":1112},{},[1113,1118,1123],{"type":19,"tag":51,"props":1114,"children":1115},{},[1116],{"type":25,"value":1117},"服务器繁忙，请稍后重试",{"type":19,"tag":51,"props":1119,"children":1120},{},[1121],{"type":25,"value":1122},"提示词过于复杂，尝试简化描述",{"type":19,"tag":51,"props":1124,"children":1125},{},[1126],{"type":25,"value":1127},"网络连接不稳定",{"type":19,"tag":28,"props":1129,"children":1130},{},[1131],{"type":19,"tag":55,"props":1132,"children":1133},{},[1134],{"type":25,"value":1135},"Q: 如何让生成结果更符合预期？",{"type":19,"tag":28,"props":1137,"children":1138},{},[1139],{"type":25,"value":1140},"A: 提示词优化建议：",{"type":19,"tag":164,"props":1142,"children":1143},{},[1144,1149,1154],{"type":19,"tag":51,"props":1145,"children":1146},{},[1147],{"type":25,"value":1148},"提供更多具体细节",{"type":19,"tag":51,"props":1150,"children":1151},{},[1152],{"type":25,"value":1153},"参考优秀案例描述风格",{"type":19,"tag":51,"props":1155,"children":1156},{},[1157],{"type":25,"value":1158},"多次尝试不同的表达方式",{"type":19,"tag":34,"props":1160,"children":1162},{"id":1161},"相关资源",[1163],{"type":25,"value":1161},{"type":19,"tag":164,"props":1165,"children":1166},{},[1167,1177,1186,1195],{"type":19,"tag":51,"props":1168,"children":1169},{},[1170],{"type":19,"tag":1171,"props":1172,"children":1174},"a",{"href":1173},"/guide/getting-started",[1175],{"type":25,"value":1176},"快速入门指南",{"type":19,"tag":51,"props":1178,"children":1179},{},[1180],{"type":19,"tag":1171,"props":1181,"children":1183},{"href":1182},"/guide/template-usage",[1184],{"type":25,"value":1185},"模板使用指南",{"type":19,"tag":51,"props":1187,"children":1188},{},[1189],{"type":19,"tag":1171,"props":1190,"children":1192},{"href":1191},"/guide/export-frameworks",[1193],{"type":25,"value":1194},"导出多框架指南",{"type":19,"tag":51,"props":1196,"children":1197},{},[1198],{"type":19,"tag":1171,"props":1199,"children":1201},{"href":1200},"/ai/case-studies",[1202],{"type":25,"value":1203},"查看 AI 案例展示",{"type":19,"tag":1205,"props":1206,"children":1207},"hr",{},[],{"type":19,"tag":28,"props":1209,"children":1210},{},[1211,1216],{"type":19,"tag":55,"props":1212,"children":1213},{},[1214],{"type":25,"value":1215},"提示",{"type":25,"value":1217},"：AI 生成只是起点，结合你的创意和品牌特色进行调整，才能创造出独特的优秀页面。",{"title":7,"searchDepth":1219,"depth":1219,"links":1220},3,[1221,1226,1230,1234,1240,1244,1249,1254,1255],{"id":36,"depth":1222,"text":39,"children":1223},2,[1224,1225],{"id":43,"depth":1219,"text":43},{"id":94,"depth":1219,"text":97},{"id":100,"depth":1222,"text":103,"children":1227},[1228,1229],{"id":106,"depth":1219,"text":109},{"id":144,"depth":1219,"text":147},{"id":229,"depth":1222,"text":229,"children":1231},[1232,1233],{"id":234,"depth":1219,"text":234},{"id":249,"depth":1219,"text":249},{"id":305,"depth":1222,"text":308,"children":1235},[1236,1237,1238,1239],{"id":311,"depth":1219,"text":314},{"id":397,"depth":1219,"text":400},{"id":500,"depth":1219,"text":503},{"id":545,"depth":1219,"text":548},{"id":647,"depth":1222,"text":647,"children":1241},[1242,1243],{"id":652,"depth":1219,"text":652},{"id":743,"depth":1219,"text":743},{"id":834,"depth":1222,"text":834,"children":1245},[1246,1247,1248],{"id":839,"depth":1219,"text":839},{"id":882,"depth":1219,"text":882},{"id":938,"depth":1219,"text":938},{"id":966,"depth":1222,"text":966,"children":1250},[1251,1252,1253],{"id":971,"depth":1219,"text":971},{"id":1003,"depth":1219,"text":1003},{"id":1033,"depth":1219,"text":1033},{"id":1063,"depth":1222,"text":1063},{"id":1161,"depth":1222,"text":1161},"markdown","content:guide:ai-generation.md","content","guide/ai-generation.md","guide/ai-generation","md",[1263,1275,1286],{"_path":1264,"_dir":1265,"_draft":6,"_partial":6,"_locale":7,"title":1266,"description":1267,"keywords":1268,"author":12,"date":1269,"category":1270,"image":1271,"_type":1256,"_id":1272,"_source":1258,"_file":1273,"_stem":1274,"_extension":1261},"/blog/accessibility-guidelines","blog","无障碍设计指南","WCAG 标准和无障碍设计最佳实践","无障碍设计指南, Blog, HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg","content:blog:accessibility-guidelines.md","blog/accessibility-guidelines.md","blog/accessibility-guidelines",{"_path":1276,"_dir":1265,"_draft":6,"_partial":6,"_locale":7,"title":1277,"description":1278,"keywords":1279,"author":1280,"date":1281,"category":1282,"image":1271,"_type":1256,"_id":1283,"_source":1258,"_file":1284,"_stem":1285,"_extension":1261},"/blog/accessible-ux-research-guide","无障碍用户研究完全指南：从规划到实施的每一步","深入了解如何进行包容性的用户体验研究，确保残障用户的声音被听见，让产品真正为所有人而设计","用户研究, 无障碍设计, 包容设计, UX研究, 残障用户, 无障碍访问","HTMLPAGE 内容团队","2025-12-01","无障碍与设计","content:blog:accessible-ux-research-guide.md","blog/accessible-ux-research-guide.md","blog/accessible-ux-research-guide",{"_path":1287,"_dir":1265,"_draft":6,"_partial":6,"_locale":7,"title":1288,"description":1289,"keywords":1290,"author":12,"date":1269,"category":1270,"image":1271,"_type":1256,"_id":1291,"_source":1258,"_file":1292,"_stem":1293,"_extension":1261},"/blog/react-hooks-guide","React Hooks 实战指南","深入理解 React Hooks，包括 useState、useEffect、自定义 Hooks 等","React Hooks 实战指南, Blog, HTMLPAGE","content:blog:react-hooks-guide.md","blog/react-hooks-guide.md","blog/react-hooks-guide",1774945278440]