排法型錄

金控總經理辦公室
翻轉金融 共創美好生活Together, a better life.
排法型錄

先問這一頁要回答什麼

排法依「這一頁要回答的問題」分 10 組、110 條,另有不適合 16 條與跨頁體例 25 條。先有 storyline 的問題,再到對應的組裡挑一條跟證據形態最貼近的排法。
組這一組回答的問題條數
主張與結論讀者要先掃到一句判斷或重點,證據附在旁邊18
比較A 跟 B 差在哪、誰比較好、變化前後差多少15
趨勢某個量隨時間怎麼走、圖上要標出什麼意義16
組成一個整體切成幾塊、量從哪裡流到哪裡7
排名我們排第幾、前後是誰4
結構誰管誰、層級或框架的上下/內外關係11
流程與時程什麼時候、做什麼、卡在哪一步8
狀態與監控目前這些指標的狀態如何、達標了沒17
證據與出處這個主張的原始出處、案例、引言在哪裡9
定義與規範這個詞/這條規定是什麼意思5
查法:ref.py layout --group 組名
排法 · 主張與結論

主張與結論(1/3)

這一組回答:讀者要先掃到一句判斷或重點,證據附在旁邊。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
編號重點清單有哪幾件事、各要記住一句什麼元件 .steps、.st
判斷句小標+列點一頁讀完一章或整份的結論是什麼引擎元件
側標區塊頁/標籤列一頁放幾種不同性質的內容,怎麼讓讀者一眼分辨每塊在講什麼片段 方塊標籤
要點句領頭段段落必須保留(研究推論、主管要看脈絡),但要能先掃到結論引擎元件
結論帶分段一頁3-5個主題,每個主題一句結論配一組數字,怎麼分段又不搶結論列的位置元件 .seg、.sh
面板結論標題雙圖或多圖頁,怎麼讓讀圖的順序就是讀一句話的順序元件 .sh、.t直接寫結論句
查法:ref.py layout --group 主張與結論
排法 · 主張與結論

主張與結論(2/3)

這一組回答:讀者要先掃到一句判斷或重點,證據附在旁邊。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
頁尾/段落結論句一段證據看完了,所以呢——這句收束放哪裡才不跟頁頂結論重複引擎元件
主張欄頭+證據磚3-6個並列主張,每條主張都要有數字撐腰元件 .g3、.g4開放欄
數字領頭陳述三秒內抓到重點,主角就是斷言裡講的那個數元件 .lad標籤欄放數字、.cell.kpi
主軸欄/圖示格同一層級的幾個並列策略主軸或機會,各自要說什麼元件 .g3開放欄、.card
短段兩兩並排6-10個並列短項目,單欄排列右半會整條空白怎麼辦元件 .lad.c2
問題框→圖→結論讀者要先知道問了什麼,才看得懂答案元件 .sh、.t寫題目
查法:ref.py layout --group 主張與結論
排法 · 主張與結論

主張與結論(3/3)

這一組回答:讀者要先掃到一句判斷或重點,證據附在旁邊。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
視覺目錄/章節總覽目錄頁能不能直接讀到每章的結論,而不只是章名元件 .g4開放欄、.ch
定調式子頁/整頁主張章首或全副核心主張要怎麼定調,讓讀者一眼記住元件 .center、.k紅強調
列帶三段3-6個並列主張,每條都要附上代表數字,但不想用欄式(改用列式)片段 列帶三段
大號序號開放欄並列項目要有順序感,但不想畫流程箭頭片段 大號序號開放欄
發現面板一頁2-4個發現,每個發現要自帶證據元件 .g2、.g3開放欄
維度卡陣多維度分析,每張卡自己就要有結論元件 .g2.solid.sync、.ck留空
查法:ref.py layout --group 主張與結論
排法 · 比較

比較(1/2)

這一組回答:A 跟 B 差在哪、誰比較好、變化前後差多少。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
雙欄對照同一主題的兩面,怎麼並排讓讀者左右對讀元件 .t、.tb滿版寬
現況→建議對照/新舊制對應圖每一項改變,從什麼變成什麼元件 .chk、.cr
情境比較欄不確定的未來,幾種可能結果要並排看元件 .g3.sync三欄、.ch
跨欄同位+欄底證據並排卡要逐項比較,欄長短不一時數字列還是要對成一條線元件 .g3.sync、.g4.sync
發散條/對決中軸正負兩側的增減,或兩個對象逐項對決圖表 ec-diverge
勾選/方向矩陣誰有、誰沒有、差在哪,一眼看完片段 符號矩陣、狀態記號
文字矩陣表多個對象、多個面向的定性比較,格內要寫短文字元件 .tb滿版寬表
前後對比磚/倍數箭頭從多少變成多少,一眼看出倍數或增幅元件 .cell.kpi、.delta
查法:ref.py layout --group 比較
排法 · 比較

比較(2/2)

這一組回答:A 跟 B 差在哪、誰比較好、變化前後差多少。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
剪刀差證明「A跑得比B快」,兩條線的距離就是差距圖表 ec-jaws
定位散點/循環散點軌跡/定位泡泡圖我們在哪、要走到哪;或景氣現在在哪個象限、往哪走圖表 ec-position、ec-trail
泡泡矩陣兩個分類維度的分布,每格數量多少圖表 ec-bubblegrid
啞鈴圖/區間條+目前值兩群在多個面向上的差距,比成對柱省空間片段 啞鈴與區間;圖表 ec-dumbbell、ec-range
馬賽克圖兩個維度的構成同時看(欄寬×欄高都代表比例)圖表 ec-mekko
正誤對照規範或教育訓練,看例子就懂對錯元件 .card.warn、.card.ok
預測對照表大家怎麼看、我們怎麼看——多個機構的預測並排比較片段 欄組表頭
查法:ref.py layout --group 比較
排法 · 趨勢

趨勢(1/3)

這一組回答:某個量隨時間怎麼走、圖上要標出什麼意義。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
單圖滿版一張圖就是整頁的證據,趨勢怎麼看圖表 ec-turn
雙圖並排兩個相關指標並看,例如規模與比率元件 .g2.fill、.t
多圖網格一頁看完同一主題的幾個面向,主從關係要不要區分元件 .g2、.g3.fill放對應數量.seg
小倍數比較多個類別的形狀(同一張迷你圖對每類重複一次)圖表 ec-multiples
圖下對齊數據列圖只給規模,比率(利差、占比、覆蓋率)能不能跟每個時點精確對齊,不必再開一張表圖表 ec-datarow
查法:ref.py layout --group 趨勢
排法 · 趨勢

趨勢(2/3)

這一組回答:某個量隨時間怎麼走、圖上要標出什麼意義。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
堆疊柱+右側逐段變動欄堆疊柱看得到結構,看不到每段變多少,怎麼補圖表 ec-segdelta
兩列圖上下疊/共用X軸上下分層圖兩個時距或兩個量綱,上下對齊比左右好讀、又不必畫雙y軸圖表 ec-twotier
圖上數值注記/柱間成長率標註讓圖自己講so-what,讀者不必自己算增幅圖表 ec-bracket、ec-cagr⋯
圖上局部結論框指出圖上某一段或某一點的意義,不是整頁結論圖表 ec-callout
時期/群組色帶/預測區間扇形讓讀者知道哪一段是什麼時期、哪一段是預測圖表 ec-era、ec-fan
目標區間帶/參考線看實績離目標或合理區間多遠圖表 ec-band、ec-targetbar
查法:ref.py layout --group 趨勢
排法 · 趨勢

趨勢(3/3)

這一組回答:某個量隨時間怎麼走、圖上要標出什麼意義。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
概念示意曲線/示意圖解釋制度或模型的形狀(沒有真實數據,但形狀本身有意義)圖表 ec-concept
值表圖例/頁角小表圖例和數值合成一塊,眼睛不必在圖例和圖之間來回;或一頁同時要結論、關鍵數字、趨勢三層圖表 ec-endlabel
圖+評論欄評論要不要貼著它說明的那張圖(空間鄰近)元件 .split、.ch
年度|半年分組圖「全年走勢」與「今年同期」能不能放同一張圖,不拆兩張也不會被誤讀成連續時間圖表 ec-fyhalf
圖下說明框圖例只寫系列名還不夠,能不能直接寫這個系列代表的判讀元件 .g3開放欄、.cell
查法:ref.py layout --group 趨勢
排法 · 組成

組成

這一組回答:一個整體切成幾塊、量從哪裡流到哪裡。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
瀑布/橋接從起點到終點,每一項加減多少圖表 ec-waterfall、ec-bridge⋯
構成拆解先看整體怎麼切,再看最大那塊裡面又怎麼切(兩層下鑽)片段 構成拆解
流量圖/樞紐流向圖量從哪裡流到哪裡、哪一步漏掉多少;或中介角色的價值片段 接龍;圖表 ec-sankey
多期100%堆疊結構怎麼變,各期占比加總都是100%圖表 ec-stack100
結構占比小表結構變化要精確到小數,100%堆疊柱讀不出73.70%與72.80%的差怎麼辦元件 .tb.fit.lite
並列雙圓餅/甜甜圈兩群的組成比較(今昔、資產|獲利、兩家子公司)片段 色塊圖例+並列雙圓餅
華夫格並排幾成,用面積比長條更直覺片段 華夫格
查法:ref.py layout --group 組成
排法 · 排名

排名

這一組回答:我們排第幾、前後是誰。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
同業排名長條一眼看出自家在同業中的位置圖表 ec-peer
排名表/排名長表回答「我們排第幾、前後是誰」;或研究報告要列出全體名單元件 .tb.fit.lite
長表對折長表不捲動、不縮字,怎麼在16:9放得下元件 .g2
表格+行內圖表格查精確值,同時一眼看出大小順序,不必另外畫一張圖片段 行內長條
查法:ref.py layout --group 排名
排法 · 結構

結構(1/2)

這一組回答:誰管誰、層級或框架的上下/內外關係。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
組織/治理架構圖誰管誰、各做什麼片段 上下式組織圖、縮排組織樹
中心輻射/環繞策略輪幾項工作共同服務一個核心目標片段 環繞輪
屋型策略框架目標、主軸、基礎的上下層次片段 屋型策略框架
金字塔/層疊層級、優先序、收斂——一級比一級少或一級比一級重要片段 金字塔
階梯+位置標記級別遞進,我們現在在哪一級片段 階梯
二維矩陣框架用兩個獨立維度把選項分成四類片段 2×2 四宮格
查法:ref.py layout --group 結構
排法 · 結構

結構(2/2)

這一組回答:誰管誰、層級或框架的上下/內外關係。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
驅動→回應把「為什麼要做」和「我們做什麼」接起來元件 .split.even
同心圓/文氏圖範圍由內而外,或兩三個集合的交集片段 文氏與同心圓、部分與整體
系統/分層架構圖系統、平台或產業鏈的層次與組成片段 分層架構、狀態記號
中心圖+兩側窄欄四個主軸,各有什麼作為,一頁講完,中心圖當錨點片段 中心四象限
地圖+標註/地圖+據點數字地理分布一眼看懂——我們在哪裡、各有多少元件 .cell.kpi
查法:ref.py layout --group 結構
排法 · 流程與時程

流程與時程(1/2)

這一組回答:什麼時候、做什麼、卡在哪一步。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
階段計畫欄專案計畫一頁看完:幾個階段、各多久、做什麼、哪些工作跨階段片段 階段計畫欄
泳道流程圖看出流程卡在誰、哪一步片段 泳道
行事曆甘特誰、什麼時候、做什麼片段 甘特
循環圖表達回到起點的過程或互相強化的飛輪片段 封閉循環
查法:ref.py layout --group 流程與時程
排法 · 流程與時程

流程與時程(2/2)

這一組回答:什麼時候、做什麼、卡在哪一步。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
頻率節奏清單多久做一次什麼元件 .lad.solid
時間軸×指標列同一條時間軸讀兩個累計指標的進展片段 時間軸×指標列
里程碑時間軸沿革、里程碑、承諾時程一眼看懂片段 時間軸擴充
直排年份軸+右側成果磚左邊講歷程、右邊講成果元件 .split、.cell.kpi
查法:ref.py layout --group 流程與時程
排法 · 狀態與監控

狀態與監控(1/3)

這一組回答:目前這些指標的狀態如何、達標了沒。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
KPI磚牆/指標帶開場或總結給幾個關鍵數字元件 .g4、.cell.kpi
主角KPI+拆解先給結果,再給原因元件 .split.rev
KPI側軌/邊欄大數字判斷(列點)和證據(KPI)分欄,只有證據軌加底元件 .split、.n值
目標計分表/展望指引清單/指標矩陣對照承諾,看做到沒;或列標籤×指標欄一次看完多個業務的多個指標片段 指標矩陣
熱力表/色階熱表大表先看哪裡深,再查數字片段 熱力表;圖表 ec-heat
燈號點陣格狀態的時間變化一眼看完片段 符號矩陣、狀態記號
查法:ref.py layout --group 狀態與監控
排法 · 狀態與監控

狀態與監控(2/3)

這一組回答:目前這些指標的狀態如何、達標了沒。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
摘要儀表頁/事業別固定儀表/四格混合儀表高層一頁總覽;或翻到任一事業都知道去哪找什麼元件 .cell.kpi、.tb.fit.lite焦點欄
篩選儀表同一組圖切換維度看,怎麼在靜態文件裡也成立引擎元件
財報表慣例一張12列的表只靠字重與一條線分層級,焦點欄就是讀者的錨點片段 欄組表頭
欄組分段表累計與單季、實績與修正、兩種口徑同時看,但欄不會混在一起片段 欄組表頭
撐滿大表一頁只有一張表、列數少時頭重腳輕怎麼辦引擎元件
圖+表並排/上表下圖主管要趨勢也要精確數字,圖表分工元件 .split.fit、.tblwrap
查法:ref.py layout --group 狀態與監控
排法 · 狀態與監控

狀態與監控(3/3)

這一組回答:目前這些指標的狀態如何、達標了沒。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
並列小表群幾個不同主題的小表放一頁比較元件 .g2內放2-4個.seg、.tb.fit.lite
分組列表清單超過8列時先分組,讀者才掃得動片段 直排組名
單指標專頁法說逐項唸指標時,聽眾只看一件事圖表 ec-bracket
指標樹這個總數是由哪些組成,一頁兩層下鑽片段 構成拆解
表+列點+全寬瀑布一頁交代結果(表)、原因(列點)、拆解(瀑布)圖表 ec-bridge
查法:ref.py layout --group 狀態與監控
排法 · 證據與出處

證據與出處(1/2)

這一組回答:這個主張的原始出處、案例、引言在哪裡。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
大引言/引言定義框把一句關鍵原話或定義從段落裡拉出來當證據或定調片段 定義框
引述欄讓第三方替你背書,或並陳多方說法元件 .g3開放欄、.ch
截圖證據卡/剪報卡外部事實(新聞、產品、原話)和數據放在同一頁,證據有出處又有數片段 剪報卡
截圖圖庫畫面本身就是證據時(系統上線、介面改版),讓讀者看到實物片段 截圖圖庫
查法:ref.py layout --group 證據與出處
排法 · 證據與出處

證據與出處(2/2)

這一組回答:這個主張的原始出處、案例、引言在哪裡。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
獎項/標誌牆用第三方認可或合作名單建立可信度元件 .g3、.cell
講者/團隊頁讓讀者知道找誰、誰負責什麼元件 .tb.fit.lite、.cell
案例頁/案例專頁用一個真實案例證明主張片段 定義框
政策/事件清單表法規或事件的時序整理元件 .tb
三證據研究頁研究頁的「論點、走勢、數字」一次到位片段 直排組名
查法:ref.py layout --group 證據與出處
排法 · 定義與規範

定義與規範

這一組回答:這個詞/這條規定是什麼意思。每條的長相、什麼時候用、注意事項與不該用,用 ref.py layout 名稱取全文。
排法這一頁要回答用什麼做
名詞定義表附錄查詢;或把圖裡的情境縮寫先說清楚元件 .lad
問答階梯把讀者心裡的問題直接當頁面骨架,照問題順序讀片段 問答階梯
範圍界定:做/不做開頭講清楚這份做什麼、不做什麼,先消掉期待落差元件 .g2開放欄、.warn字色
條文摘錄+標註讓讀者看原文而不是轉述,重點條款一眼找到片段 條文摘錄
散文頁少數需要完整論述的背景說明元件 .blk-h小標
查法:ref.py layout --group 定義與規範
排法 · 不適合

不適合的排法(1/2)

跟頁頂結論列重複、整頁色帶或照片主導、壓暗其他內容、字級破下限的排法都判不適合。每條附理由與改用的排法;想用之前先看這裡。
排法不適合的理由
三區版左右軌各吃20-25%寬,等於另開一條邊註欄;
全寬色帶訊息就是 measure 報的「長條留白+色塊過重」;
照片主導版金控內部報告沒有照片素材,照片不傳遞資訊、列印耗墨,也違反「真文字、可搜尋」(desi⋯
深色底內容頁列印耗墨、投影環境不一定;
框線標題面板/掛框標籤框分組語彙只有兩種——.sh區段標題+開放欄、.solid卡;
推廣側欄/資歷頁行銷用途,內部報告不需要。
側色塊標題欄標題位置固定在頁頂(母片恆定),每頁標題同一個位置讀者才找得到;
高密度策略儀表12pt下同樣資訊要2-3頁;
查法:ref.py layout --group 不適合
排法 · 不適合

不適合的排法(2/2)

跟頁頂結論列重複、整頁色帶或照片主導、壓暗其他內容、字級破下限的排法都判不適合。每條附理由與改用的排法;想用之前先看這裡。
排法不適合的理由
內外雙環圓餅components.md「兩群比較用兩張並列圓餅,不用內外環」(讀者要先對照半徑才知⋯
公文式編號段落三層以上編號是公文結構,簡報的層級由.sh→.kv兩層承擔;
儀表盤 gauge一個數字占半頁面積,刻度與色帶是裝飾;
左表名欄+右表左邊三分之一只有一行字,等於浪費版面;
半圓雷達文字沿弧段散放,讀者找不到閱讀順序;
照片新聞格單檔HTML內嵌照片會讓檔案暴增、列印品質不穩;
插畫面板/插畫路線圖插畫與剪貼畫不屬品牌語彙、佔版面又不帶資訊;
字首縮寫磚英文字首拼字是口號設計,中文讀者要回頭對照才懂;
查法:ref.py layout --group 不適合
排法 · 跨頁體例

跨頁體例(1/4)

章節摘要、續頁編號、附錄與回主文這類跨頁的寫法,逐條寫做法:引擎自動做、用元件或片段組、照寫作規則寫,或判定不做並附理由。
體例做法說明
章節追蹤器/目錄進度頁引擎眉標、章節頁籤(≥2張 divider 自動生成)、章節地圖(章節頁左下、本章⋯
頁面狀態章片段區段標題右註放頁面狀態章,詞彙固定四個:初稿、備查、示意、非窮盡;
續頁編號/成對頁標記寫作規則同一主題跨頁標題尾加「(1/3)」;
單位口徑行/單位與基準日元件.sh .t .u;
分面板來源註/註腳與資料來源元件頁級.srcline;
頁頂導言與題幹/頁頂結論句元件眉標(kicker)+標題+結論列三層;
數字主張標題寫作規則標題的數字要和圖上的主角是同一個數。
查法:ref.py layout --group 跨頁體例
排法 · 跨頁體例

跨頁體例(2/4)

章節摘要、續頁編號、附錄與回主文這類跨頁的寫法,逐條寫做法:引擎自動做、用元件或片段組、照寫作規則寫,或判定不做並附理由。
體例做法說明
首尾呼應寫作規則長簡報結尾重放開場主張(封底前一頁用同一句定調),storyline標「呼應p⋯
論點總綱+逐點展開元件同一個.g3,目前項加亮(.hot),其他項維持原樣、不淡化;
附錄體例/附錄位置與隔頁元件.jump「附錄:頁名」去、.note.xref「回主文」回,build自動對⋯
省略號跨頁連句寫作規則連續2-3頁是同一個論證時,前頁「……」收、後頁「……」起,不超過3頁。
頁碼交叉參照元件.jump膠囊跳頁(列印隱藏);
場次交叉註記元件內部報告的對應物是「細節在附件幾/哪份報告」,寫在.note或.srcline。
鍵連標號片段圖上號碼用ECharts markPoint(symbol:circle+數字⋯
查法:ref.py layout --group 跨頁體例
排法 · 跨頁體例

跨頁體例(3/4)

章節摘要、續頁編號、附錄與回主文這類跨頁的寫法,逐條寫做法:引擎自動做、用元件或片段組、照寫作規則寫,或判定不做並附理由。
體例做法說明
圖上圈選強調元件用品牌色上色(自家那根、那格:.f、tr.hot、ECharts itemSt⋯
章節路標列元件.flow或.g4×.cell(號碼用.ch .n);
章內固定論證骨架/平行組同構寫作規則components.md「跨頁節奏(視覺主角差異化)」的「平行組」規則:同一⋯
頁角編號元件眉標寫「建議3/8」或標題前加號碼;
章首摘要頁/子章節清單頁/章節頁附本章摘要元件divider後接「編號重點清單」或「判斷句小標+列點」當章首摘要頁與子章節清⋯
期間標記統一寫作規則建議全副一種期間寫法(西元+「1H26/2Q26」或「2026上半年」擇一)⋯
查法:ref.py layout --group 跨頁體例
排法 · 跨頁體例

跨頁體例(4/4)

章節摘要、續頁編號、附錄與回主文這類跨頁的寫法,逐條寫做法:引擎自動做、用元件或片段組、照寫作規則寫,或判定不做並附理由。
體例做法說明
財報表格數字體例元件.n右齊、數字西文字型在前由引擎處理;
圖卡標頭帶元件.sh左豎線;
免責聲明、Q&A、封底不做內部報告不另設版型;
講者資訊元件cover版型的who欄位。
雙語並陳不做內部報告字數加倍;
查法:ref.py layout --group 跨頁體例

先有要回答的問題,
再挑排法

排法的全文以 references/layout-catalog.md 為準

翻轉金融 共創美好生活Together, a better life.