图书介绍

SVG动画 用复杂交互动画改善用户体验PDF|Epub|txt|kindle电子书版本网盘下载

SVG动画 用复杂交互动画改善用户体验
  • SVG Animations 著
  • 出版社: 北京:电子工业出版社
  • ISBN:9787121337901
  • 出版时间:2018
  • 标注页数:200页
  • 文件大小:67MB
  • 文件页数:222页
  • 主题词:图形软件

PDF下载


点此进入-本书在线PDF格式电子书下载【推荐-云解压-方便快捷】直接下载PDF格式图书。移动端-PC端通用
种子下载[BT下载速度快]温馨提示:(请使用BT下载软件FDM进行下载)软件下载地址页直链下载[便捷但速度慢]  [在线试读本书]   [在线获取解压码]

下载说明

SVG动画 用复杂交互动画改善用户体验PDF格式电子书版下载

下载的文件为RAR压缩包。需要使用解压软件进行解压得到PDF格式图书。

建议使用BT下载工具Free Download Manager进行下载,简称FDM(免费,没有广告,支持多平台)。本站资源全部打包为BT种子。所以需要使用专业的BT下载软件进行下载。如BitComet qBittorrent uTorrent等BT下载工具。迅雷目前由于本站不是热门资源。不推荐使用!后期资源热门了。安装了迅雷也可以迅雷进行下载!

(文件页数 要大于 标注页数,上中下等多册电子书除外)

注意:本站所有压缩包均有解压码: 点击下载压缩包解压工具

图书目录

第1章 剖析SVG1

SVG DOM语法2

viewBox和preserveAspectRatio2

绘制图形5

响应式SVG、组和绘制路径6

SVG的导出、建议及优化9

减少路径点11

优化工具12

第2章 使用CSS制作SVG动画14

用SVG做动画16

使用SVG绘图的优势18

顺畅的动画体验20

第3章 CSS动画和手绘SVG Sprite21

使用steps()和SVG Sprite制作关键帧动画21

在Illustrator中使用模板绘制24

在SVG编辑器或图纸中逐帧绘制并且使用Gruntiocon生成Sprite26

用简易代码模拟复杂运动26

简单重复行走27

第4章 创建响应式SVG Sprite32

用于响应式的SVG Sprite图和CSS33

分组和导出35

viewBox的技巧36

响应式动画37

第5章 不使用任何额外库来创建UI/UX动画39

用户体验模式中的上下文切换39

变形41

展现41

隔离42

样式43

预期提示45

交互46

节约空间47

总结48

变换的图标48

第6章 动态数据可视化55

为什么要在数据可视化中使用动画56

使用CSS动画的D3示例56

使用CSS动画的Chartist示例59

用D3来做动画61

链式和重复64

第7章 Web动画技术大比拼65

原生动画65

CSS/Sass/SCSS65

requestAnimationFrame()67

canvas67

Web动画API68

第三方框架68

GreenSock(GSAP)68

mo.js69

Bodymovin’70

不推荐使用70

SMIL70

Velocity.js70

Snap.svg71

基于React的动画工作流71

React-Motion72

在React中使用GSAP73

在React中使用canvas73

在React中使用CSS73

总结74

第8章 用GreenSock做动画75

GreenSock的基本语法76

TweenMax/TweenLite76

.to/.from/.fromTo76

Staggering77

element79

Duration79

delay79

动画的属性79

easing81

第9章 GreenSock中的时间轴83

一个简单的时间轴83

相对标签85

主时间轴和所嵌套的场景89

代码的逻辑组织90

循环92

暂停和暂停事件94

其他关于时间轴的方法95

第10章 MorphSVG和路径动画98

MorphSVG98

findShapeIndex()99

路径动画101

第11章 交错效果、Tweening HSL和SplitText的文本动画106

交错的动画106

HSL颜色渐变动画110

文字切分114

第12章 DrawSVG和Draggable117

Draggable117

drag类型119

hitTest()119

用Draggable来控制时间轴120

DrawSVG122

第13章 mo.js125

mo.js基础介绍125

图形125

图形的运动128

链式调用130

旋涡动画131

爆炸式的效果133

时间轴控制工具134

补间动画135

路径函数136

mo.js提供的辅助工具137

第14章 React-Motion140

<Motion/>141

<StaggeredMotion/>146

第15章 动“不可动者”:通过改变属性使用原生JavaScript实现动画150

requestAnimationFrame()150

GreenSock的AttrPlugin155

实际应用:viewBox动画158

另一个演示:一个有引导作用的信息图164

第16章 响应式动画165

快速响应的技巧165

GreenSock和响应式SVG165

不使用GreenSock实现响应式SVG169

通过更新viewBox实现响应式170

具有多个SVG和媒体查询的响应式173

花更少的精力在移动端176

有一个计划176

第17章 组件库的设计、原型化和动画原理177

动画设计方面177

学会勾勒实际运动中的细节178

合理控制动画的使用179

拥有特色的设计主见180

提升开发水平181

设计原型182

逐步分割动画细节182

工具184

杀死汝爱186

设计和编码的工作流程187

制作动画组件库187

权衡动画开发的优先级190

时间就是金钱191

其他方面的限制193

索引194

热门推荐