1
简单介绍整个课程的主要结构和内容，让学生对整个课程体系有所了解，以及提醒学生应该做哪些必要的准备。
2
介绍网络基本常识，包括网页、服务器、浏览器、客户端、B/S架构、C/S架构等知识，希望通过学习可以了解web相关的知识，为后面的学习打好基础。
3
介绍web系统的开发流程和每个环节涉及到的职位角色及其工作内容、交付成果、需要掌握的技能等知识。希望学生可以了解web开发行业的各种职位信息，了解UI设计在整个流程中所占的环节，以及与其他环节之间的关系。
4
介绍了UI设计的概念、UI设计与其他设计的不同、UI设计的具体设计内容、需要关注的知识、以及未来的发展方向等。
5
介绍UI设计之前应该知道的设计常识，包括：VI系统、分辨率、色彩模式、图片格式、网络资源、客户交流等与设计工作息息相关的知识。
6
详细介绍了作为UI设计师在开发前期、中期、后期所承担的工作，以及与工作相关的工具、技能、常识等，希望学生全面了解UI设计。
7
课程介绍了网页设计开始之前应该做的规划，包括页面尺寸的三种类型、栏目的整理、常见网页结构及栏目分布、网页布局的各种方式等。
8
该章节介绍了设计中的配色技巧、各行业常用配色、设计中常犯的错误等知识。
9
该章节介绍了设计常见的几种风格及其使用场景，还有设计中需要注意的细节部分。
10
该章节介绍了网页设计中交互方面的注意事项，主要在展现方式的统一性、突出重点等方面。
11
该章节继续介绍网页设计交互方面的注意事项，包括操作模式简单化、展示内容选择、使用便利性、交互友好性等方面的知识。
12
该章节讲解了如何进行网站可用性测试，以及设计成功的网站有哪些特点。
13
介绍了切图之前的效果图分析，包括整体结构、切图流程、注意事项等。
14
介绍了在ps中的切片工具的使用方法、切片的编辑方法以及导出方法，还有导出时的注意事项以及存储格式。
15
介绍了如何将零散的切片图整合成为完整的网站页面，在制作静态网页时需要注意的地方等。
16
该章节讲解了在设计图片与文字结合的图像时要注意的问题，图文设计是UI设计中比较重要的部分。
17
介绍当前国际比较流行的设计风格和设计方式，希望大家可以了解设计领域的发展趋势，不至于和国际脱节。
18
介绍常见的网页及应用中的导航方式，并且说明其使用场景，导航设计是UI设计中必不可少的部分。
19
总结了13个设计师常犯的错误，在该章节一一说明，包括文字设计、图片选择、实用性、理念等。
20
Metro风格是微软产品的设计风格和设计发展趋势之一，在该章节介绍了这种风格的设计特点，并展示设计案例。
21
该章节介绍了在手机界面设计时候的注意事项，例如：尺寸问题、操作模式问题、展现问题、功能问题等。
22
该章节主要介绍色彩基础知识和简单的配色技巧，以及常用色系的颜色搭配方式。
23
该章节主要介绍色彩基础知识和简单的配色技巧，以及常用色系的颜色搭配方式。
24
介绍国际流行的扁平化设计风格的主要特点及设计技巧，希望学生可以快速掌握该风格的设计方法。
25
从交互设计角度介绍web网站和移动app直接的操作模式、尺寸、使用环境、通知方式等的差异。
26
从交互设计角度介绍网站设计当中常见的设计错误，包括操作模式、排版、弹窗、反馈等方面。
27
该章节介绍了设计过程中的严谨性和规范性，以及评判设计作品好坏的8个标准。