刘源，男，从事App项目开发多年，有丰富的策划与制作能力。能熟练完成草图、流程图和高保真原型的制作。对APP设计中的原型策划有独特的见解。曾参与多款APP项目的研发与制作。能够熟练掌握Axure RP、Photoshop、Adobe XD等设计软件的使用。

章了解网站产品原型
1.1互联网产品开发流程1
1.1.1需求分析1
1.1.2交互设计2
1.1.3视觉设计5
1.1.4技术开发6
1.1.5发布维护6
1.2互联网产品开发人员配置7
1.2.1产品经理7
1.2.2产品助理8
1.2.3设计师8
1.2.4产品运营9
1.2.5产品开发9
1.2.6市场营销10
1.3互联网产品原型的应用11
1.3.1互联网产品原型设计11
1.3.2互联网产品原型的作用12
1.3.3互联网产品原型的重要性13
1.3.4互联网产品原型的设计技巧13
1.4互联网产品原型的设计流程14
1.4.1确定整体结构14
1.4.2确定排版布局15
1.4.3确定功能模块16
1.4.4设计制作原型稿17
1.4.5设计交互效果18
1.4.6调试交互效果20
1.5了解网站产品原型的分类20
1.5.1低保真原型20
1.5.2高保真原型22
1.5.3交互动画原型24
1.6原型设计的常用工具26
1.6.1AxureRP27
1.6.2AdobeXD27
1.6.3墨刀28
1.7本章小结29
第2章了解AxureRP9
2.1初识AxureRP930
2.1.1关于AxureRP930
2.1.2软件下载与安装31
2.2AxureRP9的工作界面32
2.2.1了解AxureRP9的工作界面33
2.2.2自定义工具栏35
2.3页面设置36
2.3.1页面基本属性36
实战练习01——使用“页面”面板36
2.3.2页面自适应39
2.4使用AxureRP9的元件库40
2.4.1Default元件40
2.4.2Flow元件40
2.4.3Icons元件40
2.4.4使用“动态面板”41
实战练习02——使用“动态面板”制作轮播图片41
2.4.5使用中继器45
实战练习03——使用“中继器”元件展示商品45
2.4.6下载和导入元件库48
2.5AxureRP9中的基本交互效果50
2.5.1交互事件50
2.5.2链接51
2.5.3元件51
2.6AxureRP9中的不错交互效果51
2.6.1设置条件52
2.6.2添加变量52
实战练习04——使用全局变量设置欢迎页面53
2.6.3使用表达式56
2.7使用函数57
2.7.1中继器/数据集58
2.7.2元件函数58
2.7.3指针函数59
2.7.4窗口函数59
实战练习05——使用窗口函数显示隐藏元件60
2.7.5页面函数62
2.7.6数字函数62
2.7.7字符串函数63
实战练习06——使用字符串函数设置关键字搜索64
2.7.8数学函数68
2.7.9时间函数69
实战练习07——使用时间函数显示实时时间70
2.8查看原型73
2.8.1快速预览74
2.8.2预览选项74
2.8.3生成HTML文件75
2.8.4生成Word说明书77
2.9发布与测试78
2.10本章小结79
第3章了解AdobeXD
3.1AdobeXD的简介80
3.1.1初识AdobeXD80
3.1.2下载和安装AdobeXD80
3.1.3了解主页屏幕81
3.1.4工作界面结构82
3.1.5使用资源83
3.1.6使用辅助工具84
3.2AdobeXD的基础工作流程86
3.3AdobeXD的基础操作86
3.3.1新建、打开和存储文件86
3.3.2使用画板87
实战练习01——新建和存储AdobeXD文件88
3.3.3导入对象89
3.3.4创建重复元素90
3.3.5对象的操作91
3.4AdobeXD的基本工具95
3.4.1绘图工具95
3.4.2文本工具95
3.4.3使用图层96
3.4.4使用布尔运算97
3.4.5蒙版技术98
实战练习02——使用蒙版遮罩图像98
3.4.6设置描边、填充、投影和模糊100
3.5使用AdobeXD完成原型101
3.5.1链接页面101
3.5.2设置原型首屏内容102
3.5.3使用语音命令创建原型102
3.6使用AdobeXD导出文档103
3.7本章小结104
第4章设计制作PC端网页产品原型
4.1PC端网页产品原型概述105
4.2PC端网页设计规范106
4.2.1网页尺寸设计规范106
4.2.2网页文本设计规范109
4.2.3网页图像选择规范116
实战练习01——制作网页低保真原型117
4.3PC端网页配色设计121
4.3.1明确主色121
4.3.2明确背景色122
4.3.3确定辅色124
4.3.4协调点缀色125
4.3.5搭配字体色127
4.4PC端网页布局方式128
4.4.1布局方式128
4.4.2分列布局131
4.4.3网页构图133
实战练习02——制作网页高保真原型133
4.5PC端网页交互效果136
4.5.1页面的链接效果136
4.5.2文字的描述效果139
实战练习03——制作网页交互效果144
4.6PC端网页适配149
4.6.1适配的方式方法150
4.6.2适配时需要注意的点150
4.7本章小结150
第5章设计制作Android系统产品原型
5.1Android系统的原型设计151
5.1.1Android系统的碎片化151
5.1.2Android系统的原型优势152
5.2设计Android系统原型的流程156
5.2.1确定框架156
5.2.2制定全局157
5.2.3绘制页面157
5.2.4输出原型158
5.3Android系统的设计规范159
5.3.1设计单位159
5.3.2页面尺寸160
5.3.3组件尺寸161
5.3.4图标尺寸161
5.3.5间距规范163
实战练习01——设计制作App页面的低保真原型164
5.4Android系统的文字规范168
5.5Android系统的页面布局169
5.5.1列表式布局169
5.5.2陈列式布局170
5.5.3宫格式布局170
5.5.4卡片式布局171
实战练习02——设计制作App的高保真原型171
5.6Android系统的版式设计177
实战练习03——设计制作App页面的交互效果178
5.7Android系统的页面适配185
5.7.1适配方式185
5.7.2整体页面适配185
5.7.3图标适配185
5.7.4文本适配186
5.7.5图片适配186
5.8本章小结187
第6章设计制作iOS系统产品原型
6.1设计iOS系统的原型页面188
6.1.1确定设计尺寸188
6.1.2指定页面布局188
6.1.3定义内容区域189
6.1.4遵循设计规范189
6.2iOS系统设计规范190
6.2.1设计单位190
6.2.2设计尺寸190
6.2.3组件尺寸191
6.3iOS系统的文字规范191
6.3.1字体192
6.3.2字号192
6.3.3字体颜色193
6.3.4字重193
实战练习01——设计iOS系统App的低保真原型194
6.4iOS系统的图标设计规范198
6.5iOS系统的边距设计规范200
6.5.1全局边距200
6.5.2卡片边距201
6.5.3内容间距201
实战练习02——设计iOS系统App的高保真原型202
6.6iOS系统的图片设计规范206
6.6.1图片比例206
6.6.2图片格式208
实战练习03——设计iOS系统App的交互效果208
6.7iOS系统的页面适配212
6.7.1向下适配213
6.7.2向上适配214
6.8本章小结216
第7章了解标注与输出
7.1Android系统界面的输出217
7.1.1Android系统界面标注217
实战练习01——使用PxCook标注效果图218
7.1.2Android系统界面切图219
7.2iOS系统界面的输出224
7.2.1iOS系统界面标注224
7.2.2iOS系统界面切图226
实战练习02——使用AdobeXD导出资源228
7.3项目输出229
7.4本章小结230

产品原型是在产品创建的初期搭建的简单产品框架，它能够按照客户需求快速创建网站的线框图、流程图、原型和Word说明文档等内容。同时原型设计还支持多人协作设计和共享版本的控制管理。
本书由浅入深地讲解了产品原型的创建方法和设计规范，以知识点+实战案例+讲解技巧的形式，帮助读者快速掌握AxureRP9和AdobeXD的使用方法和技巧，同时了解网站UI产品原型设计需要掌握的设计规范。
全书共分为7章：了解网站产品原型、了解AxureRP9、了解AdobeXD、设计制作PC端网页产品原型、设计制作Android系统产品原型、设计制作iOS系统产品原型和了解标注与输出。
本书配套的资源包提供了书中所有案例的源文件和制作素材，并提供了全面的教学视频，读者可以边阅读边制作，遇到问题可以通过操作视频演示解决。从零起步，快速掌握。
本书实例丰富、讲解细致，注重激发读者兴趣和培养动手能力。本书适合从事网站规划与设计的产品经理、网站策划、网页设计和网页制作相关人员阅读，也可用作网页设计及相关专业教学教材。