创意预览图

参考第一张图的风格,将第二张图下半部分单独生成一页:标题为"AI重构全新UI工作流:五步详解",包含STEP01到STEP05五个详解卡片,以及底部结论条"设计师从“执行者”转向“创意决策",整体深蓝

用户头像

用户ynisvm1w

2026.06.07
参考参考页风格,设计"03 AI全面重构UI设计工作流"详细页,去掉AI芯片插图,配色更简约,保持整体深蓝色科技风格,和参考页一致。页面分为上下两部分:上部分左侧传统老旧工作流,红色调,流程:接收PRD需求→反复沟通确认需求→手动梳理页面结构→手写所有UI文案→全网找素材、找图标、找插画→手绘线稿、逐页绘制高保真→反复局部改稿、替换文案→手动批量制作多尺寸运营物料→人工核对规范、对接前端交付。痛点总结:周期长、重复工作多、改稿成本高、创意空间不足、物料风格容易不统一,加上80%时间消耗在机械工作。下部分是AI重构全新UI工作流,蓝色调,分五步展示: 第一步:需求标准化梳理(ChatGPT):接收PRD后,直接用ChatGPT拆解页面架构、用户流程、需求优先级,自动生成全套UX文案、基础设计规范初稿。设计师仅需审核微调,彻底省去手动梳理、手写文案的时间,从源头统一设计标准。 第二步:快速产出多版设计方案(即梦AI+稿定设计AI):原创创新类项目:用即梦AI,线稿转高保真,快速输出3-5套差异化视觉方案,用于风格评审;标准化常规项目:用稿定设计AI,模板快速改造,一键生成页面初稿,快速落地基础版本。实现一天完成传统数天的方案输出工作。 第三步:素材补齐与细节精修(即梦AI+椒图AI):通过即梦AI批量补齐全套统一风格的插画、图标、配图;针对老旧素材、无源文件页面,用椒图AI完成高清修复、无痕改字、局部重绘,解决所有细节瑕疵,完成设计定稿。 第四步:批量物料规模化产出(稿定设计AI):以定稿页面为参考,用稿定AI「一键同款」功能,批量生成所有尺寸的开屏、弹窗、Banner、活动卡片,全程保持品牌视觉统一,大幅降低重复工作量。 第五步:标准化交付与验收(ChatGPT):设计定稿后,用ChatGPT检测页面合规性、布局合理性,输出标准化组件代码、色值参数,实现设计前置交付,减少前端对接误差,提升落地还原度。 保持标题和参考页一致:"03 AI全面重构UI设计工作流",副标题"传统流程 VS 全新AI工作流",配色简约,去掉多余插图,保持和参考页相同的卡片样式和蓝色科技风格,16:9比例,分辨率2K,文字排版清晰。参考参考页风格,设计"03 AI全面重构UI设计工作流"详细页,去掉AI芯片插图,配色更简约,保持整体深蓝色科技风格,和参考页一致。页面分为上下两部分:上部分左侧传统老旧工作流,红色调,流程:接收PRD需求→反复沟通确认需求→手动梳理页面结构→手写所有UI文案→全网找素材、找图标、找插画→手绘线稿、逐页绘制高保真→反复局部改稿、替换文案→手动批量制作多尺寸运营物料→人工核对规范、对接前端交付。痛点总结:周期长、重复工作多、改稿成本高、创意空间不足、物料风格容易不统一,加上80%时间消耗在机械工作。下部分是AI重构全新UI工作流,蓝色调,分五步展示:
第一步:需求标准化梳理(ChatGPT):接收PRD后,直接用ChatGPT拆解页面架构、用户流程、需求优先级,自动生成全套UX文案、基础设计规范初稿。设计师仅需审核微调,彻底省去手动梳理、手写文案的时间,从源头统一设计标准。
第二步:快速产出多版设计方案(即梦AI+稿定设计AI):原创创新类项目:用即梦AI,线稿转高保真,快速输出3-5套差异化视觉方案,用于风格评审;标准化常规项目:用稿定设计AI,模板快速改造,一键生成页面初稿,快速落地基础版本。实现一天完成传统数天的方案输出工作。
第三步:素材补齐与细节精修(即梦AI+椒图AI):通过即梦AI批量补齐全套统一风格的插画、图标、配图;针对老旧素材、无源文件页面,用椒图AI完成高清修复、无痕改字、局部重绘,解决所有细节瑕疵,完成设计定稿。
第四步:批量物料规模化产出(稿定设计AI):以定稿页面为参考,用稿定AI「一键同款」功能,批量生成所有尺寸的开屏、弹窗、Banner、活动卡片,全程保持品牌视觉统一,大幅降低重复工作量。
第五步:标准化交付与验收(ChatGPT):设计定稿后,用ChatGPT检测页面合规性、布局合理性,输出标准化组件代码、色值参数,实现设计前置交付,减少前端对接误差,提升落地还原度。
保持标题和参考页一致:"03 AI全面重构UI设计工作流",副标题"传统流程 VS 全新AI工作流",配色简约,去掉多余插图,保持和参考页相同的卡片样式和蓝色科技风格,16:9比例,分辨率2K,文字排版清晰。
[第3张] 服务方案拆解-AI设计全流程与交付物说明。 [氛围/风格] 科技流程图风格,清晰专业,蓝紫渐变背景,信息图质感,现代简洁。 [元素布局] 画面从上到下展示4步流程,呈S形时间轴排列:第1步需求沟通(对话气泡图标)、第2步AI创意生成(大脑+闪电图标)、第3步精修优化(调色板+放大镜图标)、第4步交付上线(火箭+勾选图标);每步之间用发光箭头连接;右侧或下方展示交付物清单卡片,包含主图、详情页、场景图、白底图等图标。 [光影质感] 整体柔光,流程节点自带发光效果,箭头有光流动效感,层次清晰。 [配色色系] 全局底色 #1E1B4B 深靛蓝;主色 #6366F1 靛蓝;辅助色 #06B6D4 青蓝、#10B981 绿色点缀。 [视角构图] 正面平视,垂直时间轴布局,阅读动线从上到下,从左到右。 [文字版式] 顶部大标题「AI设计全流程」,副标题「4步高效交付 品质全程可控」;每个流程节点配编号、标题和简短说明:「01 需求诊断 深度沟通需求 明确设计方向」「02 AI生成 多方案创意输出 快速迭代」「03 精修优化 专业设计师调优 细节打磨」「04 交付上线 高清源文件交付 售后支持」;底部交付物区域标题「交付物清单」,配6个图标+标签:「主图设计」「详情页」「场景图」「白底图」「海报设计」「源文件」。 [比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,颜色偏差,背景杂乱。[第3张] 服务方案拆解-AI设计全流程与交付物说明。
[氛围/风格] 科技流程图风格,清晰专业,蓝紫渐变背景,信息图质感,现代简洁。
[元素布局] 画面从上到下展示4步流程,呈S形时间轴排列:第1步需求沟通(对话气泡图标)、第2步AI创意生成(大脑+闪电图标)、第3步精修优化(调色板+放大镜图标)、第4步交付上线(火箭+勾选图标);每步之间用发光箭头连接;右侧或下方展示交付物清单卡片,包含主图、详情页、场景图、白底图等图标。
[光影质感] 整体柔光,流程节点自带发光效果,箭头有光流动效感,层次清晰。
[配色色系] 全局底色 #1E1B4B 深靛蓝;主色 #6366F1 靛蓝;辅助色 #06B6D4 青蓝、#10B981 绿色点缀。
[视角构图] 正面平视,垂直时间轴布局,阅读动线从上到下,从左到右。
[文字版式] 顶部大标题「AI设计全流程」,副标题「4步高效交付 品质全程可控」;每个流程节点配编号、标题和简短说明:「01 需求诊断 深度沟通需求 明确设计方向」「02 AI生成 多方案创意输出 快速迭代」「03 精修优化 专业设计师调优 细节打磨」「04 交付上线 高清源文件交付 售后支持」;底部交付物区域标题「交付物清单」,配6个图标+标签:「主图设计」「详情页」「场景图」「白底图」「海报设计」「源文件」。
[比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,颜色偏差,背景杂乱。
16:9横屏高清PPT页面,整体采用角色演进风格设计,深灰蓝色背景,带有流动的升级光效和粒子光点,科技感高级质感。顶部标题白色加粗现代无衬线字体"每一个岗位的角色转移,方向一致"。画面主体为四行横向演进卡片布局,视觉整齐划一,每组从左到右用发光箭头连接:第一行设计师(左边灰色卡片配画笔图标文字"画方案的人" → 中间发光金色箭头 → 右边金色卡片配体验图标文字"定义产品体验的人");第二行财务(左边灰色卡片配报表图标文字"做报表的人" → 中间发光金色箭头 → 右边金色卡片配决策图标文字"辅助经营决策的人");第三行研发(左边灰色卡片配代码图标文字"写代码的人" → 中间发光金色箭头 → 右边金色卡片配架构图标文字"定义技术架构的人");第四行品质(左边灰色卡片配检测图标文字"出检测报告的人" → 中间发光金色箭头 → 右边金色卡片配盾牌标准图标文字"建立质量标准的人")。每组左边灰色代表过去,右边金色代表未来,中间发光箭头表示演进方向。底部大号白色字体居中总结句"从'做'到'判断',从'执行'到'定义'——这是AI推动的行业必然。"。全文字号≥14px,文字清晰可读,现代无衬线字体,整体强调跨岗位角色转移的一致性和必然性,画面高级统一,商务科技风。参考风格:深蓝黑金配色,玻璃拟态卡片,发光光效,粒子背景。16:9横屏高清PPT页面,整体采用角色演进风格设计,深灰蓝色背景,带有流动的升级光效和粒子光点,科技感高级质感。顶部标题白色加粗现代无衬线字体"每一个岗位的角色转移,方向一致"。画面主体为四行横向演进卡片布局,视觉整齐划一,每组从左到右用发光箭头连接:第一行设计师(左边灰色卡片配画笔图标文字"画方案的人" → 中间发光金色箭头 → 右边金色卡片配体验图标文字"定义产品体验的人");第二行财务(左边灰色卡片配报表图标文字"做报表的人" → 中间发光金色箭头 → 右边金色卡片配决策图标文字"辅助经营决策的人");第三行研发(左边灰色卡片配代码图标文字"写代码的人" → 中间发光金色箭头 → 右边金色卡片配架构图标文字"定义技术架构的人");第四行品质(左边灰色卡片配检测图标文字"出检测报告的人" → 中间发光金色箭头 → 右边金色卡片配盾牌标准图标文字"建立质量标准的人")。每组左边灰色代表过去,右边金色代表未来,中间发光箭头表示演进方向。底部大号白色字体居中总结句"从'做'到'判断',从'执行'到'定义'——这是AI推动的行业必然。"。全文字号≥14px,文字清晰可读,现代无衬线字体,整体强调跨岗位角色转移的一致性和必然性,画面高级统一,商务科技风。参考风格:深蓝黑金配色,玻璃拟态卡片,发光光效,粒子背景。
[第1张] 详情页头图-AI主图详情页制作服务主视觉海报。 [氛围/风格] 科技感+专业设计服务风,深蓝紫渐变背景,霓虹光效点缀,现代商业质感,高级大气。 [元素布局] 画面中央偏右位置展示一组悬浮的电商详情页缩略图矩阵(含主图、场景图、卖点图等多种页面样式),页面边缘发出蓝紫色光晕;左侧为标题区;背景有渐变网格、粒子光效和AI神经网络线条装饰;底部有渐变光带托起画面。 [光影质感] 顶部柔光主光源,页面卡片自带发光效果,整体明暗层次分明,科技感光影,通透有深度。 [配色色系] 全局底色 #0F0A2E 深紫蓝;主色 #4F46E5 靛蓝紫;辅助色 #06B6D4 青蓝、#F59E0B 金色点缀。 [视角构图] 正面平视,页面卡片呈微倾斜悬浮排列,阅读动线左上标题 → 中部页面矩阵 → 底部卖点条。 [文字版式] 版式为左侧大标题 + 右侧视觉主体 + 底部卖点条。主标题「AI设计 引爆转化」,副标题「专业AI主图详情页制作服务」,两行粗黑体左对齐;主标题下方小字「画面精美 · 创意丰富 · 高效交付」;底部横向排列三个卖点图标+标签:「精美视觉」「高转化率」「创意无限」;右下角金色标签「立即咨询」;文字清晰可读,不遮挡主体视觉。 [比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,低质量,模糊。[第1张] 详情页头图-AI主图详情页制作服务主视觉海报。
[氛围/风格] 科技感+专业设计服务风,深蓝紫渐变背景,霓虹光效点缀,现代商业质感,高级大气。
[元素布局] 画面中央偏右位置展示一组悬浮的电商详情页缩略图矩阵(含主图、场景图、卖点图等多种页面样式),页面边缘发出蓝紫色光晕;左侧为标题区;背景有渐变网格、粒子光效和AI神经网络线条装饰;底部有渐变光带托起画面。
[光影质感] 顶部柔光主光源,页面卡片自带发光效果,整体明暗层次分明,科技感光影,通透有深度。
[配色色系] 全局底色 #0F0A2E 深紫蓝;主色 #4F46E5 靛蓝紫;辅助色 #06B6D4 青蓝、#F59E0B 金色点缀。
[视角构图] 正面平视,页面卡片呈微倾斜悬浮排列,阅读动线左上标题 → 中部页面矩阵 → 底部卖点条。
[文字版式] 版式为左侧大标题 + 右侧视觉主体 + 底部卖点条。主标题「AI设计 引爆转化」,副标题「专业AI主图详情页制作服务」,两行粗黑体左对齐;主标题下方小字「画面精美 · 创意丰富 · 高效交付」;底部横向排列三个卖点图标+标签:「精美视觉」「高转化率」「创意无限」;右下角金色标签「立即咨询」;文字清晰可读,不遮挡主体视觉。
[比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,低质量,模糊。