全链路UI设计 创意思维 项目实战 就业指导

　　本书主要讲解新手设计师需要掌握的技能及练习方法。全书共9章，第1～4章为设计软件技能；第5～8章则结合实战案例，为提升内容；第9章为设计师面试及接单时的注意事项。本书采用理论和实战案例相结合的方式来展现，设置了很多练习题方便读者加以练习。本书附赠丰富资源，提供案例素材文件，实战案例配以在线视频讲解，读者实操练习后可以进行对比，查漏补缺，举一反三。此外，为教师提供专享配套教学PPT课件，方便教学使用。本书适合新手设计师、需要转行的设计师、需要提高技能的UI设计师阅读，也可作为各大中专院校相关专业学生的自学参考书或社会培训机构的教学用书。

　　徐鹏，上海大学动画硕士，先后服务于盛大、骏梦科技、大众点评等知名公司，目前是高校讲师。曾参与《新仙剑奇侠传》网游、金螳螂家App、大众点评App，B端项目三一重工IPM等项目或产品的设计工作。

目录

第1章　UI 行业认知
1.1　UI 入门必修课——UI 行业全面认知　13
1.1.1　UI 设计师的产出　14
1.1.2　设计软件分类　20
1.1.3　什么是全链路设计师　26
1.2　设计素材库　27
1.2.1　素材整理　28
1.2.2　建设素材库　28

第2章　设计软件
2.1　设计软件分析　31
2.2　图标起源认知　31
2.3　Photoshop 软件基础　32
2.3.1　拟物图标制作　38
2.3.2　金属质感图标　42
2.3.3　钢笔工具　48
2.3.4　布尔运算—— Logo设计　50
2.4　Adobe Illustrator 设计基础　51
2.4.1　AI 设计基础　52
2.4.2　实战：Wi-Fi 图标绘制　55
2.4.3　实战：渐变Logo 设计　56
2.4.4　实战：2.5D等距图网页制作　58

第3章　交互软件
3.1　主流交互软件认知　63
3.2　Adobe XD　64
3.2.1　初识Adobe XD　64
3.2.2　侧边栏滑动　67
3.2.3　上下滑动　70
3.2.4　实战：蓝湖团队协作　71
3.3　Axure　75
3.3.1　Axure 基础　76
3.3.2　交互文档制作　77
3.3.3　实战：弹窗效果　82
3.3.4　二级导航叠加　85
3.3.5　动态面板应用　86

第4章　视觉设计基础与规范
4.1　界面层次设计　90
4.1.1　文字层级　91
4.1.2　配色原理　92
4.1.3　Logo 常用设计法　95
4.1.4　海报常用版式　99
4.2　iOS 三大设计原则　104
4.2.1　清晰原则　105
4.2.2　遵从原则　106
4.2.3　深度原则　106
4.3　iOS 界面尺寸和控件规范　107
4.3.1　界面尺寸　107
4.3.2　控件规范　109
4.4　Android 设计原则和规范　113
4.4.1　设计原则　113
4.4.2　控件规范　120
4.4.3　尺寸和布局规范　127

第5章　界面设计进阶
5.1　界面设计常犯错误　130
5.1.1　设计得“较差”的界面：播放界面详解　136
5.1.2　栅格系统应用　138
5.1.3　设计改版分析：手指投　145
5.1.4　设计改版分析：M 阅读　148
5.2　运营插画技法解析　153
5.2.1　Banner 排版布局　153
5.2.2　实战：“追波风”海报设计　157
5.3　标准界面输出：适配　160
5.3.1　界面切图和标注　162
5.3.2　切图命名规范　166
5.3.3　Android“点九”切图法　168

第6章　After Effects 动效专攻
6.1　After Effects 基础　171
6.1.1　图层和基础工具　172
6.1.2　基础属性　173
6.1.3　素材导入和保存输出　177
6.2　After Effects 技法进阶　179
6.2.1　点击水波反馈　179
6.2.2　实战：中继器点赞效果　181
6.2.3　实战：登录动效　183
6.2.4　旅行App 翻书动效　186
6.3　After Effects 高级动效　189
6.3.1　悬浮果冻效果　189
6.3.2　3D 卡片和表达式　191
6.3.3　实战：Loading 秒表动效　193
6.3.4　实战：图标动效　195

第7章　前端开发
7.1　网络运行原理　199
7.1.1　前端基础　200
7.1.2　HTML 常用标签　205
7.2　标签进阶　206
7.2.1　列表标签　207
7.2.2　表格标签　209
7.2.3　div 与span 标签　210
7.3　什么是CSS　211
7.3.1　CSS 基础语法　211
7.3.2　CSS 背景　213
7.3.3　CSS 字体　217
7.3.4　CSS 边框与盒子模型　220
7.3.5　id 和class 选择器　223
7.4　实战：登录页面　224

第8章　项目设计
8.1　图标设计提升　229
8.1.1　图标精度提升：MBE 线型图标　229
8.1.2　金刚区主题图标　234
8.2　设计布局　237
8.2.1　Web 布局技巧　238
8.2.2　列表区布局思路　241
8.3　设计方法论　243
8.3.1　Kano 模型　243
8.3.2　双钻模型　249
8.4　B 端产品　251
8.4.1　B 端产品设计原则　253
8.4.2　实战：B 端《纳米系统》案例解析　255
8.4.3　实战：B 端《数据挖掘》案例解析　257

第9章　知识拓展
9.1　需求梳理　262
9.1.1　产品需求文档PRD　262
9.1.2　5W 需求分析法　264
9.2　竞品分析　269
9.3　作品集视频制作　278
9.3.1　After Effects 视频开场　278
9.3.2　Premiere 剪辑输出　281
9.4　建立作品集　283
9.4.1　面试技巧　284
9.4.2　个人作品集　286
9.4.3　个人设计师接单如何报价　292