数字媒体交互设计(初级Web产品交互设计方法与案例数字媒体交互设计1+X证书制度系列教材) 威凤教育 著 网页制作 专业科技

●章Web产品交互设计入门
1.1认识Web产品
1.1.1Web和Web产品
1.1.2Web的发展
1.2Web产品的分类
1.2.1社交类Web产品
1.2.2交易类Web产品
1.2.3内容类Web产品
1.2.4工具类Web产品
1.2.5平台类Web产品
1.2.6游戏类Web产品
1.3Web产品的用户体验层面
1.3.1战略层：产品目标和用户需求
1.3.2范围层：功能需求和内容需求
1.3.3结构层：交互设计和信息架构
1.3.4框架层：界面设计、导航设计和信息设计
1.3.5表现层：视觉设计
1.4Web产品的设计原则
1.5Web产品的设计流程
1.6Web产品的设计工具
1.7Web产品的设计规范
1.7.1网页尺寸
1.7.2网页布局
1.7.3网页字体
1.7.4字体间距
1.7.5字体颜色
1.7.6首屏内容
1.7.7响应式布局设计
1.8同步强化模拟题
作业：分析网站
第2章团队协作管理Web项目
2.1团队协作和项目管理
2.1.1团队协作的要素
2.1.2常见的团队协作方法
2.2认识Teambition
2.2.1Teambition概述
2.2.2Teambition的主要功能
2.3制作Web项目管理表
2.3.1创建项目和任务
2.3.2建立子任务
2.3.3跟进项目
作业：制作学习进度表
第3章梳理交互设计创意
3.1认识思维导图
3.1.1思维导图是什么
3.1.2思维导图构成的要素
3.1.3绘制思维导图的步骤
3.2XMind的使用
3.2.1认识XMind
3.2.2XMind的使用方法与技巧
3.3思维导图在Web产品设计中的应用
3.3.1用思维导图分析健身类Web产品结构
3.3.2用思维导图分析旅游类Web产品结构
3.4同步强化模拟题
作业：用思维导图分析Web产品
第4章制作Web产品流程图
4.1认识流程图
4.1.1什么是流程图
4.1.2流程图的构成
4.1.3绘制流程图的步骤
4.2流程图绘制工具Visio
4.2.1Visio的基本使用方法
4.2.2制作电商购物的流程图
4.3用流程图分析Web产品
4.3.1制作流程图
4.3.2分析流程图
4.4同步强化模拟题
作业：制作电商退换货流程图
第5章Web产品交互原型设计
5.1认识原型设计
5.2绘制Web产品原型图的基本流程
5.2.1收集用户信息
5.2.2绘制草图和流程图
5.2.3绘制原型图
5.2.4制作交互稿
5.2.5可用性测试
5.3认识Axure
5.3.1Axure的基本使用方法
5.3.2健身类网页设计原型图
5.4同步强化模拟题
作业：制作“UI中国”的原型图和交互稿
第6章图标设计
6.1图形工具组
6.1.1认识图形工具组
6.1.2图形工具组的用法
6.1.3布尔运算的典型案例
6.2填色和描边
6.2.1填色和描边工具的用法
6.2.2描边设置
6.2.3线性图标案例
6.2.4面性图标案例
6.3颜色设置
6.3.1色板
6.3.2配色方案
6.3.3渐变
6.4效果
6.4.1Illustrator效果
6.4.2Photoshop效果
6.5同步强化模拟题
作业：网页常用图标
第7章组件设计
7.1认识Web端UI设计组件
7.1.1UI设计组件的概念
7.1.2UI设计组件的优势
7.1.3基于组件的设计方法
7.1.4引入组件化的时间
7.1.5使用组件化的方法
7.2导航
7.3表单
7.4数据
7.5反馈
7.6基础
7.7其他
7.8网页组件绘制案例
7.9同步强化模拟题
作业：制作网页卡片
第8章界面设计
8.1Web界面的流行趋势
8.2Web界面设计要素
8.2.1栅格系统
8.2.2界面中的文字处理
8.2.3界面配色
8.3Web界面设计案例
8.3.1设计分析
8.3.2绘制过程
8.4同步强化模拟题
作业：服装品牌网页设计
第9章图像处理
9.1抠图
9.1.1快速选择工具组
9.1.2钢笔工具
9.1.3保存选区和载入选区
9.2修图
9.2.1修图的概念
9.2.2修图的工具及使用方法
9.2.3人物形体修图
9.2.4人物面部修图
9.2.5产品修饰
9.3调色
9.3.1调色的概念
9.3.2调色的命令及使用方法
9.4同步强化模拟题
作业：人物修图
0章运营设计
10.1运营和运营设计的概念
10.2运营设计的分类和特点
10.2.1活动运营专题设计
10.2.2品牌运营专题设计
10.3高效做运营设计的方法
10.3.1项目分析
10.3.2设计执行
10.4运营设计综合案例
10.4.1品牌运营设计
10.4.2活动运营设计
10.5同步强化模拟题
作业：旅游类页面Banner设计
1章Web产品首页设计案例
11.1页面布局
11.1.1处理素材