2026电商设计AI进阶课：PS基础+AI工具实操，掌握海报/详情页/首页全案设计

课程概述

这是一套由电商头等舱打造的2026年度全新电商视觉设计系统课程，内容覆盖从软件基础到高阶实战的完整学习路径，将传统设计能力与AI工具深度结合，帮助学习者构建完整的电商设计知识体系，提升商业项目输出效率与质量。

课程采用理论讲解+实操案例+直播分享的教学模式，既适合有一定基础的电商设计师进阶提升，也适合想要系统掌握AI+电商设计全流程的从业者学习。

课程核心模块

一、PS设计基础与核心技法

从Photoshop软件基础操作入手，循序渐进讲解工具使用与设计底层逻辑，内容包含：

• 软件界面认知、图片基础概念、图层与选区工具使用
• 套索、魔棒、钢笔、画笔、蒙版、修补、图章等核心工具实操
• 文字、渐变、形状工具组应用，去水印与曲线调色技巧
• 色相、饱和度、明度与HSB色彩体系，上色方法与配色原理
• 图层样式详解、切割思维、素材拼接、光影处理与细节润色
• 画面整体光影调整、后期特效制作与全流程精修方法

二、AI工具实操与提效技法

系统讲解当下主流AI设计工具的使用方法，聚焦电商设计场景的落地应用，涵盖：

• AI设计工具基础认知与活用思路，解决实际工作中的效率问题
• 多款AI生图工具操作：即梦、nanobanana、ComfyUI（含基础操作、图像优化、常用工作流）
• 主流大语言模型基础使用方法
• AI专项设计技巧：产品精修、人像精修、素材溶图、图像放大、模特换装
• AI辅助设计流程：拼稿海报生成（参考、执行、替换、优化）、多难度层级草图生成

三、设计理论与创意方法

夯实设计底层能力，构建系统的创意方法论，内容涉及：

• 透视原理：一点/两点/三点透视、产品透视判断与转透视演示
• 空间构成：产品空间摆放、形的层级、立体构成、景别与细节分布
• 创意方法：核心概念思维模型、情绪版制作、创意草图执行
• 配色体系：基础概念、配色逻辑、配色方式、纠错方法与案例演示
• 光影体系：素描基础、定光分面、黑白与色彩光影、调色工具实操
• 版式设计：基础原则、字体规范、文案信息层级关系

四、电商全案设计实战

围绕电商设计核心产出场景，通过完整商业案例讲解全流程设计方法：

1. 海报设计

包含产品主题海报、模特主题海报、创意主题海报、促销活动海报、开屏海报、涂鸦生成等多类型海报设计，结合AI工具实现高效产出。

2. 详情页设计

涵盖详情页框架搭建、主图直通车设计、情绪版制作、卖点提炼与表现、通用板块设计、连屏形式运用，搭配多套完整商业案例全流程演练。

3. 首页设计

包含首页基础概念、情绪版制作、排版方法、KV设计（多节日多风格案例）、标题字设计、机制区质感刻画等核心内容。

附加增值内容

课程还包含两场专属直播分享：一场是真实项目中的AI提效经验分享，拆解实际工作中的AI应用思路与技法；另一场是个人作品集网站搭建教学，帮助学习者快速搭建展示个人作品的线上平台。

课程目录

• [10.1]--《真实项目 AI 提效分享》电商头等舱 4 月直播（思维技法干货多，推.mp4
• [10.3]--《Codex 疾速上手打造个人作品集网站》电商头等舱 6 月直播课（.mp4
• [2.1.1]--【录播】界面介绍丨图片认知 (45 分钟).mp4
• [2.10.1]--【录播】图层样式详解丨图层样式运用 (46 分钟).mp4
• [2.11.1]--【录播】切割思维丨液体拼接丨调色光影处理 (50 分钟).mp4
• [2.12.1]--【录播】过渡处理丨光效处理丨细节润色 (51 分钟).mp4
• [2.13.1]--【录播】素材拼接丨过渡处理丨画光绘影 (34 分钟).mp4
• [2.14.1]--【录播】素材关系丨发光效果丨质感润色 (54 分钟).mp4
• [2.15.1]--【录播】画面光影处理丨后期润色丨特效制作 (91 分钟).mp4
• [2.2.1]--【录播】认识图层丨选区工具用法 (62 分钟).mp4
• [2.3.1]--【录播】套索工具丨魔棒工具丨钢笔工具 (46 分钟).mp4
• [2.4.1]--【录播】画笔工具丨图层蒙版丨剪切蒙版 (39 分钟).mp4
• [2.5.1]--【录播】修补工具丨图章工具 (26 分钟).mp4
• [2.6.1]--【录播】文字工具丨渐变工具丨矩形工具组 (52 分钟).mp4
• [2.7.1]--【录播】去水印丨曲线工具 (30 分钟).mp4
• [2.8.1]--【录播】色相丨饱和度丨明度丨 HSB 丨上色技巧 (46 分钟).mp4
• [2.9.1]--【录播】原理丨比例丨关系丨配色方法 (31 分钟).mp4
• [3.1.1]--【技法 - 心得】如何活用 AI 新工具解决工作问题.mp4
• [3.2.1]--【1.2.2】AI 基础认识.mp4
• [3.3.1]--【1.2.3】AI 生图主流工具 ―― 即梦基础篇.mp4
• [3.3.2]--【1.2.3】AI 生图主流工具 ―― 香蕉 nanobanana 基.mp4
• [3.3.3]--【1.2.3】AI 生图主流工具 ―― 香蕉 nanobanana 基.mp4
• [3.3.4]--【1.2.3】AI 生图主流工具 ――comfyui 基础.mp4
• [3.3.5]--【1.2.3】AI 生图主流工具 ――comfyui 基础操作.mp4
• [3.3.6]--【1.2.3】AI 生图主流工具 ――comfyui 图像优化.mp4
• [3.3.7]--【1.2.3】AI 生图主流工具 ――comfyui 常用工作流.mp4
• [3.4.1]--【1.2.4】AI 主流大语言工具 ―― 语言模型使用基础.mp4
• [4.1]-- 电商通识介绍.mp4
• [5.1]--【2.2.1】AI 技巧篇 ――AI 产品精修.mp4
• [5.2]--【2.2.2】AI 技巧篇 ――AI 人像精修.mp4
• [5.3]--【2.2.3】AI 技巧篇 ――AI 素材溶图.mp4
• [5.4]--【2.2.4】AI 技巧篇 ――AI 图像放大.mp4
• [5.5]--【2.2.5】AI 技巧篇 ――AI 模特换装.mp4
• [6.1.1]--【2.3.1.1】速成基础概念.mp4
• [6.10.1]--【2.3.2.1.2.1】产品在空间海报中的位置摆放.mp4
• [6.10.2]--【2.3.2.1.2.2】画面中形的层级.mp4
• [6.10.3]--【2.3.2.1.2.3】空间海报中的立体构成（上）.mp4
• [6.10.4]--【2.3.2.1.2.3】空间海报中的立体构成（下）.mp4
• [6.10.5]--【2.3.2.1.2.4】画面景别与细节分布.mp4
• [6.11.1]--【2.3.2.2】画面创意方法论 ―― 核心概念思维模型.mp4
• [6.12.1]--【2.3.2.3.1】画面创意的执行 ―― 创意情绪版执行.mp4
• [6.12.2]--【2.3.2.3.2】画面创意的执行 ―― 创意草图执行.mp4
• [6.14.1]--【2.3.2.4.1.1】一点透视案例演示.mp4
• [6.14.2]--【2.3.2.4.1.2】两点透视案例演示.mp4
• [6.14.3]--【2.3.2.4.1.3】写实场景-透视比例.mp4
• [6.14.4]--【2.3.2.4.1.4】写实场景-空间压缩.mp4
• [6.14.5]--【2.3.2.4.1.5】三点透视案例演示.mp4
• [6.15.1]--【2.3.2.4.2.1】层叠基础.mp4
• [6.15.2]--【2.3.2.4.2.2】层叠海报案例演示（1）.mp4
• [6.15.3]--【2.3.2.4.2.2】层叠海报案例演示（2）.mp4
• [6.16.1]--【2.3.2.5.1】基础概念.mp4
• [6.16.2]--【2.3.2.5.2】配色逻辑.mp4
• [6.16.3]--【2.3.2.5.3】配色方式.mp4
• [6.16.4]--【2.3.2.5.4】配色纠错.mp4
• [6.16.5]--【2.3.2.5.5】画面配色设计 ―― 配色案例演示.mp4
• [6.18.1]--【2.3.2.6.1.1】AI 拼稿海报生成 ―― 拼图参考.mp4
• [6.18.2]--【2.3.2.6.1.2】AI 拼稿海报生成 ―― 拼图执行.mp4
• [6.18.3]--【2.3.2.6.1.3】AI 拼稿海报生成 ―― 素材替换.mp4
• [6.18.4]--【2.3.2.6.1.4】AI 拼稿海报生成 ―― 拼稿优化.mp4
• [6.19.1]--【2.3.2.6.2.1】AI 草图生成 ―― 初级草图生成.mp4
• [6.19.2]--【2.3.2.6.2.2】AI 草图生成 ―― 中级草图生成（上）.mp4
• [6.19.3]--【2.3.2.6.2.2】AI 草图生成 ―― 中级草图生成（下）.mp4
• [6.19.4]--【2.3.2.6.2.3】AI 草图生成 ―― 高级草图生成（上）.mp4
• [6.19.5]--【2.3.2.6.2.3】AI 草图生成 ―― 高级草图生成（下）.mp4
• [6.2.1]--【2.3.1.2】产品主题海报.mp4
• [6.21.1]--【2.3.2.7.1.1】黑白光影基础 ―― 素描基础.mp4
• [6.21.2]--【2.3.2.7.1.2】黑白光影基础 ―― 定光分面.mp4
• [6.21.3]--【2.3.2.7.1.3】黑白光影基础 ―― 定光定影（上）.mp4
• [6.21.4]--【2.3.2.7.1.3】黑白光影基础 ―― 定光定影（下）.mp4
• [6.22.1]--【2.3.2.7.2】色彩光影基础.mp4
• [6.23.1]--【2.3.2.7.3.1】曲线.mp4
• [6.23.2]--【2.3.2.7.3.2】色彩平衡.mp4
• [6.23.3]--【2.3.2.7.3.3】色相饱和度.mp4
• [6.23.4]--【2.3.2.7.3.4】CameraRaW.mp4
• [6.23.5]--【2.3.2.7.3.5】图层模式原理与运用.mp4
• [6.24.1]--【2.3.2.7.4.1】画面精修设计 ―― 材质基础.mp4
• [6.24.2]--【2.3.2.7.4.2】画面精修设计 ―― 产品精修（上）.mp4
• [6.24.3]--【2.3.2.7.4.2】画面精修设计 ―― 产品精修（下）.mp4
• [6.24.4]--【2.3.2.7.4.3】画面精修设计 ―― 人像精修.mp4
• [6.24.5]--【2.3.2.7.4.4】画面精修设计 ―― 场景精修.mp4
• [6.25.1]--【2.3.2.7.5】后期全流程.mp4
• [6.26.1]--【2.3.2.7.6.1】大气透视-概念与特征（1）.mp4
• [6.26.2]--【2.3.2.7.6.1】大气透视-概念与特征（2）.mp4
• [6.27.1]--【2.3.2.7.7.1】后期调色-环境色、光色和固有色（上）.mp4
• [6.27.2]--【2.3.2.7.7.1】后期调色-环境色、光色和固有色（下）.mp4
• [6.27.3]--【2.3.2.7.7.2】后期调色-AI 海报案例演示 1（上）.mp4
• [6.27.4]--【2.3.2.7.7.2】后期调色-AI 海报案例演示 1（下）.mp4
• [6.27.5]--【2.3.2.7.7.3】后期调色-AI 海报案例演示 2（上）.mp4
• [6.27.6]--【2.3.2.7.7.3】后期调色-AI 海报案例演示 2（下）.mp4
• [6.28.1]--【2.3.2.7.8】海报特效-.mp4
• [6.28.2]--【2.3.2.7.8】海报特效-(2).mp4
• [6.28.3]--【2.3.2.7.8】海报特效-(3).mp4
• [6.28.4]--【2.3.2.7.8】海报特效-(4).mp4
• [6.29.1]--【2.3.2.7.9】综合案例后期演示-（1）.mp4
• [6.29.2]--【2.3.2.7.9】综合案例后期演示-（2）.mp4
• [6.29.3]--【2.3.2.7.9】综合案例后期演示-（3）.mp4
• [6.29.4]--【2.3.2.7.9】综合案例后期演示-（4）.mp4
• [6.3.1]--【2.3.1.3】模特主题海报.mp4
• [6.4.1]--【2.3.1.4】创意主题海报.mp4
• [6.5.1]--【2.3.1.5】活动主题海报 ―― 促销海报（上）.mp4
• [6.5.2]--【2.3.1.5】活动主题海报 ―― 促销海报（下）.mp4
• [6.6.1]--【2.3.1.6】开屏海报.mp4
• [6.7.1]--【2.3.1.7】涂鸦生成.mp4
• [6.9.1]--【2.3.2.1.1.1】基础概念.mp4
• [6.9.2]--【2.3.2.1.1.2】一点透视.mp4
• [6.9.3]--【2.3.2.1.1.3】两点透视.mp4
• [6.9.4]--【2.3.2.1.1.4】三点透视.mp4
• [6.9.5]--【2.3.2.1.1.5】产品透视判断（上）-圆的透视特征.mp4
• [6.9.6]--【2.3.2.1.1.5】产品透视判断（下）-不同形体产品的透视.mp4
• [6.9.7]--【2.3.2.1.1.6】转透视演示.mp4
• [7.1.1]--【2.4.1.1】版式基础原则.mp4
• [7.1.2]--【2.4.1.2】版式基础原则之对齐.mp4
• [7.1.3]--【2.4.1.3】版式基础原则之对比.mp4
• [7.1.4]--【2.4.1.4】版式基础原则之重复与亲密.mp4
• [7.2.1]--【2.4.2.1】字体基本规范之字体类型与字体搭配.mp4
• [7.2.2]--【2.4.2.2】字体基本规范之字体字重与字号.mp4
• [7.2.3]--【2.4.2.3】字体基本规范之字间距与行间距.mp4
• [7.3.1]--【2.4.3】版式文案信息关系.mp4
• [8.1.1]--【2.5.1】详情页基本框架-上.mp4
• [8.1.2]--【2.5.1】详情页基本框架-下.mp4
• [8.10.10]--【2.5.8.2】详情页商业案例（第二节）-下.mp4
• [8.10.11]--【2.5.8.3】详情页商业案例（第三节）-上.mp4
• [8.10.12]--【2.5.8.3】详情页商业案例（第三节）-中.mp4
• [8.10.13]--【2.5.8.3】详情页商业案例（第三节）-下.mp4
• [8.10.14]--【2.5.8.4】详情页商业案例（第四节）-上.mp4
• [8.10.15]--【2.5.8.4】详情页商业案例（第四节）-中.mp4
• [8.10.16]--【2.5.8.4】详情页商业案例（第四节）-下.mp4
• [8.10.1]--【2.5.8】详情页全流程演练-（1）.mp4
• [8.10.2]--【2.5.8】详情页全流程演练-（2）.mp4
• [8.10.3]--【2.5.8】详情页全流程演练-（3）.mp4
• [8.10.4]--【2.5.8】详情页全流程演练-（4）.mp4
• [8.10.5]--【2.5.8】详情页全流程演练-（5）.mp4
• [8.10.6]--【2.5.8】详情页全流程演练-（6）.mp4
• [8.10.7]--【2.5.8.1】详情页商业案例（第一节）-上.mp4
• [8.10.8]--【2.5.8.1】详情页商业案例（第一节）-下.mp4
• [8.10.9]--【2.5.8.2】详情页商业案例（第二节）-上.mp4
• [8.2.1]--【2.5.2】主图直通车.mp4
• [8.3.1]--【2.5.3.1】详情页情绪版 ―― 详情页文案筹备.mp4
• [8.3.2]--【2.5.3.2】详情页情绪版 ―― 详情页版式标准与配色标准.mp4
• [8.3.3]--【2.5.3.3】详情页情绪版 ―― 详情页情绪版制作（上）.mp4
• [8.3.4]--【2.5.3.3】详情页情绪版 ―― 详情页情绪版制作（下）.mp4
• [8.4.1]--【2.5.4】卖点合集.mp4
• [8.6.1]--【2.5.5.10】卖点表现 ―― 详情页卖点表现形式.mp4
• [8.6.2]--【2.5.5.11】案例 1-详情页卖点案例演示-场景代入.mp4
• [8.6.3]--【2.5.5.12】案例 2-详情页卖点案例演示-特效海报.mp4
• [8.6.4]--【2.5.5.13】案例 3-详情页卖点案例演示-成分海报.mp4
• [8.6.5]--【2.5.5.14】案例 4-详情页卖点案例演示-光效海报.mp4
• [8.7.1]--【2.5.5.2】卖点表现 ―― 美学蒙太奇（视觉锤）（上）.mp4
• [8.7.2]--【2.5.5.2】卖点表现 ―― 美学蒙太奇（视觉锤）（下）.mp4
• [8.8.1]--【2.5.6】通用板块 ―― 详情页通用板块.mp4
• [8.9.1]--【2.5.7】连屏的不同形式 ―― 详情页连屏形式（上）.mp4
• [8.9.2]--【2.5.7】连屏的不同形式 ―― 详情页连屏形式（下）.mp4
• [9.1.1]--【2.6.1.1】首页基本概念.mp4
• [9.1.2]--【2.6.1.2】首页情绪版制作.mp4
• [9.1.3]--【2.6.1.3】首页基础排版（1）.mp4
• [9.1.4]--【2.6.1.3】首页基础排版（2）.mp4
• [9.1.5]--【2.6.1.3】首页基础排版（3）.mp4
• [9.1.6]--【2.6.1.3】首页基础排版（4）.mp4
• [9.2.1]--【2.6.2.1】案例-1-首页 KV 设计-儿童水杯年货节海报-画.mp4
• [9.2.2]--【2.6.2.1】案例-2-首页 KV 设计-儿童水杯年货节海报-A.mp4
• [9.2.3]--【2.6.2.1】案例-3-首页 KV 设计-儿童水杯年货节海报-画.mp4
• [9.2.4]--【2.6.2.2】案例-首页多风格 KV 设计 ―― 情人节海报（上）.mp4
• [9.2.5]--【2.6.2.2】案例-首页多风格 KV 设计 ―― 情人节海报（下）.mp4
• [9.4.1]--【2.6.3.1】kv 设计.mp4
• [9.5.1]--【2.6.3.2.1】首页标题字 ―― 标题字基本概念.mp4
• [9.5.2]--【2.6.3.2.2】首页标题字 ――PS+AI 执行标题字.mp4
• [9.6.1]--【2.6.4】首页机制区质感刻画（上）.mp4
• [9.6.2]--【2.6.4】首页机制区质感刻画（中）.mp4
• [9.6.3]--【2.6.4】首页机制区质感刻画（下）.mp4