🎯核心定义
视觉思维(Visual Thinking)是一种强大的认知工具,通过结合图像和文字,可以显著提高记忆、理解和创造力。本笔记将带你了解视觉思维的核心概念、常用工具和实践方法。🧠💡
| 理论 | 对视觉思维的启示 | 应用案例 |
|---|---|---|
| 双重编码理论 | 文字 + 图像双重编码记忆更牢固 | 概念图标注关键词 + 图形 |
| 认知负荷 | 视觉分组降低信息处理压力 | 用颜色区分知识模块 |
| 具身认知理论 | 手绘动作强化思维具身性 | 手写笔记比打字记忆更深 |
误区修正:很多时候我们在意视觉笔记好不好看,但如果是个人笔记,那么 视觉笔记应追求结构清晰而非艺术美感,过度装饰反而不美。
🗂️思维分类及视觉工具选择
应用视觉思维的难点在于根据场景选择对应的视觉工具,
不同的思维模式适用于不同的场景,选择合适的视觉工具可以极大地提升认知效率。
SOP-视觉工具选择矩阵
常用思维分类及视觉工具
思维模式 核心逻辑 (The Logic) 视觉原型 (The Visual) 开发者场景 (Dev Context) 核心工具 (Tools) 线性思维 时间/步骤 (Steps) ➡️ 箭头链 CI/CD 流水线、Event Loop 流程图、时序图、甘特图 结构化思维 层级/包含 (Hierarchy) 🌲 树形结构 组件树、文件目录、DOM 思维导图、C4 模型、UML 类图 系统思维 循环/反馈 (Loop) 🔄 闭环圆 状态管理 (Redux)、内存泄漏 因果回路图、系统动力学 发散思维 联想/辐射 (Radiant) 💥 爆炸点 头脑风暴、技术调研 概念图、自由绘图 (Crazy 8s) 收敛思维 选择/过滤 (Filter) 🔽 漏斗/网格 技术选型、优先级排序 决策矩阵、四象限图、漏斗图 批判性思维 论证/正反 (Judge) ⚖️ 天平/对抗 Code Review、架构评审 论证图 (IBIS)、SWOT 分析 量化思维 数据/趋势 (Data) 📊 坐标轴 性能分析 (Lighthouse) 柱状图、雷达图、散点图 设计思维 体验/共情 (Empathy) ❤️ 波浪线 UX 优化、用户路径分析 用户旅程图、共情地图 参见:
参考文章
指向原始笔记的链接
⚛️实施原则
- 清晰简洁:视觉元素应清晰易懂,避免过度复杂。
- 重点突出:利用颜色、大小、位置等视觉元素突出重点信息。
- 逻辑连贯:视觉元素的排列应符合逻辑,便于理解。
- 灵活运用:根据具体场景选择合适的视觉工具和方法。
视觉工具选取原则
指向原始笔记的链接
- 认知目标优先:先明确要解决什么问题(创意?流程?逻辑?),再选工具。
- 降低外部认知负荷:工具应减少大脑信息组织负担,而非增加复杂度。
- 匹配个体差异:对视觉敏感者用图表,语言偏好者辅以文字注释。
Gestalt视觉法则
Gestalt 视觉法则:人类如何自动组织视觉信息?
==Gestalt(格式塔)心理学认为,人类大脑会自动将视觉元素组织为整体,而非孤立感知。核心法则包括:==
指向原始笔记的链接
- 接近性(Proximity)
- 规则:距离近的元素被视为一组。
- 应用:表格中紧密排列的数据点会被归为同一类别;思维导图中相邻分支关联性更强。
- 示例:用间距区分不同功能模块的流程图。
- 相似性(Similarity)
- 规则:颜色、形状、大小相似的元素被归为一类。
- 应用:知识图谱中用相同颜色标记同一领域的节点(如红色=技术,蓝色=市场)。
- 闭合性(Closure)
- 规则:大脑会自动补全不完整的图形。
- 应用:用虚线框表示隐含的逻辑关系(如 PPT 中未画全的循环箭头)。
- 连续性(Continuity)
- 规则:视觉倾向于感知连续路径而非断裂。
- 应用:时间线设计时用平滑曲线连接事件,避免锯齿状断点。
- 共同命运(Common Fate)
- 规则:朝同一方向移动的元素被视为一组。
- 应用:动态图表中同步高亮的相关数据点(如供应链可视化中的物流流向)。
- 图形与背景(Figure-Ground)
- 规则:大脑区分主体(图形)和背景。
- 应用:重要数据用对比色突出(如白底蓝柱状图中的橙色关键指标)。
🔎示例
- 产品设计:使用思维导图进行头脑风暴,发散产品创意。
- 项目管理:使用甘特图进行项目进度跟踪,把控项目风险。
- 知识整理:使用知识图谱构建知识体系,提升知识检索效率。
- 会议记录:使用视觉笔记记录会议内容,提高会议效率。
场景:新产品创意头脑风暴
认知目标:快速生成非结构化创意,激发团队联想
匹配思维:发散思维
匹配工具:思维导图
示例:
- 中心节点写产品名称(智能水杯),分支延申关键词如:用户痛点、技术方案、竞品分析等
- 使用颜色区分类别(如红色表示技术,绿色表示市场),使用图表区分优先级等
Gestalt原则:
- 接近性:相关点子放在相邻分支
- 相似性:同类功能使用相同颜色