🎯核心定义

视觉思维(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 优化、用户路径分析用户旅程图、共情地图

参见:

参考文章

指向原始笔记的链接

⚛️实施原则

  • 清晰简洁:视觉元素应清晰易懂,避免过度复杂。
  • 重点突出:利用颜色、大小、位置等视觉元素突出重点信息。
  • 逻辑连贯:视觉元素的排列应符合逻辑,便于理解。
  • 灵活运用:根据具体场景选择合适的视觉工具和方法。

视觉工具选取原则

  1. 认知目标优先:先明确要解决什么问题(创意?流程?逻辑?),再选工具。
  2. 降低外部认知负荷:工具应减少大脑信息组织负担,而非增加复杂度。
  3. 匹配个体差异:对视觉敏感者用图表,语言偏好者辅以文字注释。
指向原始笔记的链接

Gestalt视觉法则

Gestalt 视觉法则:人类如何自动组织视觉信息?

==Gestalt(格式塔)心理学认为,人类大脑会自动将视觉元素组织为整体,而非孤立感知。核心法则包括:==

  1. 接近性(Proximity)
    • 规则:距离近的元素被视为一组。
    • 应用:表格中紧密排列的数据点会被归为同一类别;思维导图中相邻分支关联性更强。
    • 示例:用间距区分不同功能模块的流程图。
  2. 相似性(Similarity)
    • 规则:颜色、形状、大小相似的元素被归为一类。
    • 应用:知识图谱中用相同颜色标记同一领域的节点(如红色=技术,蓝色=市场)。
  3. 闭合性(Closure)
    • 规则:大脑会自动补全不完整的图形。
    • 应用:用虚线框表示隐含的逻辑关系(如 PPT 中未画全的循环箭头)。
  4. 连续性(Continuity)
    • 规则:视觉倾向于感知连续路径而非断裂。
    • 应用:时间线设计时用平滑曲线连接事件,避免锯齿状断点。
  5. 共同命运(Common Fate)
    • 规则:朝同一方向移动的元素被视为一组。
    • 应用:动态图表中同步高亮的相关数据点(如供应链可视化中的物流流向)。
  6. 图形与背景(Figure-Ground)
    • 规则:大脑区分主体(图形)和背景。
    • 应用:重要数据用对比色突出(如白底蓝柱状图中的橙色关键指标)。
指向原始笔记的链接

🔎示例

  • 产品设计:使用思维导图进行头脑风暴,发散产品创意。
  • 项目管理:使用甘特图进行项目进度跟踪,把控项目风险。
  • 知识整理:使用知识图谱构建知识体系,提升知识检索效率。
  • 会议记录:使用视觉笔记记录会议内容,提高会议效率。
场景:新产品创意头脑风暴
认知目标:快速生成非结构化创意,激发团队联想
匹配思维:发散思维
匹配工具:思维导图
示例:
  - 中心节点写产品名称(智能水杯),分支延申关键词如:用户痛点、技术方案、竞品分析等
  - 使用颜色区分类别(如红色表示技术,绿色表示市场),使用图表区分优先级等
Gestalt原则:
  - 接近性:相关点子放在相邻分支
  - 相似性:同类功能使用相同颜色