目录
第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