本课程系统讲解界面设计的核心知识与实践技能，涵盖设计基础、规范标准、原型制作及综合项目开发。课程从色彩、版式、图标等视觉要素入手，深入教授使用Axure RP进行APP与WEB网站高保真原型设计的方法，并通过多个商业案例强化实战能力，旨在培养学员完成从需求分析到交互实现的全流程界面设计能力。

视频课程目录：
01 师资队伍
02 课程内容设计
03 界面设计基础
04 界面设计规范
05 RP原型设计
06 APP原型设计与实现
07 WEB网站原型设计与实现
08 课外拓展：PS综合案例
09 课外拓展：RP综合案例
10 课后学习资料
11 综合实训模块
12 小程序原型设计与实现
13 WEB网站原型设计与实现




├─{01}--师资队伍建设状况
│ (1.1.1)--《界面设计》师资队伍整体能力（获奖证书）.pdf
│ (1.1.2)--《界面设计》师资队伍整体能力（课题结题证书）.pdf
│ (1.2)--《界面设计》师资队伍整体能力（发表的论文）.pdf
│ (1.3)--《界面设计》师资队伍整体能力（师资培训）.pdf
│
├─{02}--课程内容设计
│ #2.2#--图文.pdf
│ #2.3.1#--图文.pdf
│ #2.3.2#--图文.pdf
│ #2.5#--图文.pdf
│ (2.1)--2019级-电子商务技术专业《界面设计》课程标准(2).pdf
│ (2.3.1)--《界面设计》教材.doc
│ (2.3.2)--自编教材教参.pdf
│ (2.4)--《界面设计》教学案例集.pdf
│ (2.5)--学生部分作品成果展示.pdf
│
├─{03}--模块一界面设计基础
│ #3.1#--图文.pdf
│ #3.2#--图文.pdf
│ #3.3.1#--图文.pdf
│ #3.3.2#--图文.pdf
│ #3.4#--图文.pdf
│ #3.5#--图文.pdf
│ (3.1.1)--3.1教学设计(1).pdf
│ (3.1.2)--3.1(1).pdf
│ (3.2.1)--3.2教学设计(2).pdf
│ (3.2.2)--3.2(1).pdf
│ (3.3.1)--3.3教学设计(1).pdf
│ (3.3.2)--03利用页面区域管理软件页面（一）(1).ppt
│ (3.4.1)--3.4教学设计.pdf
│ (3.4.2)--3-4.pdf
│ (3.4.3)--在线考试系统流程图.ppt
│ [3.1]--1-1.mp4
│ [3.2]--1-2.mp4
│ [3.3.1]--1-3.mp4
│ [3.3.2]--站点地图规划与制作.mp4
│ [3.4]--1-.mp4
│
├─{04}--模块二界面设计规范
│ #4.1.1#--图文.pdf
│ #4.1.2#--图文.pdf
│ #4.1.3#--图文.pdf
│ #4.2.1#--图文.pdf
│ #4.2.2#--图文.pdf
│ #4.3.1#--图文.pdf
│ #4.3.2#--图文.pdf
│ #4.4.1#--图文.pdf
│ #4.4.2#--图文.pdf
│ #4.4.3#--图文.pdf
│ #4.5.1#--图文.pdf
│ #4.5.2#--图文.pdf
│ #4.6#--图文.pdf
│ (4.1.1)--4.1教学设计.pdf
│ (4.1.2)--5.界面中的色彩.ppt
│ (4.1.3)--4-1案例训练(2).pdf
│ (4.1.4)--故宫素材(1).rar
│ (4.1.5)--色彩解读.rar
│ (4.1.6)--配图.rar
│ (4.2.1)--4.2教学设计.pdf
│ (4.2.2)--7.界面中的图形图像设计.ppt
│ (4.2.3)--4-2案例训练.pdf
│ (4.2.4)--制作婚纱摄影类公众号运营海报素材(1).rar
│ (4.2.5)--手机banner素材(1).rar
│ (4.2.6)--界面设计流程与规范.pdf
│ (4.3.1)--4.3教学设计.pdf
│ (4.3.2)--9.界面中的文字编排设计.ppt
│ (4.3.3)--4-4案例训练.pdf
│ (4.3.4)--系统字体.rar
│ (4.4.1)--4.4教学设计.pdf
│ (4.4.2)--11.界面中版式的构成与设计.ppt
│ (4.4.3)--4-3案例训练.pdf
│ (4.4.4)--规范-原型.psd
│ (4.4.5)--几种版式布局参考.doc
│ (4.4.6)--版式设计.pdf
│ (4.5.1)--4.5教学设计.pdf
│ (4.5.2)--13-16界面元素设计与练习.ppt
│ (4.5.3)--4-5案例训练.pdf
│ (4.5.4)--案例素材.zip
│ (4.5.5)--Android图标整理.sketch
│ (4.5.6)--组件库.xd
│ (4.5.7)--ICON.zip
│ (4.5.8)--组建模板（ps）.rar
│ [4.1.1]--2-1.mp4
│ [4.1.2]--调色技巧.mp4
│ [4.2]--2-2.mp4
│ [4.3]--2-3.mp4
│ [4.4]--2-.mp4
│ [4.5]--2-5.mp4
│
├─{05}--模块三RP原型设计
│ #5.1#--图文.pdf
│ #5.2.1#--图文.pdf
│ #5.2.2#--图文.pdf
│ #5.3.1#--图文.pdf
│ #5.3.2#--图文.pdf
│ #5.4#--图文.pdf
│ #5.5#--图文.pdf
│ #5.6#--图文.pdf
│ #5.7.1#--图文.pdf
│ #5.7.2#--图文.pdf
│ #5.8#--图文.pdf
│ (5.1.1)--5.1教学设计.pdf
│ (5.1.2)--10.互联网产品原型设计.ppt
│ (5.1.3)--基础训练——低保真原型设计.doc
│ (5.2.1)--5.2教学设计.pdf
│ (5.2.2)--11AxureRP部件库.ppt
│ (5.3.1)--5.3教学设计.pdf
│ (5.3.2)--12动态面板动态效果（一）.ppt
│ (5.3.3)--13动态面板训练登录界面切换.doc
│ (5.4.1)--5.4教学设计.pdf
│ (5.4.2)--13动态面板动态效果（二）.ppt
│ (5.4.3)--图片素材.rar
│ (5.5.1)--5.5教学设计.pdf
│ (5.5.2)--5-5.pdf
│ (5.5.3)--训练：“12306火车购票网站”母板原型设计.doc
│ (5.5.4)--images.zip
│ (5.6.1)--5.6教学设计.pdf
│ (5.6.2)--15.中继器模拟数据库操作.ppt
│ (5.6.3)--案例训练中继器模拟数据库操作训练.pdf
│ (5.7.1)--5.7教学设计.pdf
│ (5.7.2)--5-7.pdf
│ [5.1]--3-1.mp4
│ [5.2]--表单部件的介绍.mp4
│ [5.3.1]--3-3.mp4
│ [5.3.2]--动态面板常用功能(2).mp4
│ [5.3.3]--淘宝登录(1).mp4
│ [5.4.1]--京东商城注册表单页面设计与制作之页签动态面板制作.mp4
│ [5.4.2]--表单注册内容个人用户注册.mp4
│ [5.4.3]--企业用户表单注册.mp4
│ [5.5.1]--3-5.mp4
│ [5.5.2]--12306母版设计制作1.mp4
│ [5.5.3]--12306母版设计制作2.mp4
│ [5.6.1]--AXure高级应用1——导航菜单交互设计1.mp4
│ [5.6.2]--AXure高级应用1——导航菜单交互设计2.mp4
│ [5.6.3]--AXure高级应用1——导航菜单交互设计3.mp4
│ [5.6.4]--中继器介绍.mp4
│ [5.6.5]--中继器管理.mp4
│ [5.7.1]--3-7.mp4
│ [5.7.2]--个人简历表.mp4
│
├─{06}--模块四APP原型设计与实现
│ #6.1#--图文.pdf
│ #6.2#--图文.pdf
│ #6.3#--图文.pdf
│ #6.4#--图文.pdf
│ #6.5#--图文.pdf
│ #6.6#--图文.pdf
│ #6.7#--图文.pdf
│ #6.8#--图文.pdf
│ #6.9#--图文.pdf
│ (6.1.1)--6.1教学设计.pdf
│ (6.1.2)--6-1.pdf
│ (6.1.3)--案例训练一猫眼电影App需求分析报告.pdf
│ (6.2.1)--6.2教学设计.pdf
│ (6.2.2)--6-2.pdf
│ (6.2.3)--案例训练二猫眼电影App底部标签导航设计.pdf
│ (6.3.1)--6.3教学设计.pdf
│ (6.3.2)--6-3.pdf
│ (6.3.3)--案例训练三猫眼电影App底部标签导航设计.pdf
│ (6.4.1)--6.4教学设计.pdf
│ (6.4.2)--6-4.pdf
│ (6.4.3)--案例训练四猫眼电影App海报轮播效果制作.pdf
│ (6.5.1)--6.5教学设计.pdf
│ (6.5.2)--6-5.pdf
│ (6.5.3)--案例训练五猫眼电影App页签切换效果制作.pdf
│ (6.6.1)--6.6教学设计.pdf
│ (6.6.2)--6-6.pdf
│ (6.6.3)--案例训练六猫眼电影App页面内容上下滑动.pdf
│ (6.7.1)--6.7教学设计.pdf
│ (6.7.2)--6-7.pdf
│ (6.7.3)--案例训练七猫眼电影App页面内容左右滑动.pdf
│ (6.8.1)--6.8教学设计.pdf
│ (6.8.2)--6-8.pdf
│ (6.8.3)--案例训练八猫眼电影App合成与发布.pdf
│ (6.9)--拓展训练.ppt
│ [6.1.1]--4-1.mp4
│ [6.1.2]--app1.mp4
│ [6.1.3]--app2.mp4
│ [6.2.1]--4-2.mp4
│ [6.2.2]--app3.mp4
│ [6.3.1]--a.mp4
│ [6.3.2]--app5(1).mp4
│ [6.3.3]--app6.mp4
│ [6.4.1]--BANNER轮播2.mp4
│ [6.4.2]--Banner轮播1.mp4
│ [6.4.3]--幻灯片轮播交互.mp4
│ [6.5]--app页签切换效果.mp4
│ [6.6]--app上下滑动效果.mp4
│ [6.7]--app左右拖动效果.mp4
│ [6.8]--4-8.mp4
│ [6.9]--任务1：需求描述.mp4
│
├─{07}--模块五WEB网站原型设计与实现
│ #7.1#--图文.pdf
│ #7.2#--图文.pdf
│ #7.3.1#--图文.pdf
│ #7.3.2#--图文.pdf
│ #7.4.1#--图文.pdf
│ #7.4.2#--图文.pdf
│ #7.5#--图文.pdf
│ #7.6#--图文.pdf
│ #7.7#--图文.pdf
│ #7.8#--图文.pdf
│ (7.1.1)--7.1教学设计(1).pdf
│ (7.1.2)--7-1.pdf
│ (7.1.3)--案例训练一蜜淘全球购网站需求分析报告.pdf
│ (7.2.1)--7.2教学设计(2).pdf
│ (7.2.2)--7-2.pdf
│ (7.2.3)--案例训练二蜜淘全球购网站登录布局设计.pdf
│ (7.3.1)--7.3教学设计(2).pdf
│ (7.3.2)--7-3.ppt
│ (7.3.3)--案例训练三蜜淘全球购网站登录表单验证交互设计.doc
│ (7.4.1)--7.4教学设计(1).pdf
│ (7.4.2)--7-4.ppt
│ (7.4.3)--案例训练四蜜淘全球购网站注册表单设计.pdf
│ (7.5.1)--7.5教学设计(2).pdf
│ (7.5.2)--7-5.pdf
│ (7.5.3)--案例训练五蜜淘全球购网站首页布局设计.pdf
│ (7.6.1)--7.6教学设计(1).pdf
│ (7.6.2)--7-6.pdf
│ (7.6.3)--案例训练六蜜淘全球购网站首页交互设计.pdf
│ (7.6.4)--蜜淘全球购网站设计素材.rar
│ (7.7.1)--7.7教学设计(1).pdf
│ (7.7.2)--7-7.pdf
│ (7.7.3)--案例训练七蜜淘全球购网站详情页设计.pdf
│ (7.8.1)--7.8教学设计(1).pdf
│ (7.8.2)--7-8.pdf
│ (7.8.3)--案例训练八蜜淘全球购网站高保真原型合成与发布.pdf
│ (7.9)--拓展训练蜜淘全球购网站高保真原型设计.pdf
│ [7.1]--5-1.mp4
│ [7.2]--web登录页面制作.mp4
│ [7.3.1]--web首页设计与制作1.mp4
│ [7.3.2]--web首页设计制作2.mp4
│ [7.3.3]--李娜课堂实录1.mp4
│ [7.4.1]--web注册页面设计制作.mp4
│ [7.4.2]--李娜课堂实录2.mp4
│ [7.5.1]--web首页设计与制作1(1).mp4
│ [7.5.2]--web首页设计制作2(1).mp4
│ [7.6]--web导航设计制作.mp4
│ [7.7]--web详情页设计制作.mp4
│ [7.8]--5-8.mp4
│
├─{08}--课外拓展训练：PS综合案例
│ #8.1#--图文.pdf
│ #8.2#--图文.pdf
│ #8.3#--图文.pdf
│ #8.4#--图文.pdf
│ #8.5#--图文.pdf
│ #8.6#--图文.pdf
│ #8.7#--图文.pdf
│ #8.8#--图文.pdf
│ #8.9#--图文.pdf
│ (8.1.1)--1.制作衣服贴花.swf
│ (8.1.2)--2.制作电影海报.swf
│ (8.1.3)--制作衣服贴花素材.zip
│ (8.1.4)--制作电影海报素材.zip
│ (8.1.5)--PS图层训练.doc
│ (8.2.1)--饮茶图标效果.avi
│ (8.2.2)--佳艺博览会.avi
│ (8.2.3)--鼠标车.avi
│ (8.2.4)--饮茶图标效果制作素材.zip
│ (8.2.5)--鼠标车效果素材.zip
│ (8.2.6)--路径工具练习.doc
│ (8.3.1)--1制作酒广告(1).swf
│ (8.3.2)--2制作电视广告.swf
│ (8.3.3)--酒广告素材.rar
│ (8.3.4)--电视宣传海报素材.zip
│ (8.3.5)--PS基本工具训练.doc
│ (8.3.6)--1艺术化相片素材.zip
│ (8.3.7)--智能手机宣传单素材.zip
│ (8.3.8)--汽车网页效果图素材.zip
│ [8.4]--9.9课后习题——制作IT互联网App闪屏页.mp4
│ [8.5]--9.5制作旅游出行公众号推广海报.mp4
│ [8.6]--8.3.1课堂案例——制作彩妆网店详情页主图.mp4
│ [8.7]--8.4课堂练习——制作家电类网站主页Banner.mp4
│ [8.8]--6.1.8课堂案例——制作旅游出行微信公众号封面首图.mp4
│ [8.9]--5.4课堂练习——制作旅游出行类公众号封面次图.mp4
│
├─{09}--课外扩展模块：RP综合案例
│ #9.1#--图文.pdf
│ (9.1)--幻灯片轮播效果.ppt
│ [9.1.1]--Banner轮播1(2).mp4
│ [9.1.2]--BANNER轮播2(1).mp4
│ [9.1.3]--幻灯片轮播交互(1).mp4
│
├─{10}--课后学习和资料
│ #10.2.1#--图文.pdf
│ #10.2.2#--图文.pdf
│ #10.3.1#--图文.pdf
│ #10.3.2#--图文.pdf
│ (10.1.1)--湖南商务职业技术学院电子商务技术专业学生技能考核标准（界面设计模.pdf
│ (10.1.2)--《界面设计》课程案例集.pdf
│ (10.2.1)--界面设计标准.pdf
│ (10.2.2)--界面设计初级知识点.pdf
│ (10.2.3)--界面设计中级知识点.pdf
│ (10.2.4)--界面设计高级知识点.pdf
│ (10.2.5)--界面设计.ppt
│
├─{11}--综合实训模块
│ #11.1.1#--图文.pdf
│ #11.1.2#--图文.pdf
│ #11.2.1#--图文.pdf
│ #11.2.2#--图文.pdf
│ #11.2.3#--图文.pdf
│ #11.3.1#--图文.pdf
│ #11.3.2#--图文.pdf
│ #11.3.3#--图文.pdf
│ #11.3.4#--图文.pdf
│ #11.4.1#--图文.pdf
│ #11.4.2#--图文.pdf
│ #11.4.3#--图文.pdf
│ #11.4.4#--图文.pdf
│ #11.4.5#--图文.pdf
│ #11.5.1#--图文.pdf
│ #11.5.2#--图文.pdf
│ #11.6#--图文.pdf
│ (11.1)--素材.rar
│ (11.2.1)--素材1.zip
│ (11.2.2)--西湖龙井包装.psd
│ (11.2.3)--素材3.zip
│ (11.3.1)--素材.zip
│ (11.3.2)--案例2素材.zip
│ (11.3.3)--案例3素材.zip
│ (11.3.4)--案例4素材.zip
│ (11.3.5)--Photoshop打造财富创意商业广告海报_纯图版.pdf
│ (11.4.1)--案例训练3-1：满版banner.pdf
│ (11.4.10)--背景叠加法排版设计素材.zip
│ (11.4.11)--背景分割法排版设计素材.zip
│ (11.4.2)--电商女包排版海报图片满版法素材.rar
│ (11.4.3)--案例训练3-2：图文穿插海报设计.pdf
│ (11.4.4)--电商女包图文穿插法排版设计素材.zip
│ (11.4.5)--案例训练3-3：色块拼接Banner设计.doc
│ (11.4.6)--电商女包色块拼接海报设计素材.zip
│ (11.4.7)--案例训练3-4：电商风尚Banner设计.pdf
│ (11.4.8)--原图.rar
│ (11.4.9)--拓展训练1：背景叠加法设计.doc
│ (11.5.1)--案例训练：PS动态图效制作.doc
│ (11.5.2)--动图素材.rar
│ (11.6.1)--PHOTOSHOP制作全景图.pdf
│ (11.6.2)--照片素材.zip
│ [11.1.1]--雅诗兰黛精修图视屏讲解（一）.mp4
│ [11.1.2]--雅诗兰黛精修图视屏讲解（二）.mp4
│ [11.1.3]--雅诗兰黛精修图视屏讲解（三）.mp4
│
├─{12}--模块二湖湘味道小程序原型设计与实现
│ └─{03}--任务3界面交互设计
└─{13}--湖湘味道WEB网站原型设计与实现