Photoshop+Illustrator+After Effects移动UI全效实战手册

1.使用Potoshop、Illustrator、After Effects作为基础工具，兼顾iOS和Android系统设计原则，详细讲解图标设计和界面设计技巧； 2.赠送案例文件和效果文件，提供在线教学视频和配套教学PPT课件，让读者随学随练，及时解决相关问题，提高专业知识转化率； 3.按照“知识-解析-应用”的思路进行编排，具备科学完整的教学结构，书中设置有小贴士、设计方式等模块，帮助读者加深理解； 4.“UI中国推荐设计师”VIENTIANE参与本书实战案例设计，帮助读者结合软件进行操作，在实战中形成自己的设计思路。

本书使用Photoshop、 Illustrator，After Effects作为基础工具，以设计理论为蓝本，讲解图标设计、界面设计的主要内容，以及iOS和Android系统设计原则及规范、移动端App界面设计等相关知识点， 同时简述界面交互设计原理，并以案例的形式详细讲解制作过程和进行技巧总结。从理论学习到设计实 践，真正做到让读者学以致用。
本书提供案例素材文件和效果源文件，以及在线教学视频，方便读者学习。此外，本书还提供配套 教学PPT课件，供读者参考使用。
本书将界面设计理论与实践相结合，针对高校设计专业学生及UI设计爱好者的学习需求而编写，可作为高等院校视觉传达、数字媒体、交互设计等相关专业的教材；也可作为界面设计初学者、UI设计师拓展阅读和实践的学习资料；还可作为相关培训机构的辅导教材。

向桦，西南财经大学天府学院讲师，UXPA中国用户体验专业协会会员、中国用户体验联盟会员，主要从事和擅长界面视觉设计、交互设计教学研究。 孟琴，西南财经大学天府学院讲师。四川省工业设计协会会员，孟宇视觉工作室创始人、绵阳俊霖文化艺术广场有限公司文化创意产业项目经理、印客创学教育机构合伙人。个人设计作品多次获上级奖项，多次参与省部级课题及多个商业项目。 李扬，西南财经大学天府学院讲师。四川省工业设计协会会员，成都文清文化传播有限公司联合创始人、设计作品获“世界之星”、“中国之星”包装类希望之星一等奖、中国“包装之星”创意奖一等奖等设计大奖，并收录于《中国西南设计年鉴》，学术论文发表于《包装设计》等。参与未来中心、ACROSS.LAB跨界实验室、成都市艺术博览会等多个大型商业项目设计。 汪翔，曾服务于各类一线品牌设计,福建省教育资源库设计板块授权作者，搜狗签约设计师，UI中国推荐设计师。 余沁，四川美术学院视觉传达硕士，主要研究方向为品牌形象策划与创意设计。曾就职于宜宾电视台、重庆艺术工程职业学院、四川文化艺术学院，现就职于西南财经大学天府学院。学习及工作期间曾参与西南政法大学、黔江旅游局、重庆大足石刻、中钞油墨公司等多个相关项目设计，参研多项科研项目及学术活动，并多次获得重量及省级设计奖项。

第1章图标设计 7
1.1图标设计基础 8
1.1.1图标的形式分类 8
1.1.2图标的属性分类 9
1.1.3图标设计的视觉规范 10
1.1.4图标设计软件介绍 13
1.1.5布尔运算 14
1.2剪影图标 18
1.2.1剪影图标简介 18
1.2.2剪影图标案例 19
1.3MBE图标 25
1.3.1MBE图标简介 26
1.3.2MBE图标案例 27
1.4扁平化图标 33
1.4.1扁平化图标配色特点 33
1.4.2扁平化图标风格 34
1.4.3扁平化图标案例 35
1.5等距视图（2.5D）图标 39
1.5.1等距视图风格特点 39
1.5.2等距视图图标案例 40
1.6像素风图标 45
1.6.1像素风图标特点 45
1.6.2像素风图标案例 46
1.7拟物化图标 50
1.7.1拟物化图标特点 50
1.7.2图层样式解析 51
1.7.3拟物化图标案例 55
1.8主题图标设计 82
1.8.1主题图标赏析 82
1.8.2主题图标案例84
第2章iOS系统和Android系统设计原则及规范 90
2.1iOS系统设计原则及规范 91
2.1.1界面尺寸 91
2.1.2栏高度 91
2.1.3边距和间距 94
2.1.4界面布局 96
2.1.5图片比例 99
2.1.6图标规范 100
2.1.7版式规范 101
2.1.8文字规范 102
2.1.9设计适配 102
2.2Android系统的界面设计原则及规范 103
2.2.1界面尺寸 104
2.2.2iOS与Android系统的设计语言及界面结构差异对比 105
2.2.3栏高度 107
2.2.4图标规范 108
2.2.5文字与版式规范 110
2.2.6设计适配 111
第3章App界面设计 113
3.1格式塔原理在界面设计中的应用 114
3.1.1接近性法则 114
3.1.2相似性原理 114
3.2控件 115
3.3组件 117
3.4闪屏页和启动页 119
3.4.1闪屏页和启动页的特征 119
3.4.2闪屏页分类 119
3.4.3闪屏页和启动页的功能与适配度 121
3.5引导页 122
3.5.1引导页分类 122
3.5.2引导页的功能与特征 123
3.6空白页 出错页 124
3.7首页 125
3.7.1首页的功能与特征 125
3.7.2首页设计案例解析 126
3.8个人中心页 129
3.9详情页 131
3.9.1详情页内容设置 131
3.9.2详情页设计案例解析 132
3.10登录页 135
3.10.1登录页设置 135
3.10.2登录页设计案例解析 135
3.11沉浸式页面 137
3.11.1页面配色 137
3.11.2沉浸式页面赏析 138
第4章页面标注与切图 139
4.1常用标注工具介绍 140
4.2Parker使用说明 140
4.3切图输出 142
第5章交互设计 144
5.1认识交互设计 145
5.1.1交互设计与界面设计的区别 145
5.1.2交互设计的五要素 145
5.2交互设计七大定律 146
5.2.1席克定律 146
5.2.2菲茨定律 147
5.2.3泰思勒定律 148
5.2.4奥卡姆剃刀原理 148
5.2.5新乡重夫防错原则 149
5.2.6接近性法则 149
5.2.7神奇数字7±2法则 149
5.3交互设计辅助工具及应用 150
5.3.1思维导图 150
5.3.2流程图 150
5.3.3线框图 151
5.3.4交互说明文档 152
第6章移动端产品界面设计解析 153
6.1互联网公司团队架构 154
6.1.1产品团队 154
6.1.2研发团队 155
6.2移动端产品开发流程 155
6.3名绣App界面设计案例解析 156
6.3.1产品分析 156
6.3.2品牌形象 157
6.3.3界面配色 158
6.3.4界面图标设计 158
6.3.5界面版式设计 158
6.4“MUSIC&COFFEE”音咖概念App界面设计案例解析 162
6.4.1产品定位 162
6.4.2用户研究 162
6.4.3视觉规范 163
6.4.4界面布局 165
6.4.5界面视觉设计 166
第7章UI中的动效设计 171
7.1动效设计软件介绍 172
7.1.1UI常用动效设计软件 172
7.1.2AE界面结构与基本功能 172
7.1.3AE合成与变换 174
7.2UI动效设计案例详解 180
7.2.1弹射玩具 180
7.2.2动态进度条 185
7.2.3充电显示 188
7.2.4发光盒子 189
7.2.5信息提示 192
7.2.6飞行动画 195
7.2.7渐变字体 198
7.2.8炫彩图标 202
7.2.9广告动效 206
7.2.10传送动效 208
7.2.11变色雪花 210
7.2.12加载动效 212
7.2.13合成图标 214
7.2.14弹跳效果 217