【吴刚】电商网站详情页设计初级入门标准视频教程—325人已学习
课程介绍
本套教程在学员有PS软件基础及对网页元素制作有了解的基础上,循序渐进,深入浅出,全篇干货,系统化的讲解电商网站详情页设计流程、电商落地页的特点,以及通过实际电商网站详情页设计案例实操,结合web端的用户交互使用规范,以及相关的技术实现方法手把手教授学生电商网站详情页设计等各方面设计内容及设计规则。
课程收益
《电商网站详情页设计零基础入门标准视频教程》是WUI网页设计模块的系列课程,针对零基础小白上手电商网站详情页设计,适应互联网时代对电商网站设计的需要,是不可多得的零基础上手视频。由业内资深的吴刚老师亲自录制!
讲师介绍
吴刚 更多讲师课程
业内知名UID、UED、用户体验、品牌策略与创意设计师,十三年行业职业教育培训经验,业内“UI视频第一人”,教学总监、视觉设计讲师、 Adobe认证讲师。在水晶石、传智播客、千锋互联、达内时代等知名商业培训机构任职。于2015年创立UI设计学院,组建和带领教学团队培养视觉设计在岗人才逾十万人次,吴刚老师亲自全程授课的首期班学生平均薪资14818元,居中国商业培训行业首位,产品线学员平均薪资逾万元。现任达内时代科技金牌讲师,交互视觉设计课程负责人。
课程大纲
第1章:电商详情页的用户需求与格调定位
1. 01-详情页的类型及详情页在电商时代的发展趋势 10:24
2. 02-逻辑式详情页的分类及与用户需求之间的逻辑关系 3:54
3. 03-网上用户购物特点及详情页内容落地的逻辑性分析 5:50
4. 04-电商详情页设计三要素及内容在详情页中的实现形式 6:48
5. 05-用户体验与电商详情页中内容元素配比权重关系 4:23
6. 06-详情页的排版布局与用户体验的连续性 4:25
7. 07-产品的卖点、调性、目标用户人群定位UE框架 7:08
8. 08-UE逻辑与产品详情页构架的实现方法 6:38
9. 09-产品的同质调性对标及相关对标案例素材的准备 11:23
10. 10-电商产品详情页在软件中的对标稿尺寸设置方法 3:06
第2章:电商详情页引导区的定调及图形图像文字的调性布局
1. 11-详情页首屏引导区画面内容制作与产品细节调整 8:07
2. 12-详情页首屏的文案布局和字体字号调整及细节构图布局 4:17
3. 13-金属人的制作方法及制作步骤 4:10
4. 14-第二屏的构图关系分析及画面要素布局 4:00
5. 15-棚拍素材的垂直抠取及产品透底图提取方法 2:57
6. 16-产品细节效果修饰及展示效果的光影关系合成 8:13
7. 17-产品的粒子渐变展示效果制作 2:24
8. 18-第二屏中文案信息位置布局及文字间距调整 3:27
9. 19-背景素材在对标项目中的提取及图案填充方法 2:33
10. 20-模特棚拍图的头发抠取方法及其在详情页中的构图关系安排 7:00
11. 21-模特面部细节修复方法 2:52
第3章:详情页的图文排版设计与页面布局实现
1. 22-黑屏模特的面部细节处理方法及高光效果 4:13
2. 23-文案屏的文字排版布局制作 2:21
3. 24-灰屏效果制作及文案屏布局的延续 3:54
4. 25-内容区的图文特写效果排版布局与制作方法 5:53
第4章:网页元素组件与产品调性的画面化
1. 26-暗场设计分析及页面背景布局 3:31
2. 27-产品品牌LOGO制作和字体选择排版 3:12
3. 28-产品细节的展示及画面化效果制作步骤 6:53
4. 29-金属按钮底座拟物效果制作 3:15
5. 30-选购按钮的line icon绘制方法 4:32
6. 31-搜索框的制作方法 5:43
7. 32-品牌LOGO金属铭牌效果制作 7:27
8. 33-暗场底纹图形批量复制及细节效果制作 5:57
9. 34-内容列表区域的标签排版布局和实现方法 5:26
10. 35-下拉箭头的制作方法及渐变对位细节调整 4:53
11. 36-产品数量选择web元素金属拟物质感的技术实现方法 12:15
12. 37-页面布局分析及设计分析 2:58
13. 38-图案填充中图案的大小缩放及修改图案定义方法 2:28
14. 39-文案标签排版及商品属性文案布局 5:59
15. 40-金属效果异形图形的钢笔绘制及布尔运算实现方法 6:12
16. 41-暗屏产品细节展示版的批量化制作方法 13:15
17. 42-渐变金属色背景模特产品展示屏制作 5:04
18. 43-化妆前后面部效果对比图制作方法 5:06
第5章:电商详情页设计的逻辑分析和设计分析及应用方法
1. 44-电商详情页的逻辑分析和设计分析总结 8:59
大家可以点击【 查看详情】查看我的课程
课程介绍

本套教程在学员有PS软件基础及对网页元素制作有了解的基础上,循序渐进,深入浅出,全篇干货,系统化的讲解电商网站详情页设计流程、电商落地页的特点,以及通过实际电商网站详情页设计案例实操,结合web端的用户交互使用规范,以及相关的技术实现方法手把手教授学生电商网站详情页设计等各方面设计内容及设计规则。
课程收益
《电商网站详情页设计零基础入门标准视频教程》是WUI网页设计模块的系列课程,针对零基础小白上手电商网站详情页设计,适应互联网时代对电商网站设计的需要,是不可多得的零基础上手视频。由业内资深的吴刚老师亲自录制!
讲师介绍
吴刚 更多讲师课程
业内知名UID、UED、用户体验、品牌策略与创意设计师,十三年行业职业教育培训经验,业内“UI视频第一人”,教学总监、视觉设计讲师、 Adobe认证讲师。在水晶石、传智播客、千锋互联、达内时代等知名商业培训机构任职。于2015年创立UI设计学院,组建和带领教学团队培养视觉设计在岗人才逾十万人次,吴刚老师亲自全程授课的首期班学生平均薪资14818元,居中国商业培训行业首位,产品线学员平均薪资逾万元。现任达内时代科技金牌讲师,交互视觉设计课程负责人。
课程大纲
第1章:电商详情页的用户需求与格调定位
1. 01-详情页的类型及详情页在电商时代的发展趋势 10:24
2. 02-逻辑式详情页的分类及与用户需求之间的逻辑关系 3:54
3. 03-网上用户购物特点及详情页内容落地的逻辑性分析 5:50
4. 04-电商详情页设计三要素及内容在详情页中的实现形式 6:48
5. 05-用户体验与电商详情页中内容元素配比权重关系 4:23
6. 06-详情页的排版布局与用户体验的连续性 4:25
7. 07-产品的卖点、调性、目标用户人群定位UE框架 7:08
8. 08-UE逻辑与产品详情页构架的实现方法 6:38
9. 09-产品的同质调性对标及相关对标案例素材的准备 11:23
10. 10-电商产品详情页在软件中的对标稿尺寸设置方法 3:06
第2章:电商详情页引导区的定调及图形图像文字的调性布局
1. 11-详情页首屏引导区画面内容制作与产品细节调整 8:07
2. 12-详情页首屏的文案布局和字体字号调整及细节构图布局 4:17
3. 13-金属人的制作方法及制作步骤 4:10
4. 14-第二屏的构图关系分析及画面要素布局 4:00
5. 15-棚拍素材的垂直抠取及产品透底图提取方法 2:57
6. 16-产品细节效果修饰及展示效果的光影关系合成 8:13
7. 17-产品的粒子渐变展示效果制作 2:24
8. 18-第二屏中文案信息位置布局及文字间距调整 3:27
9. 19-背景素材在对标项目中的提取及图案填充方法 2:33
10. 20-模特棚拍图的头发抠取方法及其在详情页中的构图关系安排 7:00
11. 21-模特面部细节修复方法 2:52
第3章:详情页的图文排版设计与页面布局实现
1. 22-黑屏模特的面部细节处理方法及高光效果 4:13
2. 23-文案屏的文字排版布局制作 2:21
3. 24-灰屏效果制作及文案屏布局的延续 3:54
4. 25-内容区的图文特写效果排版布局与制作方法 5:53
第4章:网页元素组件与产品调性的画面化
1. 26-暗场设计分析及页面背景布局 3:31
2. 27-产品品牌LOGO制作和字体选择排版 3:12
3. 28-产品细节的展示及画面化效果制作步骤 6:53
4. 29-金属按钮底座拟物效果制作 3:15
5. 30-选购按钮的line icon绘制方法 4:32
6. 31-搜索框的制作方法 5:43
7. 32-品牌LOGO金属铭牌效果制作 7:27
8. 33-暗场底纹图形批量复制及细节效果制作 5:57
9. 34-内容列表区域的标签排版布局和实现方法 5:26
10. 35-下拉箭头的制作方法及渐变对位细节调整 4:53
11. 36-产品数量选择web元素金属拟物质感的技术实现方法 12:15
12. 37-页面布局分析及设计分析 2:58
13. 38-图案填充中图案的大小缩放及修改图案定义方法 2:28
14. 39-文案标签排版及商品属性文案布局 5:59
15. 40-金属效果异形图形的钢笔绘制及布尔运算实现方法 6:12
16. 41-暗屏产品细节展示版的批量化制作方法 13:15
17. 42-渐变金属色背景模特产品展示屏制作 5:04
18. 43-化妆前后面部效果对比图制作方法 5:06
第5章:电商详情页设计的逻辑分析和设计分析及应用方法
1. 44-电商详情页的逻辑分析和设计分析总结 8:59
大家可以点击【 查看详情】查看我的课程