给大家整理了移动UI设计类书籍配套资源,介绍了关于UI、移动端、界面动画、移动UI设计方面的内容,本书是由机械工业出版社出版,已被398人关注,由戴元英测试纠错,目前本书在移动UI设计类综合评分为:9.6分。
书籍介绍
本书内容涉及手机、移动设备的UI动效设计基础、自然反馈动效设计、层级关系动效设计、愉悦的等待动效设计及打造活力视觉动效设计。
封面图
目录
- 前言
- 第1章 动效设计基础知识1
- 1.1什么是动效设计2
- 1.2动效设计方法2
- 1.2.1理解动效2
- 1.2.2动态设计举例2
- 1.3动效在界面设计中的用途3
- 1.3.1观察系统状态3
- 1.3.2导航和过渡4
- 1.3.3使用者的视觉反馈4
- 1.3.4加深印象5
- 1.3.5增强操控感5
- 1.4动效设计原则5
- 1.4.1舒适度的建立5
- 1.4.2令人愉悦的提示功能6
- 1.4.3额外增加界面活力6
- 1.4.4吸引用户的注意力6
- 1.4.5让等待变得更愉快7
- 1.4.6界面衔接的延续感7
- 1.5动效制作要素8
- 1.5.1响应的反馈8
- 1.5.2快速灵敏8
- 1.5.3简明清晰9
- 1.5.4目的性9
- 1.5.5过渡流畅自然9
- 1.5.6关联性10
- 1.5.7增强操纵10
- 1.5.8引导帮助10
- 1.5.9升华体验11
- 1.6动效设计重点11
- 1.6.1材质与空间11
- 1.6.2运动轨迹11
- 1.6.3时间表现力12
- 1.6.4个性化元素12
- 1.6.5导向设计12
- 1.6.6背景关系13
- 1.6.7交互共鸣13
- 1.6.8情感表现14
- 1.6.9聚焦动效14
- 1.7动效设计表现手法14
- 1.7.1拉伸与挤压14
- 1.7.2期望15
- 1.7.3入场15
- 1.7.4连续动作与姿态对应16
- 1.7.5重叠与跟随动作16
- 1.7.6动势渐进/渐出16
- 1.7.7次级运动17
- 1.7.8节奏时态17
- 1.7.9夸张18
- 1.7.10立体造型18
- 1.7.11吸引力18
- 1.8动效设计趋势19
- 1.8.1个性化元素19
- 1.8.2有趣的运动方式19
- 1.8.3交互反馈的生命力20
- 1.9动效设计常用的软件20
- 1.9.1Adobe After Effects20
- 1.9.2Adobe Photoshop21
- 1.9.3Adobe Animate(Flash)21
- 1.9.4pixate21
- 1.9.5Hype 322
- 第2章自然反馈动效设计23
- 2.1登录框输入动效设计24
- 2.2照片操作动效设计25
- 2.3名片界面动效设计27
- 2.4书写动效设计29
- 2.5密码输入动效设计31
- 2.6邮箱登录界面动效设计33
- 2.7图像切换动效设计36
- 2.8拨号界面动效设计38
- 2.8.1绘制触控元件39
- 2.8.2制作结果动画40
- 2.9翻滚动效设计42
- 2.9.1制作主视觉动效42
- 2.9.2制作触控动效44
- 2.10确认按钮动效设计45
- 2.10.1制作触控按钮45
- 2.10.2制作结束动效47
- 2.11开关控件动效设计48
- 2.11.1绘制控件图形49
- 2.11.2绘制切换动画50
- 2.12换歌界面动效设计52
- 2.12.1制作光盘控件效果52
- 2.12.2制作装饰动画53
- 2.13滑动解锁动效设计54
- 2.13.1编辑状态动画55
- 2.13.2绘制触控图形56
- 2.14刷新动效设计57
- 2.14.1制作滑动效果57
- 2.14.2制作拉伸动效58
- 2.14.3添加文字动画59
- 第3章层级关系动效设计61
- 3.1收音机启动界面动效设计62
- 3.2相册界面切换动效设计64
- 3.3票务界面动效设计66
- 3.4音乐播放界面动效设计68
- 3.4.1制作选择动画68
- 3.4.2绘制控制动画元素69
- 3.5好友列表动效设计70
- 3.5.1制作动效元素71
- 3.5.2处理动画细节71
- 3.6分享动效设计72
- 3.6.1处理主体动画效果73
- 3.6.2制作跟随元素动画74
- 3.7图表数据动效设计75
- 3.7.1处理细节元素动画76
- 3.7.2制作主体状态动画77
- 3.8手表界面切换动效设计78
- 3.8.1绘制主界面动画78
- 3.8.2制作触控动画79
- 3.9卡片切换动效设计80
- 3.9.1制作主体动画81
- 3.9.2处理触控元素动画82
- 3.10系统提示动效设计83
- 3.10.1绘制主体动效元素84
- 3.10.2制作主界面反馈动画86
- 3.10.3制作文字动画87
- 3.11功能交互动效设计88
- 3.11.1制作状态栏动画88
- 3.11.2制作主体动画控件89
- 3.11.3处理反馈动画91
- 3.12卡片式登录界面动效设计92
- 3.12.1制作触控动画92
- 3.12.2制作输入状态93
- 3.12.3编辑确认动画95
- 3.12.4制作切换动画96
- 3.13待机滑动动效设计98
- 3.13.1制作主体状态动画98
- 3.13.2添加文字动画99
- 3.13.3制作细节元素动画100
- 3.13.4制作结果动画101
- 3.14备忘便签动效设计102
- 3.14.1为素材图像添加装饰102
- 3.14.2制作滑动动画103
- 3.14.3制作进度条进度动画105
- 3.14.4为进度条进度动画添加装饰105
- 第4章愉悦的等待动效设计107
- 4.1时钟插件动效设计108
- 4.2上传图示动效设计109
- 4.3抽奖转盘动效设计111
- 4.4数据应用loading动效设计113
- 4.4.1绘制界面状态113
- 4.4.2制作loading动画115
- 4.5卡通加载动效设计116
- 4.5.1制作进度条动效116
- 4.5.2制作气球动画117
- 4.6加载进度条动效设计119
- 4.6.1绘制进度条动画119
- 4.6.2制作转圈动画120
- 4.7提示动效设计123
- 4.7.1制作触发动效123
- 4.7.2制作回应动效124
- 4.8对错控件动效设计125
- 4.8.1制作正确动画效果125
- 4.8.2绘制出错动画效果126
- 4.9时间过渡动效设计127
- 4.9.1编辑转换效果128
- 4.9.2制作动画元素128
- 4.10云存储动效设计130
- 4.10.1绘制状态动画130
- 4.10.2制作提示效果132
- 4.11加载动效设计133
- 4.11.1制作主体图形动画133
- 4.11.2制作装饰动画135
- 4.12数据加载动效设计136
- 4.12.1编辑状态动画136
- 4.12.2制作提示元素138
- 4.13圆环进度动效设计139
- 4.13.1绘制圆形动画139
- 4.13.2添加文字跟随动画140
- 4.14下载进度动效设计141
- 4.14.1制作下载进度图形动画142
- 4.14.2绘制动画装饰图形144
- 4.14.3添加文字跟随动效144
- 4.15刷新动效设计145
- 4.15.1绘制手指图形146
- 4.15.2制作刷新动画146
- 4.15.3绘制纸风车148
- 第5章打造活力视觉动效151
- 5.1天气界面装饰动效设计152
- 5.2卡片切换动效设计154
- 5.3指南针动效设计156
- 5.4WiFi扫描图示动效设计158
- 5.5写实风扇动效设计160
- 5.6导航动效设计161
- 5.6.1制作动画路径161
- 5.6.2绘制导航动画元素163
- 5.7平板电脑界面动效设计164
- 5.7.1制作中间部分动画164
- 5.7.2 绘制边缘图形动画165
- 5.8点赞动效设计167
- 5.8.1制作图形动画167
- 5.8.2制作文字动画168
- 5.9运动统计动效设计169
- 5.9.1绘制触控元件170
- 5.9.2制作状态动画172
- 5.10频谱动效设计174
- 5.10.1制作频谱动画174
- 5.10.2制作进度条175
- 5.11图案解锁动效设计176
- 5.11.1制作界面滑动效果177
- 5.11.2制作装饰图形动效178
- 5.12天气状态动效设计179
- 5.12.1制作太阳动画179
- 5.12.2制作闪电动画181
- 5.13动感滑动动效设计182
- 5.13.1制作发光动效182
- 5.13.2绘制界面动效183
- 5.13.3制作文字动画185
- 5.14天气插件动效设计186
- 5.14.1绘制插件元素187
- 5.14.2制作文字动画188
- 5.14.3制作下雨动效190
- 5.15状态反馈动效设计191
- 5.15.1绘制基础图形192
- 5.15.2制作界面动画193
- 5.15.3处理细节效果195
- 5.15.4绘制触控元件195