人工精选短视频社交App交互设计实战，更深入的看透互联网产品的本质
如果你正在做或准备做短视频类产品，这门课值得先了解清楚它到底解决什么问题，再决定要不要花时间。它不教剪辑，也不教运营涨粉，核心落在"交互设计"四个字上——也就是用户从打开 App 到刷完一条视频、点进主页、发出评论、划走，这一连串动作背后的界面逻辑怎么设计、为什么这么设计。 它对准的工作场景 短视频
会员可免费下载本篇月会员可免费领取。
开通会员 ›会员 · 按档位
游客按标价购买，不享受上表折扣。
支付成功后自动发放网盘链接，链接失效可找客服免费补
如果你正在做或准备做短视频类产品，这门课值得先了解清楚它到底解决什么问题，再决定要不要花时间。它不教剪辑，也不教运营涨粉，核心落在"交互设计"四个字上——也就是用户从打开 App 到刷完一条视频、点进主页、发出评论、划走，这一连串动作背后的界面逻辑怎么设计、为什么这么设计。
它对准的工作场景
短视频社交产品的交互，和普通工具类 App 差别很大。视频本身占满屏幕、信息流几乎无终点、用户注意力以秒计，任何一次多余的点击都可能造成流失。课程围绕这类产品的典型界面展开：首页推荐流、播放页的操作区、评论区、个人主页、发布流程、消息互动。学的时候会反复碰到一个判断——某个按钮放这里还是放那里，用户会不会误触，滑动手势和点击意图怎么区分。
这些问题在真实项目里每天都要面对，也是产品、交互、UI 三类岗位协作时最容易起争议的地方。课程的价值在于把争议拆成可讨论的规则。
学完能独立做什么
按课程节奏走完，比较现实的结果是：你能独立完成一个短视频社交模块的交互稿，从信息架构、页面流程，到关键页面的状态设计和手势规范，都能自己拿主意并说明理由。具体点说，能画出完整的核心流程、给出播放页各控件的层级和触发逻辑、处理空状态和异常状态、写出一份别人看得懂的交互说明。
这些产出可以直接整理进作品集。面试时被问到"你为什么这么设计"，能讲出参考依据和取舍，比只放几张静态图有说服力得多。
资料适合什么基础
- 有基本的产品或设计概念、用过主流设计工具的人，上手最顺，可以快速进入实战章节。
- 零基础转行者也能学，但建议别跳章节，先把前面对交互基础概念的部分吃透，否则后面讲流程和状态时会吃力。
- 已经在做运营或开发、想理解产品设计逻辑的人，可以重点看案例拆解部分，跳过动手环节。
需要注意的是，课程偏实战和设计判断，不涉及具体某个工具的详细操作教学。如果你指望它手把手教软件功能，会不符合预期。
怎么用这份资料效率更高
配套的章节笔记是这门资料里比较实用的一环，适合课后复盘，也适合面试前快速过一遍关键结论。建议每学完两到三节，用自己的话整理一份小结，重点记"为什么这么设计"而不是"长什么样"。
到最后，尽量独立复现一个完整的短视频社交 Demo，哪怕只做核心三四个页面。做过一遍，和只看过一遍，对交互细节的理解完全不在一个层次。整体而言，这是一门适合认真啃、不适合速刷的课。
短视频社交App交互设计实战，更深入的看透互联网产品的本质
课程推荐
《短视频社交App交互设计实战，更深入的看透互联网产品的本质》短视频社交App交互设计实战，更深入的看透互联网产品的本质【技能收获】学完可掌握：短视频 / 自媒体运营。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向，认证 + 实战项目组合能显著提升面试通过率，适合向中高级运维或架构岗进阶。 若你已有一定编程或运维基础，本课程可帮助你在现有技能栈上快速叠加热门方向能力，提升求职时的项目说服力与薪资谈判空间。
视频目录（75 节）
课程目录
* 1-1 课程简介 .mp4
* 2-1 实战项目定位与需求分析 .mp4
* 2-2 从用户需求到功能需求 .mp4
* 2-3 KANO模型 .mp4
* 2-4 对需求做减法 .mp4
* 3-1 功能结构图定义 .mp4
* 3-2 功能结构图绘制（一） .mp4
* 3-3 功能结构图绘制（二） .mp4
* 3-4 功能结构图绘制（三）.mp4
* 3-5 功能结构图绘制（四） .mp4
* 3-6 功能结构图绘制（五） .mp4
* 4-1 信息架构设计定义.mp4
* 4-2 信息架构设计（一） .mp4
* 4-3 信息架构设计（二） .mp4
* 4-4 信息架构设计（三） .mp4
* 4-5 信息架构设计（四） .mp4
* 5-1 操作流程图定义 .mp4
* 5-2 用户场景设计 .mp4
* 5-3 短视频拍摄编辑发布操作流程图绘制.mp4
* 5-4 短视频分流程图绘制 .mp4
* 5-5 好友管理操作流程图绘制 .mp4
* 6-1 动态-产品结构图 .mp4
* 6-2 消息中心-产品结构图 .mp4
* 6-3 我的-产品结构图 .mp4
* 6-4 拍短视频-产品结构图4 .mp4
* 6-5 产品结构图查漏补缺 .mp4
* 7-1 页面交互图-上 .mp4
* 7-2 页面交互图-下 .mp4
* 8-1 好友-动态列表原型设计 .mp4
* 8-2 附近-动态列表原型设计 .mp4
* 8-3 短视频详情原型设计 .mp4
* 8-4 附近-短视频详情原型设计 .mp4
* 8-5 发布用户空间原型设计 .mp4
* 8-6 加好友原型设计.mp4
* 8-7 拍摄短视频原型设计 .mp4
* 8-8 编辑与发布短视频原型设计 .mp4
* 8-9 拍摄短视频子页面原型绘制 .mp4
* 8-10 编辑短视频子页面原型绘制 .mp4
* 8-11 消息中心原型绘制(一) .mp4
* 8-12 消息中心原型绘制(二) .mp4
* 8-13 个人中心原型绘制 .mp4
* 8-14 控件原型绘制(一) .mp4
* 8-15 控件原型绘制(二) .mp4
* 8-16 原型页面交互图绘制 .mp4
* 9-1 短视频拍摄发布-页面流程(上) .mp4
* 9-2 短视频拍摄发布-页面流程(下) .mp4
* 9-3 好友管理-页面流程(一) .mp4
* 9-4 好友管理-页面流程(二) .mp4
* 9-5 好友管理-页面流程(三) .mp4
* 9-6 好友管理-页面流程(四) .mp4
* 10-1 交互文档说明.mp4
* 10-2 项目基本说明 .mp4
* 10-3 常用控件 .mp4
* 10-4 网络异常 .mp4
* 10-5 加载机制 .mp4
* 10-6 缓存机制 .mp4
* 10-7 手势操作 .mp4
* 10-8 屏幕旋转与中断机制 .mp4
* 10-9 声音控制与信息显示 .mp4
* 10-10 原型交互说明（1） .mp4
* 10-11 原型交互说明（2） .mp4
* 10-12 原型交互说明（3） .mp4
* 10-13 原型交互说明（4） .mp4
* 10-14 原型交互说明（5） .mp4
* 10-15 原型交互说明（6） .mp4
* 10-16 原型交互说明（7） .mp4
* 10-17 原型交互说明（8） .mp4
* 10-18 原型交互说明（9） .mp4
* 11-1 交互演示原型定义 .mp4
* 11-2 进度条的分段.mp4
* 11-3 进度条的控制 .mp4
* 11-4 进度条的删除.mp4
* 11-5 特效编辑交互处理 (1).mp4
* 11-5 特效编辑交互处理 .mp4
* 12-1 实战总结 .mp4
同类课程
和你正在看的这门一个方向
软考考证希赛李阿妹老师.软考中级软件设计师
永久有效 · 网盘发货
软考考证雅思备考必备｜剑雅1-19真题合集 +独家解析+听力原声（高清PDF+音频）
永久有效 · 网盘发货
软考考证薛大龙软考【高项】2026年5月
永久有效 · 网盘发货
软考考证超级面试官 ：让你看人不走眼的管理必修课 2.5万人次学过【完结】
永久有效 · 网盘发货
软考考证兄弟连出品细说PHP 第二版（DVD）
永久有效 · 网盘发货
软考考证软考中级网络工程师
永久有效 · 网盘发货