数字媒体交互设计（初级）——Web产品交互设计方法与案例

图书标准信息

• 作者 威凤教育
• 出版社 人民邮电出版社
• 出版时间 2021-03
• 版次 1
• ISBN 9787115549938
• 定价 79.90元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 240页
• 字数 308千字

【内容简介】

《数字媒体交互设计（初级）——Web产品交互设计方法与案例》针对Web产品交互设计新人，通过案例深入浅出地讲解了Web产品交互设计的思维、方法与技巧。共12章，主要讲述了Web产品交互设计的要素、流程、工具和规范，Web项目管理及协作方法，Web产品交互创意的梳理方法，Web产品流程图、原型图的制作方法，以及图标设计、组件设计、界面设计、图像处理、运营设计等内容，并辅以Web项目实战案例，带领读者一步步加深对Web产品交互设计的认知，提升自身的工作能力。本书的重点章后附有同步强化模拟题和作业，以帮助读者检验知识掌握程度并学会灵活运用所学知识。
  《数字媒体交互设计（初级）——Web产品交互设计方法与案例》内容丰富、结构清晰、语言简练、图文并茂，具有较强的实用性和参考性，不仅可以作为备考数字媒体交互设计“1 X”职业技能等级证书的教材，也可作为各类院校及培训机构相关专业的辅导书。

【作者简介】

威凤教育为凤凰教育全资子公司，凤凰教育为教育部1 X项目“数字媒体交互设计职业技能等级证书”社会评价组织，被授权作为唯一数字媒体交互设计职业技能岗位教材、课件等资源建设与日常运营管理单位。

【目录】

第1章　Web产品交互设计入门　001

1.1　认识Web产品　002

1.1.1　Web和Web产品　002

1.1.2　Web的发展　003

1.2　Web产品的分类　004

1.2.1　社交类Web产品　004

1.2.2　交易类Web产品　004

1.2.3　内容类Web产品　005

1.2.4　工具类Web产品　006

1.2.5　平台类Web产品　006

1.2.6　游戏类Web产品　007

1.3　Web产品的用户体验层面　007

1.3.1　战略层：产品目标和用户需求　007

1.3.2　范围层：功能需求和内容需求　008

1.3.3　结构层：交互设计和信息架构　009

1.3.4　框架层：界面设计、导航设计和信息设计　010

1.3.5　表现层：视觉设计　011

1.4　Web产品的设计原则　012

1.5　Web产品的设计流程　012

1.6　Web产品的设计工具　013

1.7　Web产品的设计规范　016

1.7.1　网页尺寸　016

1.7.2　网页布局　017

1.7.3　网页字体　018

1.7.4　字体间距　019

1.7.5　字体颜色　019

1.7.6　首屏内容　020

1.7.7　响应式布局设计　020

1.8　同步强化模拟题　021

作业：分析网站　022

第2章　团队协作管理Web项目　023

2.1　团队协作和项目管理　024

2.1.1　团队协作的要素　024

2.1.2　常见的团队协作方法　025

2.2　认识Teambition　025

2.2.1　Teambition概述　025

2.2.2　Teambition的主要功能　027

2.3　制作Web项目管理表　030

2.3.1　创建项目和任务　030

2.3.2　建立子任务　032

2.3.3　跟进项目　033

作业：制作学习进度表　034

第3章　梳理交互设计创意　035

3.1　认识思维导图　036

3.1.1　思维导图是什么　036

3.1.2　思维导图构成的要素　036

3.1.3　绘制思维导图的步骤　037

3.2　XMind的使用　038

3.2.1　认识XMind　038

3.2.2　XMind的使用方法与技巧　038

3.3　思维导图在Web产品设计中的应用　044

3.3.1　用思维导图分析健身类Web产品结构　044

3.3.2　用思维导图分析旅游类Web产品结构　050

3.4　同步强化模拟题　055

作业：用思维导图分析Web产品　056

第4章　制作Web产品流程图　057

4.1　认识流程图　058

4.1.1　什么是流程图　058

4.1.2　流程图的构成　058

4.1.3　绘制流程图的步骤　061

4.2　流程图绘制工具Visio　062

4.2.1　Visio的基本使用方法　062

4.2.2　制作电商购物的流程图　063

4.3　用流程图分析Web产品　066

4.3.1　制作流程图　066

4.3.2　分析流程图　067

4.4　同步强化模拟题　069

作业：制作电商退换货流程图　070

第5章　Web产品交互原型设计　071

5.1　认识原型设计　072

5.2　绘制Web产品原型图的基本流程　072

5.2.1　收集用户信息　073

5.2.2　绘制草图和流程图　073

5.2.3　绘制原型图　074

5.2.4　制作交互稿　075

5.2.5　可用性测试　077

5.3　认识Axure　077

5.3.1　Axure的基本使用方法　078

5.3.2　健身类网页设计原型图　081

5.4　同步强化模拟题　085

作业：制作“UI中国”的原型图和交互稿　086

第6章　图标设计　088

6.1　图形工具组　089

6.1.1　认识图形工具组　089

6.1.2　图形工具组的用法　089

6.1.3　布尔运算的典型案例　090

6.2　填色和描边　094

6.2.1　填色和描边工具的用法　094

6.2.2　描边设置　095

6.2.3　线性图标案例　098

6.2.4　面性图标案例　100

6.3　颜色设置　101

6.3.1　色板　102

6.3.2　配色方案　103

6.3.3　渐变　104

6.4　效果　107

6.4.1　Illustrator效果　107

6.4.2　Photoshop效果　107

6.5　同步强化模拟题　109

作业：网页常用图标　110

第7章　组件设计　111

7.1　认识Web端UI设计组件　112

7.1.1　UI设计组件的概念　112

7.1.2　UI设计组件的优势　113

7.1.3　基于组件的设计方法　113

7.1.4　引入组件化的时间　117

7.1.5　使用组件化的方法　117

7.2　导航　118

7.3　表单　120

7.4　数据　122

7.5　反馈　123

7.6　基础　124

7.7　其他　125

7.8　网页组件绘制案例　126

7.9　同步强化模拟题　131

作业：制作网页卡片　133

第8章　界面设计　134

8.1　Web界面的流行趋势　135

8.2　Web界面设计要素　139

8.2.1　栅格系统　139

8.2.2　界面中的文字处理　140

8.2.3　界面配色　143

8.3　Web界面设计案例　145

8.3.1　设计分析　146

8.3.2　绘制过程　146

8.4　同步强化模拟题　149

作业：服装品牌网页设计　151

第9章　图像处理　152

9.1　抠图　153

9.1.1　快速选择工具组　153

9.1.2　钢笔工具　155

9.1.3　保存选区和载入选区　157

9.2　修图　158

9.2.1　修图的概念　158

9.2.2　修图的工具及使用方法　161

9.2.3　人物形体修图　167

9.2.4　人物面部修图　170

9.2.5　产品修饰　173

9.3　调色　174

9.3.1　调色的概念　175

9.3.2　调色的命令及使用方法　177

9.4　同步强化模拟题　185

作业：人物修图　187

第10章　运营设计　188

10.1　运营和运营设计的概念　189

10.2　运营设计的分类和特点　190

10.2.1　活动运营专题设计　190

10.2.2　品牌运营专题设计　190

10.3　高效做运营设计的方法　191

10.3.1　项目分析　192

10.3.2　设计执行　193

10.4　运营设计综合案例　203

10.4.1　品牌运营设计　203

10.4.2　活动运营设计　207

10.5　同步强化模拟题　211

作业：旅游类页面Banner设计　212

第11章　Web产品首页设计案例　213

11.1　页面布局　214

11.1.1　处理素材　214

11.1.2　新建文档　215

11.1.3　设置栅格　215

11.1.4　调整图片　216

11.2　制作导航栏　216

11.3　添加文字和按钮　217

11.3.1　添加主副文字　217

11.3.2　制作按钮　218

11.4　输出文件　218

11.5　拓展知识：Web详情页设计　218

11.5.1　常用的详情页设计形式　219

11.5.2　详情页首屏设计方法　220

11.5.3　详情页制作案例　221

作业：运动类网站首页设计　224

第12章　Web产品设计全流程　225

12.1　案例说明　226

12.2　设计准备　226

12.3　原型设计　229

12.4　界面设计　235

作业：购物类Web产品的页面设计　238

附录　同步强化模拟题答案速查表　239