本课程系统讲解用户界面设计的核心知识与实践技能。课程从UI设计概述入手，涵盖图标设计、界面规范、用户体验与交互设计等核心模块，并通过项目实践引导学员完成从需求分析到界面实现的全流程。课程注重理论与实践结合，包含大量设计案例与实操练习，旨在培养学员的界面设计思维与制作能力。

视频课程目录：
1. UI综述
2. 图标设计与制作规范
3. 界面设计与制作规范
4. 用户体验与交互设计
5. 项目产品的创意与实践
6. 项目小组创作专题
7. 拓展教学资源
8. 优秀学生作品展示
9. 教学范例参考




├─{01}--UI综述
│ (1.1)--单元一：UI概述-1.pdf
│ (1.2)--单元一：UI概述-2(1).pdf
│ (1.3)--单元一：UI概述-3(1).pdf
│ (1.4)--单元一：UI概述-4.pdf
│ (1.5)--单元一：UI概述-5.pdf
│
├─{02}--图标设计与制作规范
│ │ #2.1#--图文.pdf
│ │ #2.2.1#--图文.pdf
│ │ #2.2.2#--图文.pdf
│ │ (2.2.1)--飞机透视.psd
│ │ (2.2.2)--02）剪影图标PS模板.psd
│ │ (2.6)--单元二：图标设计与制作（二）剪影图标：功能图标创作.pdf
│ │
│ ├─{01}--图标概述
│ │ #2.1.6.1#--图文.pdf
│ │ #2.1.6.2#--图文.pdf
│ │ #2.1.6.3#--图文.pdf
│ │ #2.1.6.4#--图文.pdf
│ │ #2.1.6.5#--图文.pdf
│ │ #2.1.6.6#--图文.pdf
│ │ #2.1.6.7#--图文.pdf
│ │ #2.1.7.1#--图文.pdf
│ │ #2.1.7.2#--图文.pdf
│ │ #2.1.8#--图文.pdf
│ │ (2.1.1)--单元二：图标设计与制作（一）图标的概念和分类.pdf
│ │ (2.1.2)--单元二：图标设计与制作（一）图标分类(2).pdf
│ │ (2.1.3)--单元二：图标设计与制作（一）图标设计规范.pdf
│ │ (2.1.4)--单元二：图标设计与制作（一）图标设计原则.pdf
│ │ (2.1.5.1)--单元二：图标设计与制作（一）图标制作的一般流程和方法(1).pdf
│ │ (2.1.5.2)--单元二：图标设计与制作（二）布尔运算与黄金规圆（9-12）.pdf
│ │ (2.1.5.3)--单元二：图标设计与制作（二）图标制作的一般流程.pdf
│ │ (2.1.6.1)--用户界面设计教师认证-课程视频02.wmv
│ │ (2.1.6.2)--zuobiao.avi
│ │ (2.1.6.3)--zuobiao02.avi
│ │ (2.1.7.1)--精致的音箱图标.swf
│ │ (2.1.7.2)--逼真的西瓜图标.swf
│ │ [2.1.6.1]--02图标制作的一般流程与方法（一）：微信图标.mp4
│ │ [2.1.6.2]--03图标制作的一般流程与方法（二）：坐标图标.mp4
│ │ [2.1.6.3]--cloud.mp4
│ │ [2.1.6.4]--chrome.mp4
│ │ [2.1.6.5]--tuopan.mp4
│ │ [2.1.6.6]--图标投影.mp4
│ │ [2.1.6.7]--图标底座模板.mp4
│ │ [2.1.7.1]--二分环制作.mp4
│ │ [2.1.7.2]--曲面四分环.mp4
│ │ [2.1.7.3]--四分环制作.mp4
│ │ [2.1.7.4]--信封图标制作.mp4
│ │ [2.1.7.5]--时钟图标.mp4
│ │ [2.1.7.6]--光盘图标的制作（两种方法）.mp4
│ │ [2.1.7.7]--玉镯图标的制作.mp4
│ │
│ ├─{02}--剪影图标
│ │ (2.2.1)--单元二：图标设计与制作（三）剪影图标(2).pdf
│ │ (2.2.2)--单元二：图标设计与制作（二）剪影图标制作.pdf
│ │
│ ├─{03}--扁平化图标
│ │ #2.3.4.1#--图文.pdf
│ │ #2.3.4.2#--图文.pdf
│ │ #2.3.5.1#--图文.pdf
│ │ #2.3.5.2#--图文.pdf
│ │ #2.3.6.1#--图文.pdf
│ │ #2.3.6.2#--图文.pdf
│ │ #2.3.6.3#--图文.pdf
│ │ #2.3.6.4#--图文.pdf
│ │ (2.3.1)--单元二：图标设计与制作（三）扁平化图标的概念和特点.pdf
│ │ (2.3.2)--单元二：图标设计与制作（三）扁平化图标风格分析.pdf
│ │ (2.3.3)--单元二：图标设计与制作（三）扁平化风格设计原则及实践.pdf
│ │ (2.3.4)--底座模板练习文件.psd
│ │ [2.3.1]--05扁平化图标（一）-概述.mp4
│ │ [2.3.4.1]--06扁平化图标制作（一）-chrome图标_x26.mp4
│ │ [2.3.4.2]--07扁平化图标制作（二）-二分环图标.mp4
│ │ [2.3.4.3]--08_扁平化图标制作（三）-曲面四分环.mp4
│ │ [2.3.4.4]--09_扁平化图标制作（四）-四分环.mp4
│ │
│ ├─{04}--轻拟物图标（2.5D图标）
│ │ #2.4.3#--图文.pdf
│ │ [2.4.2.1]--11轻拟物图标制作（一）-三种投影.mp4
│ │ [2.4.2.2]--10_轻拟物图标_图标投影.mp4
│ │ [2.4.2.3]--17轻拟物图标制作（二）时钟.mp4
│ │ [2.4.2.4]--18轻拟物图标制作（三）信封.mp4
│ │ [2.4.2.5]--光盘图标的制作（两种方法）.mp4
│ │
│ └─{05}--拟物化图标（3D图标）
│ #2.5.1.1#--图文.pdf
│ #2.5.1.2#--图文.pdf
│ (2.5.1)--剪影、扁平图标制作步骤.xmind
│ [2.5.1]--玉镯图标的制作.mp4
│
├─{03}--界面设计与制作规范
│ │ #3.5#--图文.pdf
│ │ #3.6#--图文.pdf
│ │ #3.8#--图文.pdf
│ │ #3.9#--图文.pdf
│ │ (3.1)--单元三：界面设计与制作规范（一）交互基础.ppt
│ │ (3.2)--单元三：界面设计与制作规范（二）手机界面要素设计.pdf
│ │ (3.3)--单元三：界面设计与制作规范（三）手机界面导航样式及功能分析.pdf
│ │ (3.4)--单元三：界面设计与制作规范（三）移动应用界面设计规范(1).pdf
│ │ (3.5.1)--水晶质感按钮.swf
│ │ (3.5.2)--精美下载按钮.swf
│ │ (3.5.3)--简洁开机按钮.swf
│ │ (3.6.1)--古典式登录界面.swf
│ │ (3.6.2)--查询系统登录界面.swf
│ │ (3.6.3)--笔记本式登录界面.swf
│ │ (3.9.1)--时尚的软件登录界面.swf
│ │ (3.9.2)--软件发布界面.swf
│ │ (3.9.3)--漂亮的软件下拉菜单.swf
│ │ (3.9.4)--网络电话软件界面.swf
│ │ (3.9.5)--视频播放器软件界面.swf
│ │
│ ├─{04}--手机界面制作规范
│ │ #3.4.1.1#--图文.pdf
│ │ #3.4.1.2#--图文.pdf
│ │ #3.4.1.3#--图文.pdf
│ │ #3.4.1.4#--图文.pdf
│ │ #3.4.1.5#--图文.pdf
│ │ #3.4.1.6#--图文.pdf
│ │
│ ├─{05}--手机界面制作案例
│ │ #3.5.1.1#--图文.pdf
│ │ #3.5.1.2#--图文.pdf
│ │ #3.5.3#--图文.pdf
│ │ (3.5.1.1)--照片样式界面2.swf
│ │ (3.5.1.2)--展示界面制作素材(1).rar
│ │ (3.5.2)--单元三：界面设计与制作规范（四）手机界面设计案例(1).pdf
│ │ [3.5.2]--实训操作：网易新闻-新闻正文界面制作.mp4
│ │
│ ├─{06}--登录界面专栏
│ │ #3.6.1.1#--图文.pdf
│ │ #3.6.1.2#--图文.pdf
│ │ #3.6.2.1#--图文.pdf
│ │ #3.6.2.2#--图文.pdf
│ │ #3.6.3#--图文.pdf
│ │ (3.6.2.1)--清新的网站登录界面.swf
│ │ (3.6.2.2)--古典式登录界面.swf
│ │ (3.6.2.3)--笔记本式登录界面.swf
│ │ (3.6.2.4)--查询系统登录界面.swf
│ │
│ ├─{07}--网站界面专栏
│ │ #3.7.1#--图文.pdf
│ │ #3.7.2#--图文.pdf
│ │ (3.7.2.1)--科技网站页面.swf
│ │ (3.7.2.2)--旅游网站页面——背景图.swf
│ │ (3.7.2.3)--公司网站页面——导航和其他.swf
│ │ (3.7.2.4)--房地产网站页面.swf
│ │
│ ├─{08}--手机界面专栏
│ │ #3.8.1#--图文.pdf
│ │ #3.8.2.1#--图文.pdf
│ │ #3.8.2.2#--图文.pdf
│ │ #3.8.2.3#--图文.pdf
│ │ #3.8.2.4#--图文.pdf
│ │ #3.8.2.5#--图文.pdf
│ │ #3.8.2.6#--图文.pdf
│ │ #3.8.2.7#--图文.pdf
│ │ (3.8.1.1)--光泽图标界面样式.swf
│ │ (3.8.1.2)--写实界面样式.swf
│ │ (3.8.1.3)--像素框界面样式.swf
│ │ (3.8.1.4)--滚动按钮界面样式.swf
│ │ (3.8.2.1)--手机功能界面.swf
│ │ (3.8.2.2)--手机电量图标.swf
│ │ (3.8.2.3)--功能选择界面.swf
│ │ (3.8.2.4)--手机天气信息界面.swf
│ │ (3.8.2.5)--通话记录界面.swf
│ │ (3.8.2.6)--照片样式界面2.swf
│ │
│ └─{10}--手游专栏
│ #3.10.1.1#--图文.pdf
│ #3.10.1.2#--图文.pdf
│ (3.10.1.1)--儿童益智游戏(1).swf
│ (3.10.1.2)--卡通角色游戏.swf
│ (3.10.1.3)--图形方块游戏.swf
│ (3.10.1.4)--涂鸦游戏界面.swf
│
├─{04}--用户体验与交互设计
│ │ (4.2)--单元四：交互设计与用户体验（二）-格式塔原理.pdf
│ │ (4.3)--单元四：交互设计与用户体验(三)-交互设计与规划.pdf
│ │
│ ├─{01}--用户体验
│ │ (4.1.1)--单元四：交互设计与用户体验(一)-用户需求分析.pdf
│ │
│ └─{03}--交互设计与规划
│ (4.3.1)--单元四：交互设计与用户体验(三)-交互设计流程及定义.pdf
│ (4.3.2)--单元四：交互设计与用户体验(三)-交互设计表现方式.pdf
│ (4.3.3)--单元四：交互设计与用户体验(三)-交互设计软件及分析.pdf
│
├─{05}--项目产品的创意与实践
│ (5.1)--5-1找痛点，确定产品定位(2).pdf
│ (5.2)--5-2做调研，完成需求方案(1).pdf
│ (5.3)--5-3设流程，实现交互设计.pdf
│ (5.4.1)--5-4---界面布局优化——排版篇(1).ppt
│ (5.4.2)--项目四：优视觉，抓住用户眼球之色彩.pdf
│
├─{06}--项目小组创作专题
│ #6.1.1#--图文.pdf
│ #6.1.2#--图文.pdf
│ #6.2.1#--图文.pdf
│ #6.2.2#--图文.pdf
│ #6.3#--图文.pdf
│ (6.3)--GetToTen图片需求.pdf
│
├─{07}--拓展教学资源
│ #7.1.1#--图文.pdf
│ #7.1.2#--图文.pdf
│ #7.3#--图文.pdf
│ #7.4#--图文.pdf
│ #7.5#--图文.pdf
│ (7.1)--UI设计素养背景知识——色彩.pdf
│ (7.2)--UI设计素养背景知识——构图.pdf
│ (7.5)--UI常用字体.rar
│
├─{08}--优秀学生作品展示
│ #8.1#--图文.pdf
│ #8.2#--图文.pdf
│ #8.3.1#--图文.pdf
│ #8.3.2#--图文.pdf
│ #8.3.3#--图文.pdf
│ #8.3.4#--图文.pdf
│ #8.4#--图文.pdf
│
└─{09}--教学范例参考
#9.1#--图文.pdf
#9.4#--图文.pdf
#9.5#--图文.pdf
#9.6#--图文.pdf
#9.7#--图文.pdf
#9.8#--图文.pdf
(9.2)--#Android界面成熟交互设计范例.rar
(9.3)--手机端APP设计规范文档.rar
(9.4.1)--Android-Design-4.0.pdf
(9.4.2)--Android交互视觉设计规范.pdf