原创三步学习图:提取条带单元、比较排列间隔、核对带编号的图例。
阅读口径

本页讲知识图的内容保留,不承诺某个断点覆盖所有设备。真实页面还会受字体、浏览器缩放和容器宽度影响。应检查内容是否完整,而不是只记录某个手机型号的截图。

先弄清关键关系

裁切与缩放处理的是不同问题。裁切保留局部尺寸但舍弃区域,缩放保留整体关系但压缩细节。知识图通常包含标题、示例和注释,随意使用填满容器的裁切方式,可能留下图案却删掉结论。决定之前先列出哪些文字与符号是理解内容不可缺少的。

原创情景与对照

原创练习:把一张横向的“等距、成组、渐变”对照图放进手机竖卡。甲版居中裁切,乙版完整缩放,丙版将三栏改成三行。检查甲版是否只剩中间一组,乙版标签是否过小,丙版是否还能清楚比较同一变量。最终选择应根据阅读任务,而不是哪版占满空间。

具体怎样修改

为重要知识图建立内容保护区,图例与标题不放在容易消失的边缘。若移动端改成三行,保持每行样本尺寸和说明顺序一致,防止排版变化改变比较条件。图片旁的正文还应概括主要结论,让图像未显示时仍能读懂主题。

裁切还是重排

保护区应由理解任务决定:对照图的三组样本、名称和共同条件都属于必要内容,背景留白则可以调整。纵向重排后再检查正文里是否仍写“左侧”“右侧”,必要时改成甲、乙、丙编号,让空间变化不破坏解释。这样维护一套内容比为每种屏幕写一套矛盾图说更稳定。

本页原创选择对照
情境优先考虑
只包含单一主体核对裁切后主体是否完整
包含多组知识比较优先完整展示或纵向重排

可执行检查单

  1. 01列出不能丢失的标题、编号、图例和对比对象。
  2. 02分别检查裁切、缩放、重排三种方案的损失。
  3. 03在窄容器里核对完整结论,必要时提供纵向知识图。

一个常见问题

给图片写ALT就能随便裁切吗?

不能。替代文字补充不可见时的含义,不能修复可见读者面对的不完整图。主要比较关系应在画面中完整呈现,旁边正文与替代文字再以适当层次说明。

如何留下复盘记录

复盘时写明“哪些线索必须保留”和“采用何种布局”。如果后来更换图片比例,依据这份记录重新核查,而不盲目复用原先的裁切参数。

继续阅读

黑白打印后的纹样检查 · 信息层级