截圖上的步驟序號：放哪裡、放幾個、刪掉之後怎麼辦
四支箭頭指得出位置，指不出先後。這篇講序號要放在哪、刪掉中間一個之後會發生什麼、以及什麼時候該把一張圖拆成五張。
你要教人怎麼操作某個畫面：先點右上角、再選第二項、然後在跳出來的視窗裡按確定。你截了圖，接下來要決定怎麼在圖上表達這個順序。這篇要回答的是：為什麼序號比箭頭好、序號放在哪、以及一張圖上放幾個才是對的。
先講最常見的做法為什麼不夠好。多數人的直覺是畫箭頭：三個地方就三支箭頭。問題是箭頭只能傳達「這裡」，傳達不了「先這裡」。讀者看到三支紅箭頭時，第一個反應是眼睛在三個位置之間來回跳，然後回到文字說明去對照——你以為圖幫了忙，其實圖只是把工作丟回給文字。序號能同時攜帶位置和順序，這是它唯一但決定性的優勢。
序號要放在哪裡
- 放在目標的左上角外側，不要蓋在目標上面。讀者要看的是那個按鈕長什麼樣、寫什麼字，你把序號壓上去就把它遮掉了。
- 全部放在同一側。如果第一個在左上、第二個在右下、第三個又跑回左上，讀者的視線會在畫面上折返。同一側能讓眼睛順著一條線走完。
- 避開高對比的邊界。序號如果剛好落在深色標題列與淺色內容區的交界上，不管什麼顏色都有一半看不清楚。往內或往外挪十幾個像素就好。
- 大小要跟畫面的元素相稱。一個比按鈕還大的序號會變成畫面主角，一個比內文還小的序號等於沒放。以「和按鈕上的字差不多大到大一點」為準。
- 如果目標本身就很小（一個 16 像素的圖示），先用序號指，再用一個框把那個圖示圈起來。序號負責順序，框負責範圍。
刪掉中間那一個之後
這是做教學圖最常踩的坑，而且它不會當場報錯。你放好了 1、2、3、4，寫完說明才發現第二步根本不用講，於是把 2 刪掉。畫面上現在是 1、3、4，而你的文字說明寫著「第一步、第二步、第三步」。讀者看到圖上跳過了 2，第一個念頭是「我是不是漏看了什麼」，然後開始在畫面上找那個不存在的 2。
正確的行為是刪掉之後其餘的自動往前遞補：1、3、4 要變成 1、2、3。而遞補的依據應該是「建立順序」，不是「哪個蓋在上面」——因為在畫面上疊放層級會隨著你點選、移動而改變，如果按層級重編，你只是把一個滑鼠動作變成了一次靜默的內容錯誤。
如果你的工具不會自動重編，那就養成一個習慣：所有序號都最後再放。先把要指的位置都確定下來、把說明文字寫完、確認步驟數不會再變，然後一次放完。這比事後補救便宜。
一張圖標五個，還是五張圖各標一個
兩種都對，取捨的關鍵是這五步是不是發生在同一個畫面上。
如果五步都在同一個畫面裡完成（在同一個設定頁上依序點五個開關），那就一張圖標五個序號。拆開反而讓讀者每看一張都要重新定位「我現在在哪」。
如果每一步之後畫面會變（點了之後跳出視窗、跳出的視窗裡再點一次），那就必須拆。一張圖標著 1、2、3，但 2 和 3 是在 1 被點下去之後才出現的東西——這張圖在畫面上是不可能同時存在的，你等於畫了一張不存在的畫面給讀者。這個錯誤非常常見，而且做的人自己看不出來，因為他腦子裡有完整的流程。
一個實用的上限：一張圖上超過五個序號，讀者的專注力就開始漏。到七個以上，圖已經變成了一份需要對照的地圖，不是一個說明。
常見的錯誤做法
- 用箭頭表達順序。四支箭頭在讀者眼裡是四個等權重的重點，沒有先後。
- 序號顏色和畫面主色一樣。紅色序號放在一個紅色按鈕旁邊，等於沒放。挑一個畫面上沒有的顏色，或者給序號加一圈陰影或外框。
- 一張圖既標序號又標箭頭又畫框又寫字。四種語彙同時出現，讀者不知道哪一種代表什麼。一張圖裡的標註語彙盡量不要超過兩種。
- 截圖範圍太大。你標了序號，但整個瀏覽器視窗縮到文章寬度之後那個序號只有三個像素高。先裁到只剩需要的區域，再標序號。
- 序號從 0 開始，或用中文數字。讀者掃視的時候需要的是最快能認出來的形狀，阿拉伯數字從 1 開始最省事。
用 Marka 做這件事
Marka 有一個獨立的序號工具：點一下畫面就放一個標記，數字自己遞增。刪掉其中一個之後，其餘的會自動重新編號，而且依據的是建立順序不是疊放層級——這一點是刻意設計的，因為放了 1、2、3 再刪掉 2、畫面上留著 1 和 3，在教學截圖上就是一個錯誤。
標記的大小和你畫的線一樣，是按影像短邊的比例算出來的，不是固定像素。也就是說同一組序號放在一張手機截圖上和一張 4K 螢幕截圖上，在讀者眼裡佔的比例是一樣的，不會在大圖上縮成一個小點。文字工具的大小則是刻意跟線條粗細分開的兩條調整——說明文字該多大和箭頭該多粗是兩個不同的判斷，綁在一起兩邊都難調；文字有三個一鍵尺寸再加一條滑桿。序號工具屬於一次性買斷的 Pro，裁切和馬賽克遮蔽則是免費的。
常見問題
序號應該放在按鈕上面還是旁邊？
旁邊，通常是目標的左上角外側。讀者要看清楚那個按鈕寫什麼字、長什麼樣，序號壓上去就把要看的東西遮掉了。目標本身太小的話，序號放旁邊、另外用一個框把目標圈起來。
一張圖最多放幾個序號？
五個左右是舒服的上限，超過七個那張圖就變成一份需要對照的地圖了。更重要的判斷是：這幾步是不是都發生在同一個畫面上。只要其中一步會讓畫面改變，就必須拆成兩張圖。
刪掉一個序號之後其他的會亂掉嗎？
在 Marka 裡不會，其餘的會按建立順序自動往前遞補。用其他工具的話要自己檢查一遍——畫面上從 1 跳到 3，讀者會停下來找那個不存在的 2。
序號和箭頭可以混用嗎？
可以，但要分工明確：序號負責順序，箭頭負責指向一個序號放不下的細長目標。同一張圖裡的標註語彙最好不要超過兩種，四種同時出現讀者就得先猜你的規則。
在 iPhone 上也能標序號嗎？
可以。序號工具在 iPhone、iPad 和 Mac 上都有，屬於 Pro。iOS 系統內建的「標示」沒有這個工具，只能自己用文字一個一個打，而且刪掉之後不會重編。
用 Marka 來做
Marka 是 iPhone、iPad 與 Mac 上的截圖標註 App。劃一下把不該看的蓋掉，用箭頭指住該看的，用序號標出步驟，裁成你要發的比例，然後送出。全程在裝置本機處理——不上傳、免註冊、無追蹤，安裝檔 2.4 MB。開啟圖片、裁切、馬賽克筆刷與匯出都免費；Pro 是一次性買斷，三端通用。