视觉实验室

Excel 公式教学可视化:让数据、参数、命中结果连起来

从 19 个常用 Excel 函数中提炼 7 种教学视觉模式,并用真实 Excel 行号、列标、公式参数和命中结果演示单函数独立案例板。

作者:黄撑 更新于 2026-07-16

Excel 教程最常见的问题,不是公式写错,而是读者只能看到一行公式,却看不到它检查了哪一列、命中了哪条记录、最终为什么得到这个结果。

这篇视觉实验总结一套可复用的表达方法:把真实数据、公式参数、命中位置和最终结果放在同一块画面里。

FORMULA VISUAL PATTERN一张图同时回答四个问题

检查哪里、匹配什么、命中了谁、最后得到什么。

01数据样本先看到真实输入
02参数映射公式对应到单元格区域
03命中反馈高亮真正参与计算的数据
04计算结果展示过程和最终答案

19 个函数,只需要 7 种视觉关系

从函数名称出发,很容易给 19 个函数设计 19 套页面。更简单的做法,是先判断它们在处理什么关系。

19 / 19适合可视化辅助说明

按数据关系分组,而不是按函数名逐个发明样式。

条件统计 · 5 个
COUNTIFCOUNTIFSSUMIFSUMIFSAVERAGEIF

展示条件范围、命中记录和统计结果。

文本处理 · 9 个
LEFTRIGHTMIDLENTRIMSUBSTITUTETEXTJOINFINDSEARCH

展示字符位置、处理前后变化和文字坐标。

查找匹配 · 5 个
VLOOKUPXLOOKUPINDEXMATCHXMATCH

展示查找区域、命中行、返回列和结果。

01条件命中与汇总COUNTIF / SUMIF02文本切片与长度LEFT / MID / LEN03文本清洗与替换TRIM / SUBSTITUTE04多值拼接流TEXTJOIN05文字位置标记FIND / SEARCH06查找行映射VLOOKUP / XLOOKUP07位置与坐标定位INDEX / MATCH / XMATCH

模式一:公式参数映射板

这个模式适合 SUMIFAVERAGEIFXLOOKUPFILTER、SQL 查询和其他“输入范围 + 条件 + 返回范围”的内容。

SKU订单金额
K161-BK199
X51C-BK159
M30-BK99
K161-WH219
P12-BL139
K161-BK209
=SUMIF(C8:C17,"K161*",D8:D17)
检查哪里SKU 列
匹配什么以 K161 开头
汇总哪里订单金额列
命中 3 条199 + 219 + 209= 627

模式二:字符槽位演示

解释通配符、正则表达式、文本截取或编码结构时,可以把字符串拆成固定内容和可变化槽位。

*任意数量
K161任意内容

K161* 可以匹配 K161、K161-BK 和 K161-黑色-套装。

?正好一位
K?61

K?61 可以匹配 K161、KA61,但不能匹配 K1261。

~取消特殊含义
*~*

星号前加波浪号后,表示真正的星号字符。

函数家族一:文本切片与长度标尺

LEFTRIGHTMIDLEN 都在处理字符位置。最直观的做法,是把原文字拆成带序号的字符格。

原始文本K161-BK
1K2136415-6B7K
LEFT(A2,4)取左侧 4 位K161
RIGHT(A2,2)取右侧 2 位BK
MID(A2,6,2)从第 6 位取 2 位BK
LEN(A2)计算全部字符数7

函数家族二:清洗、替换与拼接流

TRIMSUBSTITUTETEXTJOIN 的共同点,是输入文字经过一次处理后产生新文字。视觉上应突出处理前后。

TRIM · 清理空格
··K161-BK··K161-BK

用可见圆点表示多余空格,处理结果才容易观察。

SUBSTITUTE · 替换文字
K161-BKK161/BK

把旧字符和新字符直接标在变化位置上。

TEXTJOIN · 多值拼接
K161BK蓝牙
分隔符 “-”K161-BK-蓝牙

函数家族三:文字位置标记

FINDSEARCH 返回的是目标文字在字符串中的起始位置,应把返回值放回原文本解释。

1 新2 品3 空格4 K5 16 67 18 空格9 蓝10 牙
FIND(“K161”,A2)4

从第 4 个字符开始找到目标。

SEARCH(“k161”,A2)4

不区分英文大小写,仍然能找到。

FIND(“k161”,A2)#VALUE!

区分大小写,因此没有找到。

函数家族四:查找行与坐标定位

这五个函数只有两条路线:VLOOKUPXLOOKUP 一步返回结果;MATCHXMATCH 先找到相对位置,再由 INDEX 取回内容。

一步返回
查找值VLOOKUP / XLOOKUP结果

重点展示查找区域、命中行和返回单元格。

先定位再取值
查找值MATCH / XMATCH相对位置INDEX

重点区分相对位置和工作表真实行号。

扩展模式:一个函数,一张独立案例板

当文章要逐个教会多个函数时,每个函数都应有独立数据表。数据内容可以相同,但查找区域、返回区域、相对位置和结果单元格必须针对当前函数重新标注。

下面用 XLOOKUP 展示同步后的标准案例板:表格真实保留 Excel 的 A~D 列标和 1~5 行号,公式范围、文字说明和高亮位置完全一致。

CASE · XLOOKUP在 A 列查找,从 D 列返回

目标:根据 SKU K161 返回价格 199。

ABCD
1SKU商品名称平台价格
2X51C便携键盘天猫159
3K161蓝牙键盘天猫199
4M30无线鼠标京东99
5P12平板保护套拼多多139
2查找列 A2:A53返回列 D2:D5A3 命中,D3 返回 199
XLOOKUP 公式
=XLOOKUP(1"K161",2A2:A5,3D2:D5,4"未找到")
1
指定查找值

本例查找 K161。

2
指定查找列

只在 A2:A5 中查找。

3
指定返回列

从 D2:D5 返回同一行结果。

4
设置未找到提示

没有匹配时显示“未找到”。

A3 找到 K161保持工作表第 3 行D3 返回 199
VLOOKUP完整区域 + 第一列 + 返回列号

公式区域、列标和区域内第几列必须一致。

XLOOKUP查找列 + 返回列

两个范围分开写,并标出同一行的返回单元格。

MATCH查找区域 + 相对位置

返回 2 不等于工作表第 2 行,要同时标出真实行号。

INDEX取值区域 + 指定位置

给定区域第几个,再展示对应的真实单元格。

XMATCH查找区域 + 默认精确匹配

同样返回相对位置,但公式更简洁。

可读性标准:教学内容不能缩成缩略图

公式教学中的表格和步骤文字属于正文内容。放不下时,应减少并列列数或在移动端允许横向滚动,而不是继续缩小字号。

11–12px编号与小标签

CASE、步骤编号和短辅助标签。

12–13px辅助说明

参数补充、表头说明和次要提示。

13–14px教学正文

步骤解释、卡片正文和查找过程。

14–15px表格内容

数据样本、表头和命中记录。

15–17px公式

保持完整可读,不为塞下一行而缩字。

18px+最终结果

让读者快速确认公式答案。

跨函数表达一:错误公式必须配实际结果

只写“错误”和“正确”仍然比较抽象。更有效的结构是:公式 → 实际结果 → 原因 → 正确写法。

默认写法=XLOOKUP("K161*",C8:C17,D8:D17)结果:未找到

没有开启通配符匹配模式。

正确写法=XLOOKUP("K161*",C8:C17,D8:D17,"未找到",2)结果:199

第五个参数写 2 后,返回第一条匹配记录。

跨函数表达二:复杂公式简化要展示删掉了什么

公式简化不只是字符变少,而是处理步骤变少。

原写法先截取,再逐项处理
LEFTMAPLAMBDAAVERAGEIF
=AVERAGEIF(MAP(LEFT(...)),"K161",D8:D17)
推荐写法直接描述前缀条件
AVERAGEIF+"K161*"
=AVERAGEIF(C8:C17,"K161*",D8:D17)

设计规则:颜色和布局必须保持稳定

坐标使用真实行号和列标

辅助坐标与数据区域分离,公式能直接对应单元格。

颜色一种颜色只表达一种含义

蓝色表示查找范围,紫色表示返回范围,绿色表示命中结果。

箭头距离短、方向清楚

公式靠近表格,避免连线跨越整个页面。

结果显示命中数据和最终答案

不能只解释参数,还要完成一次真实计算。

桌面端内容放得下就不显示滚动条

避免让读者误以为右侧还有隐藏内容。

移动端保持字号,必要时横向滚动

不要把教学表格强行压成缩略图。

什么时候使用这套模式

适合:

  • Excel、WPS、SQL、正则表达式和数据筛选教程。
  • 一个公式包含多个范围、条件或返回区域。
  • 需要解释为什么某些记录被命中、另一些没有被命中。
  • 需要比较修改前后的实际结果。

不适合:

  • 公式只有一个简单参数,普通代码块已经足够。
  • 数据量很大,需要完整查询表格,而不是教学演示。
  • 重点只是函数清单,不是数据如何参与计算。