当前位置:主页 > 书籍配套资源 > 移动UI设计配套资源
《UI移动端界面动画创意与实现》工程文件及高清视频

《UI移动端界面动画创意与实现》工程文件及高清视频

  • 更新:2022-02-04
  • 大小:2.48 MB
  • 类别:移动UI设计
  • 作者:王红卫
  • 出版:机械工业出版社
  • 格式:PDF

  • 资源介绍
  • 学习心得
  • 相关内容

给大家整理了移动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

资源获取

资源地址1:https://pan.baidu.com/s/1JZv6woFwnW2OV-8xWl6dEQ (密码:n1as)

相关资源

网友留言