创意预览图

「图片1」 标题改成:01 AI工具介绍-核心能力

用户头像

1r023llsxg-...

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] 四大核心功能亮点展示图 [氛围风格] 科技简约风,四宫格功能卡片布局,专业清晰 [画质] 超高清商业设计质感,图标精致,画面干净 [元素] 画面采用2x2四宫格布局,每个格子是一个半透明的白色圆角卡片,带有轻微蓝色边框发光效果。四个卡片分别展示四大核心功能:左上卡片是AI自动剪辑图标(场记板+魔法棒),右上卡片是语音克隆配音图标(麦克风+声波),左下卡片是图文脚本生成图标(文档+灯泡),右下卡片是多平台分发图标(三个平台图标+箭头)。背景是淡蓝色科技网格,顶部有一条蓝色渐变光带。卡片之间有细微的间距,整体排列整齐。 [光影] 整体均匀柔光,每个卡片有轻微的投影和内发光效果,图标有立体感,光线从上方均匀照射 [配色] 主色调白色+科技蓝,辅助色橙色用于图标强调,背景淡蓝色网格 [视角构图] 平视视角,四宫格居中排列,顶部留出标题空间,底部留出少量装饰空间 [文字版式] 画面顶部居中大字"四大核心功能",黑色粗体无衬线字体;下方小字"一站式解决短视频创作难题",深灰色中号字体。每个功能卡片内,图标在上,标题在下:左上"AI自动剪辑"、右上"语音克隆配音"、左下"图文脚本生成"、右下"多平台一键分发",均为深灰色中号粗体字,图标下方还有一行更小的说明文字。所有文字清晰可读。 [输出要求] 3:4比例,文字清晰锐利,超高清商业设计质感 [负向提示词] 变形,文字错乱,模糊,背景杂乱,水印,电商平台Logo[主图-3] 四大核心功能亮点展示图
[氛围风格] 科技简约风,四宫格功能卡片布局,专业清晰
[画质] 超高清商业设计质感,图标精致,画面干净
[元素] 画面采用2x2四宫格布局,每个格子是一个半透明的白色圆角卡片,带有轻微蓝色边框发光效果。四个卡片分别展示四大核心功能:左上卡片是AI自动剪辑图标(场记板+魔法棒),右上卡片是语音克隆配音图标(麦克风+声波),左下卡片是图文脚本生成图标(文档+灯泡),右下卡片是多平台分发图标(三个平台图标+箭头)。背景是淡蓝色科技网格,顶部有一条蓝色渐变光带。卡片之间有细微的间距,整体排列整齐。
[光影] 整体均匀柔光,每个卡片有轻微的投影和内发光效果,图标有立体感,光线从上方均匀照射
[配色] 主色调白色+科技蓝,辅助色橙色用于图标强调,背景淡蓝色网格
[视角构图] 平视视角,四宫格居中排列,顶部留出标题空间,底部留出少量装饰空间
[文字版式] 画面顶部居中大字"四大核心功能",黑色粗体无衬线字体;下方小字"一站式解决短视频创作难题",深灰色中号字体。每个功能卡片内,图标在上,标题在下:左上"AI自动剪辑"、右上"语音克隆配音"、左下"图文脚本生成"、右下"多平台一键分发",均为深灰色中号粗体字,图标下方还有一行更小的说明文字。所有文字清晰可读。
[输出要求] 3:4比例,文字清晰锐利,超高清商业设计质感
[负向提示词] 变形,文字错乱,模糊,背景杂乱,水印,电商平台Logo
电商详情页设计,第4页·多模态模型能力,3:4竖版比例,高端科技服务风格。 [画面] 页面目标:展示7大多模态模型技术栈,体现技术深度。顶部是标题区域,中部中心有一个发光的AI技术核心球体,科技蓝渐变发光,周围环绕7个模型技术节点,用发光的点线连接成环形网络。每个节点是一个圆形发光图标,内有对应模型的图标符号和名称文字。7个节点均匀分布在核心球体周围,形成一个完整的技术能力矩阵。 [视觉] 套系策略:风格=高端科技服务风;标题字=现代无衬线粗黑体;正文字=简洁无衬线体;主色=科技蓝;背景延展=白色到浅蓝灰渐变,带极淡科技网格纹理和稀疏蓝色光点粒子;强调色=青色和淡紫渐变,仅用于图标和发光效果;标题色=科技蓝;正文色=深灰;组件=发光圆形节点、细线图标、发光连接线;光影=柔和科技光效,节点有发光边缘和光晕。 [文字] 顶部居中主标题"多模态模型能力矩阵",科技蓝色粗体,字号大;主标题下方一行副标题"覆盖文本 图像 语音 视频全模态AI技术栈",深灰色,字号约为主标题的40%。 7个模型技术节点(环绕排列): 1. LLM语言模型 - 自然语言理解与生成 - 文字/对话图标 2. CNN图片模型 - 图像识别与分类 - 图片/分类图标 3. ViT视觉模型 - 高精度视觉感知 - 眼睛/视觉图标 4. ASR语音识别 - 语音转文字 多语种支持 - 麦克风/声波图标 5. TTS语音合成 - 文字转自然语音 - 喇叭/语音图标 6. VGM视频生成 - AI视频内容创作 - 视频/播放图标 7. AI 3D模型 - 三维内容生成与重建 - 立方体/3D图标 每个节点名称为白色粗体在蓝色圆形内,说明文字为深灰色在节点下方或旁边。所有文字横排,清晰可读。 [规格] 比例3:4竖版,4K分辨率,避免变形、错字、文字过小、二维码、水印、模仿官方logo、背景杂乱、低清晰度。电商详情页设计,第4页·多模态模型能力,3:4竖版比例,高端科技服务风格。

[画面] 页面目标:展示7大多模态模型技术栈,体现技术深度。顶部是标题区域,中部中心有一个发光的AI技术核心球体,科技蓝渐变发光,周围环绕7个模型技术节点,用发光的点线连接成环形网络。每个节点是一个圆形发光图标,内有对应模型的图标符号和名称文字。7个节点均匀分布在核心球体周围,形成一个完整的技术能力矩阵。

[视觉] 套系策略:风格=高端科技服务风;标题字=现代无衬线粗黑体;正文字=简洁无衬线体;主色=科技蓝;背景延展=白色到浅蓝灰渐变,带极淡科技网格纹理和稀疏蓝色光点粒子;强调色=青色和淡紫渐变,仅用于图标和发光效果;标题色=科技蓝;正文色=深灰;组件=发光圆形节点、细线图标、发光连接线;光影=柔和科技光效,节点有发光边缘和光晕。

[文字] 顶部居中主标题"多模态模型能力矩阵",科技蓝色粗体,字号大;主标题下方一行副标题"覆盖文本 图像 语音 视频全模态AI技术栈",深灰色,字号约为主标题的40%。

7个模型技术节点(环绕排列):
1. LLM语言模型 - 自然语言理解与生成 - 文字/对话图标
2. CNN图片模型 - 图像识别与分类 - 图片/分类图标
3. ViT视觉模型 - 高精度视觉感知 - 眼睛/视觉图标
4. ASR语音识别 - 语音转文字 多语种支持 - 麦克风/声波图标
5. TTS语音合成 - 文字转自然语音 - 喇叭/语音图标
6. VGM视频生成 - AI视频内容创作 - 视频/播放图标
7. AI 3D模型 - 三维内容生成与重建 - 立方体/3D图标

每个节点名称为白色粗体在蓝色圆形内,说明文字为深灰色在节点下方或旁边。所有文字横排,清晰可读。

[规格] 比例3:4竖版,4K分辨率,避免变形、错字、文字过小、二维码、水印、模仿官方logo、背景杂乱、低清晰度。
[第5屏] 详情页功能详解-AI做品模块。本屏使用【图1】AI一键做品、商品目录相关界面作为展示。 [氛围/风格] 科技感深色商务风,青色主题,智能高效,创意感强。 [元素布局] 上半部分为大标题+AI做品流程图,占比约40%;下半部分为四小格展示AI四大能力:选品、出图、文案、视频,每格配对应界面缩略图或图标;中间有AI大脑、神经网络等科技元素装饰;背景有数据流、光带效果。 [光影质感] 青色光晕从中心发散,AI大脑发光效果,界面卡片悬浮投影,整体科技未来感。 [配色色系] 全局底色 #0F0F23 深紫黑;主色 #00D4FF 青色;辅助色 #7C5CFF 紫色点缀;文字白色。 [视角构图] 上下结构,顶部标题+中部流程图+底部四能力卡片,阅读动线自上而下。 [文字版式] 顶部主标题「AI做品 一键生成」,副标题「选品 / 出图 / 文案 / 视频 全链路AI赋能」;中部横向流程图:市场分析 → AI选品 → 智能出图 → 文案生成 → 视频制作 → 一键上架,箭头连接;底部四宫格:「AI选品」大数据分析 爆款挖掘;「智能出图」AI绘图 商品主图秒生成;「文案撰写」多语言标题描述 自动优化;「视频制作」商品短视频 批量生成。每格配小图标和界面缩略图。文字清晰,移动端可读。 [比例分辨率] 9:16竖版比例,宽750像素,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 文字错乱,水印,图标模糊,颜色偏差,布局混乱,界面变形。[第5屏] 详情页功能详解-AI做品模块。本屏使用【图1】AI一键做品、商品目录相关界面作为展示。
[氛围/风格] 科技感深色商务风,青色主题,智能高效,创意感强。
[元素布局] 上半部分为大标题+AI做品流程图,占比约40%;下半部分为四小格展示AI四大能力:选品、出图、文案、视频,每格配对应界面缩略图或图标;中间有AI大脑、神经网络等科技元素装饰;背景有数据流、光带效果。
[光影质感] 青色光晕从中心发散,AI大脑发光效果,界面卡片悬浮投影,整体科技未来感。
[配色色系] 全局底色 #0F0F23 深紫黑;主色 #00D4FF 青色;辅助色 #7C5CFF 紫色点缀;文字白色。
[视角构图] 上下结构,顶部标题+中部流程图+底部四能力卡片,阅读动线自上而下。
[文字版式] 顶部主标题「AI做品 一键生成」,副标题「选品 / 出图 / 文案 / 视频 全链路AI赋能」;中部横向流程图:市场分析 → AI选品 → 智能出图 → 文案生成 → 视频制作 → 一键上架,箭头连接;底部四宫格:「AI选品」大数据分析 爆款挖掘;「智能出图」AI绘图 商品主图秒生成;「文案撰写」多语言标题描述 自动优化;「视频制作」商品短视频 批量生成。每格配小图标和界面缩略图。文字清晰,移动端可读。
[比例分辨率] 9:16竖版比例,宽750像素,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字错乱,水印,图标模糊,颜色偏差,布局混乱,界面变形。
深蓝科技风品牌信息图,7:5横版,高级简约科技感。深蓝色渐变背景,细腻的网格线和微弱的粒子光点,底部有流动的数据光线装饰,整体干净克制,不杂乱。 【顶部通栏】居中主标题白色粗体大字"全域AI教育服务矩阵",下方稍小的青蓝色副标题"课程 · 研学 · 竞赛 · 师资 一站式人工智能培育平台",标题两侧有简洁的科技线条装饰。 【左侧主区 约占55%】全学段AI课程体系,从上到下排列: 1. 小学段(最大块,主推):顶部青色标签条写"小学段 · AI启蒙课程",下方课程名"《人工智能启蒙》系列课程"白色粗体。再下方一行核心模块用分隔符隔开:噜噜不插电启蒙 | 图形化编程 | 智能车控制 | 语音识别 | 计算机视觉。再下方特色项目小字:迷你编程小车32课时 · 商小鸣机器人PBL课程。底部三个短句亮点:游戏化启蒙 · 匹配小学课标 · 硬件+编程双实践。整个小学段用带发光边框的卡片承载。 2. 初中段(次重点):青色标签"初中段 · AI进阶课程",课程名"《智能车编程》+《语音识别与人机交互》",核心模块:Python编程 | 图像处理 | 机器学习入门 | AI通识。亮点:图形化过渡代码 · 项目式实战 · 对接课堂延伸。卡片尺寸比小学段略小。 3. 高中段(一行简化):青色标签"高中段" + 白色文字"《深度学习——图像识别》八大项目式内容,衔接AI底层核心逻辑"。不用卡片,简洁呈现。 【右侧区 约占30%】三大配套服务,竖排三个等大的发光线框卡片: 1. 研学科普营:标题+三行小字(半日营/一日营/深度实训营 · 10项AI互动展项 · 分学段定制 学校团体可承接) 2. 科创竞赛孵化:标题+三行小字(NOC白名单赛事官方配套 · 分层集训·课题孵化·成果展示 · 以赛促学赋能综评) 3. 师资培训体系:标题+三行小字(燎原计划骨干教师培育 · 分阶培养路径千余名教师参训 · 解决AI教学师资瓶颈) 【底部通栏】深色渐变条,白色文字"商汤AI技术支撑 · 全学段体系化课程 · 专业教研团队",简洁有力。 整体风格:深蓝底色,青蓝色高亮,白色正文,发光线框卡片,极少图标(每个板块只用1个极简线性图标点缀),文字排版精致对齐,留白充足,高级科技感,信息层次清晰,一眼可读。版式精美。 画面中所有信息区域必须填充完整合理的内容,不得出现空白框。画面中所有数字必须精确渲染,不得错位、遗漏或编造。深蓝科技风品牌信息图,7:5横版,高级简约科技感。深蓝色渐变背景,细腻的网格线和微弱的粒子光点,底部有流动的数据光线装饰,整体干净克制,不杂乱。

【顶部通栏】居中主标题白色粗体大字"全域AI教育服务矩阵",下方稍小的青蓝色副标题"课程 · 研学 · 竞赛 · 师资  一站式人工智能培育平台",标题两侧有简洁的科技线条装饰。

【左侧主区 约占55%】全学段AI课程体系,从上到下排列:
1. 小学段(最大块,主推):顶部青色标签条写"小学段 · AI启蒙课程",下方课程名"《人工智能启蒙》系列课程"白色粗体。再下方一行核心模块用分隔符隔开:噜噜不插电启蒙 | 图形化编程 | 智能车控制 | 语音识别 | 计算机视觉。再下方特色项目小字:迷你编程小车32课时 · 商小鸣机器人PBL课程。底部三个短句亮点:游戏化启蒙 · 匹配小学课标 · 硬件+编程双实践。整个小学段用带发光边框的卡片承载。
2. 初中段(次重点):青色标签"初中段 · AI进阶课程",课程名"《智能车编程》+《语音识别与人机交互》",核心模块:Python编程 | 图像处理 | 机器学习入门 | AI通识。亮点:图形化过渡代码 · 项目式实战 · 对接课堂延伸。卡片尺寸比小学段略小。
3. 高中段(一行简化):青色标签"高中段" + 白色文字"《深度学习——图像识别》八大项目式内容,衔接AI底层核心逻辑"。不用卡片,简洁呈现。

【右侧区 约占30%】三大配套服务,竖排三个等大的发光线框卡片:
1. 研学科普营:标题+三行小字(半日营/一日营/深度实训营 · 10项AI互动展项 · 分学段定制 学校团体可承接)
2. 科创竞赛孵化:标题+三行小字(NOC白名单赛事官方配套 · 分层集训·课题孵化·成果展示 · 以赛促学赋能综评)
3. 师资培训体系:标题+三行小字(燎原计划骨干教师培育 · 分阶培养路径千余名教师参训 · 解决AI教学师资瓶颈)

【底部通栏】深色渐变条,白色文字"商汤AI技术支撑 · 全学段体系化课程 · 专业教研团队",简洁有力。

整体风格:深蓝底色,青蓝色高亮,白色正文,发光线框卡片,极少图标(每个板块只用1个极简线性图标点缀),文字排版精致对齐,留白充足,高级科技感,信息层次清晰,一眼可读。版式精美。

画面中所有信息区域必须填充完整合理的内容,不得出现空白框。画面中所有数字必须精确渲染,不得错位、遗漏或编造。