项目一 页面草图绘制
任务1 手绘草图
1.1.1 网页布局的基本知识
1.1.2 响应式网页布局的设计特点
1.1.3 手绘草图的方法
任务2 手绘流程图
1.2.1 绘制流程图
1.2.2 POP软件
项目二 页面原型设计
任务1 认识Axure软件
2.1.1 软件安装
2.1.2 软件的工作环境
2.1.3 基本元件
2.1.4 元件的样式与属性
任务2 使用Axure软件绘制页面原型
2.2.1 自适应视图
2.2.2 栅格系统
2.2.3 元件使用
任务3 使用Axure软件进行交互设计
2.3.1 交互样式设置
2.3.2 动态面板
2.3.3 组合／取消组合元件
2.3.4 元件交互的使用——显示／隐藏
2.3.5 变量
2.3.6 内联框架
任务4 使用Axure软件进行流程设计
2.4.1 流程图组件
2.4.2 母版
任务5 发布原型设计作品
2.5.1 快速预览查看原型
2.5.2 生成HTML文件查看原型
2.5.3 Web字体设置
2.5.4 移动设备设置
2.5.5 发布原型到AxShare
项目三 网页页面设计
任务1 移动端页面设计
3.1.1 网页设计标准尺寸
3.1.2 排版构成
3.1.3 色彩构成
3.1.4 扁平化概念
任务2 平板电脑端页面设计
版式构成
任务3 计算机端及宽屏页面设计
版面设计
任务4 页面交互设计
简析交互设计
任务5 产品汇报与展示
网页效果图展示
项目四 App产品原型设计
任务1 使用Axure软件绘制App产品线框图原型
4.1.1 App产品与Web产品
4.1.2 App产品常见UI组件
4.1.3 App产品交互设计注意事项
任务2 使用Photoshop软件制作App产品效果图和应用图标原型
任务3 使用Axure软件制作App产品高保真视觉原型

钟爱青、谢冠怀主编的《网页UI设计(创一流技工院校职业院校一体化精品教材)》是针对网页uI设计师岗位能力培养开发的教材，采用基于工作过程系统化的编写模式，融入了世界技能大赛网站设计项目的技术标准及网页页面设计相关知识。主要内容包括页面草图绘制、页面原型设计、网页页面设计、App产品原型设计，涉及栅格系统、FontAwesome开源图标字体的应用，以及Photoshop、Adobe illustrator(AI)、Axure软件等相关技术。本书以世界技能大赛项目为引领，结合学生对设计知识的学习迁移过程，对任务采用渐进式安排，最终形成以赛促教、紧贴企业实践的一体化教材。
本书可作为职业院校培养网页UI设计师岗位能力的入门教材，或者世界技能大赛网页设计项目布局模块的培训教材，也可作为网页UI设计人员的自学用书。