簡報系統導覽

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

今日議程

01
產線與分工
誰寫、誰組、誰驗
02
品牌與版面
外框、色彩、版面判斷
03
閱讀與簡報
兩種狀態、講者工具
04
列印與手機
紙本、小螢幕、匯出
05
驗收與規則
量測、寫作、改版
01
產線與分工

一副簡報從哪裡來、誰負責哪一段?

01 · 產線與分工

一份文字稿組成一副四用的簡報

Claude 只寫文字稿 content.md,程式組成一個 HTML 檔,同一份檔可投影、傳閱、列印、在手機上看。所有外觀與互動由引擎決定,寫稿的人只管內容;版面裝不下就砍字,不縮字級、不改引擎。
寫content.md

一頁一段文字稿

組build_deck.py

套上引擎與品牌外框

驗verify.sh

螢幕與紙本逐頁量過

交交付版

寄出或放上網址

同一份檔,四種讀法表層是簡報,深層是文件
投影三秒讀懂

講者在場,觀眾看標題與主角

傳閱三分鐘讀完

自己讀,結論列帶完整主張

列印開檔畫面

沒有游標也讀得懂

手機縮小的原版

整張等比縮小,跟看 PDF 一樣

出處:SKILL.md「鐵則」、design.md「總綱」
01 · 產線與分工

從骨架到交付分成四段,每段都有人確認

先定每頁要回答的問題,再寫文字稿,組裝後逐頁量測,最後產出寄出去的交付版。你在骨架與文字稿兩處確認方向,看成品時直接指出哪一頁、哪個詞要改。
S0
骨架 storyline.md

每頁一列:頁碼、版型、頁標題、這一頁回答的問題;10 頁以上先給三條敘事線,選定才展開。

S1
文字稿 content.md

照寫作規則寫標題、結論列與內容;先交文字稿確認,再組裝。

S2
組裝

程式把文字稿組成 HTML;格式寫錯就停下,並印出改法。

S3
驗收

一支 verify.sh 跑完文字檢查、對帳與量測,最後印出幾則 ✗、幾則 △ 與下一步。

S4
交付

產出交付版,工具擋不到的逐項用人看;需要時放上分支預覽網址。

出處:SKILL.md「流程」
01 · 產線與分工

開工先問清楚五件事,寫錯要整副重寫

密度、場合、讀者前提、語體與姓名政策決定整副的寫法,開工時問清楚、寫進骨架檔頭。標題句式也在這時定下來:判斷句或框架名,一副只用一種。
密度

投影講述每頁一事、字大;傳閱自讀的結論列要帶完整結論。大會場改內文 14pt

場合

核示、討論或教材;討論與評述類只陳述現況與決策點,不附我方方案

讀者前提

讀者讀過原件沒有,決定要不要補背景與定義

語體

預設是自然的專業商務中文;主管決策與討論場合往上一階改書面語

姓名政策

預設不出個人姓名;要出現時寫進骨架檔頭

標題句式

判斷句或框架名,整副一種;數字是假資料時標成示範用

出處:SKILL.md「開工」
01 · 產線與分工

每副簡報一條分支,引擎只在主線一份

主線只放引擎與規格;每副簡報在自己的分支上做,永遠不合併回主線,要交付時再放上分支預覽網址。做簡報時長出來的通案規則,定版時另外送回主線,下一副才吃得到。
分支怎麼分
  • 主線只放引擎、工具與規格文件;已安裝的 skill 永遠停在主線
  • 簡報分支deck/日期-英文短名,一副一條;簡報檔只在這裡
  • 永不合併簡報檔、decks/、site/ 永遠不進主線
  • 預覽網址交付時由 publish.sh 寫入 site/
通案怎麼回主線回灌門檻
文字規則

一副簡報實證過就能回灌

片段

兩副以上用過才收進片段庫

引擎行為

三副以上重複自帶同一段才改引擎

送法

另開規則分支,只帶通案、不帶簡報檔

預覽網址只在交付時改變:平常改稿 push 不動 site/,網址還是上次交付的那一份;push 是對外動作,一律先問。

出處:CLAUDE.md「repo 鐵則」、delivery.md「機制」
01 · 產線與分工

寄出交付版,維運版留著改字對帳

同一份文字稿組出兩份檔:維運版帶著改字用的編輯地圖,交付版剝掉這些說明書、檔案較小。兩份的畫面、版面與列印完全相同;交付版保留字型授權與產出標記,少一樣就不出貨。
維運版交付版
誰拿自己留著寄出去、放上網址
帶什麼編輯地圖、槽位標記、講者備註只有看得到的內容
檔名日期_中文標題_V01.html日期_中文標題_V01_交付.html
驗證check_slots.py 對帳check_mark.py 驗標記
改版V01、V02 並存,不覆蓋跟著維運版一起重出
絕不剝字型授權聲明、產出標記、署名
產出標記
  • 四層字型、meta、樣式、註解各埋一枚同樣的指紋
  • 指紋只由文字稿算出,同一份稿永遠同一枚
  • 判讀四層齊備是原版;只剩字型層是改過的衍生版
出處:delivery.md「交付模式」「產出標記」
01 · 產線與分工

改字一律改文字稿,每個字都對得回行號

組出的每個可編輯段落都記著它在文字稿的哪一行,改字時找到那一行改、重新組裝,不手改 HTML。意見從哪裡來,就從那裡對回原稿:頁碼、匯出的檔案、量測訊息都行。
指出頁碼

說「第 5 頁的結論列」,用 --where p05.bluf 找到文字稿那一行

匯出 Markdown

右下輸出鈕匯出全文,改完傳回;先和當下版本重新匯出的比對,再逐頁改回

看溢出訊息

量測報的溢出直接附上文字稿的行號,照行號去砍字或拆頁

編輯地圖

維運版檔頭逐頁列出每個槽位的行號,從畫面也找得回原稿

改完對帳

check_slots.py 逐段比對 HTML 與文字稿,有人手改過 HTML 會擋下

出處:revision-playbook.md「改字對位與編輯地圖」
02
品牌與版面

哪些是硬規格,版面又怎麼判斷?

02 · 品牌與版面

品牌外框是硬規格,寫稿的人不必也不能動

LOGO、標語、頁碼與標題上的筆畫全部由引擎畫,位置與尺寸照母片規格;在檔頭改寫品牌外框或官方色,組裝直接中止。自己加裝飾時,只能沿用同一套筆畫語彙。
元素規格
LOGO(內頁)右下角;寬不超過版面 21%
LOGO(封面)左上角;寬不超過版面約 18%
LOGO(封底)左上白底座,與封面同位、同尺寸上限
品牌標語左下一行;手機拆成兩行
頁碼最左下小方框,只放數字、不加總頁數
標題筆畫標題上方一橫、右上一點、左端折下一豎
LOGO 鐵則
  • 位置相對位置不可動
  • 尺寸只能更小
  • 深色底一律墊白色圓角底座
  • 禁止放大裁切當背景、重組筆畫

標誌是寫出來的「永」字,三個勾與方塊重組就是寫壞字。

出處:brand.md「品牌外框」
02 · 品牌與版面

品牌記號用寫字的筆畫,不畫裝飾線

標誌是寫出來的永字,所以引擎的記號也是等寬筆畫:每頁一點、標題一橫折、結構頁一枚錢幣圓。沒有漸層淡出線、光暈與斜線;自訂裝飾照同一套語彙,單色紅或紅的淡化。
筆畫在哪裡規則
點每頁一個永遠在橫的右端上方;章節頁放大成紅「章」,裡面是章號
橫折內容頁標題標題上方一橫,左端折下一豎托住眉標與標題;進場依筆順寫出
橫章節頁、封底標題上方一橫,長度是標題寬的八分之五
圓章節頁、封底一枚錢幣大圓,一律右上出血,不壓字、不壓 LOGO
網格封面、章節頁、封底近乎隱形的網格,一格是一枚錢幣的直徑

筆畫粗細有固定模組:方塊邊長、桿厚、間隙三者相等,所以放大縮小都還是同一個字。

出處:brand.md「筆畫母題」
02 · 品牌與版面

紅是行動、藍是結構,第三色只給語意

中性色約佔七成,紅藍只做點綴;表面用 6–8% 的淡化,全彩只給細線與小標籤。漲跌、達成、風險才用第三色,照台灣慣例漲紅跌綠,狀態一律顏色加文字雙標。
官方色
  • 官方紅行動、強調、筆畫
  • 深一階紅小字級的紅
  • 官方藍結構、現況
  • 畫布投影片外圍
  • 紙面卡片與表格底色
語意第三色
  • 漲、未達紅
  • 跌、達成綠
  • 注意琥珀
  • 雙標顏色加文字,色弱也讀得出
  • 一致全副同一套色義,不拿來裝飾
強調的層級
  • 關鍵字紅字、藍字
  • 淡底螢光淡底
  • 弱化灰字
  • 招牌時刻標題裡的紅字自動轉明體
  • 對比文字對背景至少 4.5 比 1

紅藍不大面積相鄰,同一張不讓兩色等量競爭;自訂樣式一律用引擎的色彩變數,不寫死色碼。

出處:brand.md「官方色與色彩規則」
02 · 品牌與版面

每頁分三層,主張永遠放在第一眼看得到的地方

三秒層放主張與主角,三十秒層放證據,三分鐘層放定義、明細與出處。第三層的白話、收合與非預設頁籤不上紙,所以主張與數字不能只放在第三層。
層讀者花多久放什麼誰承載
三秒層翻到這頁的第一眼主張與主角標題、焦點數字、強調卡、圖表
三十秒層停下來讀證據與機制結論列、分區、卡、列、表
三分鐘層想追問的人定義、明細、出處、附錄白話浮層、收合、頁籤、跳頁膠囊

簡報的精神管前兩層,HTML 的優勢管第三層。

遮住標題與主角以外的一切,讀者仍說得出這頁的主張,才算過關;說不出來,問題在骨架的「這一頁回答的問題」,不在版面。

出處:design.md「總綱」
02 · 品牌與版面

簡報的精神留下九件事,每一頁都照著排

一頁一問、視線路徑固定、翻頁不跳、序列橫排、留白落對地方、讀者知道自己在哪、主角只有一個、容器有理由、寬度跟內容走。量測工具的版面提示,量的就是其中幾條。
01一頁一問

三秒說得出這頁的主張

02視線路徑固定

眉標、標題、結論列、主角、證據、來源

03翻頁不跳

標題、結論列、頁尾每頁同位

04序列橫排

時程、階段由左而右;兩軸才用矩陣

05留白落對地方

空在區塊之間,不空在卡裡與頁底

06知道自己在哪

議程、章節頁、眉標講同一條路線

07主角只有一個

大一個量級,由元件承擔、不外掛

08容器要有理由

預設開放欄,要比較或表態才包卡

09寬度跟內容走

表格只佔需要的寬,線取代面

出處:design.md「簡報的精神:留下來的九件事」
02 · 品牌與版面

HTML 的優勢用在追問與導覽,不用在裝飾

一份檔撐四種載體、真文字可搜尋與匯出、第三層收納細節、非線性跳章與附錄、游標就是雷射筆。用之前都先問一句:紙本上看不到它時,這一頁還讀得懂嗎?
一份檔、四種載體

等比縮放讓版面只設計一次;驗收跑五檔視窗與手機兩檔

真文字

可搜尋、可複製、可匯出 Markdown 批註回寫;字不做成圖、表格不貼截圖

分層揭露

白話、收合、頁籤放補充;主張與數字不放 hover

非線性導覽

議程跳章、章節地圖、附錄膠囊來回;跳出去的地方一定有路回來

游標就是雷射筆

滑過的列與卡自動亮起;簡報態一律講者綠,只加亮不壓暗

手機是縮小的原版

整張等比縮小、不重排,版面與列印同一份

出處:design.md「HTML 的優勢:拿來用的八件事」
02 · 品牌與版面

內容區以 12pt 計算容量,先估再寫

字級以列印母片換算成 pt,與 PowerPoint 同一把尺;內容區 12pt,一頁約容 17 到 19 行內文,全寬一行約 71 字。寫之前先估行數,裝不下就砍字或拆頁;每個元件的實際長相看元件包使用手冊。
角色字級
頁標題28pt
焦點數字48pt
關鍵句20pt
區段標題、卡名16pt
結論列、眉標14pt
內文與表格12pt
資料來源10pt
容量怎麼算
  • 行單位一行 12pt 內文含行距;內容區約 17–19 行單位
  • 結論列每多一行,內容少約 1.2 行單位
  • 大會場檔頭寫內文字級 14,約 14–16 行單位
  • 唯一可信實際渲染的量測,不是目測
出處:components.md「字階」「容量模型」
02 · 品牌與版面

內容少的頁由引擎自動放大字級與間距

內容止於畫布九成以下的頁,引擎先把內容區升到 13 或 14pt,再把區段與列之間的間距按同一倍率放大,上限 2.4 倍。下面的鍵把本頁間距釘在指定倍率,按「自動」交回引擎。
倍率倍率換算載入中
區段一:對照列列與列的間距跟著放大
負責

總經理室專案企劃組

期程

一年期,分兩階段驗收

區段二:表格列區段之間長得最多
階段指標目標
盤點流程清單完成率100%

本頁掛了不升字級的標記,只示範間距;照容量表裝得下的頁,引擎不會讓它溢出。

出處:components.md「容量模型」
02 · 品牌與版面

中文排版兩端對齊,孤字靠改寫解決

多行文字左右都對齊、末行靠左;標點一個佔一格,漢字緊貼英數時自動補一點間距,數字欄用西文字型對齊位數。末行只剩一兩個字、或長英文把字距撐開時,量測會提示,改寫句子就好,不縮字級、不手動斷行。
項引擎怎麼做寫稿的人怎麼做
兩端對齊多行文字左右對齊,末行靠左不必處理
孤字量測提示末行只剩約兩字的段落刪幾個字收成一行,或補到半行以上
撐開量測提示被對齊撐開字距的行把卡在行尾的長英文或數字移到句中
標點每個標點佔一格,Mac 與 Windows 行長一致中文一律全形標點
中英間距沒打空格的接縫自動補一點間距不必手打空格
明體用到的明體字子集化內嵌,離線也一樣不必處理
出處:writing.md「中文排版:孤字與兩端對齊」
02 · 品牌與版面

元件、片段、圖表與排法各有一份可查

引擎的元件看元件包使用手冊,引擎外的形狀看片段範例集,圖表手法看圖表範例集,想不到怎麼排看排法型錄。每一種都能用名稱查到原文,做簡報時只取需要的那一段。
要找看哪一份做簡報時怎麼取
元件長相元件包使用手冊:每頁用該元件排版例:ref.py example p08
形狀片段片段範例集:階梯、矩陣、甘特⋯例:ref.py snippet 階梯
圖表手法圖表範例集:瀑布、剪刀差⋯例:ref.py chart 剪刀差
這一頁怎麼排排法型錄:依要回答的問題分組例:ref.py layout 圖+評論欄
某個功能有沒有規格全表:可搜尋、可依章篩選例:ref.py doc components 對照列

片段與圖表都是照原文組頁、實際量過的;換上真數字前,先對一次該段寫的等式與限制。

出處:SKILL.md「查法」
03
閱讀與簡報

平常怎麼讀,講者上台又多了什麼?

03 · 閱讀與簡報

翻頁、跳章與進度全由引擎自動生成

右側圓點、頂端章節頁籤、進度條、章節頁的章節地圖與右下輸出鈕都是引擎畫的,寫稿不必加任何標記。議程上的每一條對得上章名,就自動變成可以點的跳章。
固定出現
  • 圓點導覽右側一列,分未看、已看、目前三態
  • 章節頁籤兩章以上自動生成;手機隱藏、不上紙
  • 進度條頂部一條,看得到講到哪
  • 輸出鈕右下:開始簡報、列印、匯出 Markdown
  • 頁碼左下方框只放數字,螢幕與紙本同號
跟著章節
  • 章節地圖章節頁左下,本章點亮、可點擊
  • 議程跳章議程與章名或章數相符時可點
  • 眉標每頁左上「章號 · 章名」,紙本的路標
  • 鍵盤方向鍵翻頁、數字加 Enter 跳頁
  • 路標五處講同一條路線:議程預告、章節頁兌現、眉標提醒

本份就是實例:頂端的章節頁籤、右側的圓點、章節頁左下的地圖都是自動長出來的。

出處:MAINTAINING.md「引擎自動做的事」
03 · 閱讀與簡報

平常是閱讀態,講者按 P 才進簡報態

傳閱、手機與紙本看到的永遠是完整內容;逐步、點名、雷射筆與黑幕只在講者投影時出現。兩種狀態共用同一個版面,簡報講到一半按列印,紙本照樣是開檔畫面。
閱讀態(預設)簡報態
誰在用傳閱、手機、列印、量測工具講者投影、會議分享畫面
畫面全部內容可見,步驟全亮逐步、點名、雷射筆、黑幕、概覽、講者視窗
進出開檔就是P、F5 或網址加 ?present 進入;P 或 Esc 離開
手機照常閱讀不提供
列印開檔畫面一樣是開檔畫面,講者工具一律不印

四條鐵則:標題與結論列永遠在、步驟只換透明度與顏色、逐步頁不超過全副三成、強調只加在目標上。整副不要簡報態時,檔頭寫「簡報態: off」。

出處:present.md「兩態契約」
03 · 閱讀與簡報

簡報態的按鍵跟放映習慣一致

往下鍵先把本頁步驟走完才換頁;F5 開始、B 黑幕、數字加 Enter 跳頁都跟一般放映相同,簡報遙控器可直接用。按 ? 隨時叫出完整的按鍵說明。
按鍵做什麼
P F5進入簡報態;再按 P 或 Esc 離開
→ ↓ 空白下一步,本頁走完才換頁
← ↑上一步
A本頁全部亮出
數字+Enter跳到那一頁
O概覽全部頁面縮圖
按鍵做什麼
L綠光雷射筆;[ ] 調大小
B W黑幕、白幕,任一鍵恢復
Alt+點擊以點擊處為中心放大兩倍
S講者視窗:備註、下一頁、計時
F全螢幕
點一列釘住那一列,再點取消

簡報中誤按 F5 只會跳出提示,不會重新整理掉講到一半的狀態;按鍵說明、就地展開這類浮層開著時,翻頁鍵一律不作用。

出處:present.md「進出與自訂覆蓋層」
03 · 閱讀與簡報

逐步揭示讓講者講到哪裡亮到哪裡

元素標上第幾步出現,還沒輪到的留淡影,看得到還有幾項;句子裡的重點段講到才畫上標記。閱讀態與紙本一律全部出現、標記全在。按 P 再按往下鍵試試。
逐步揭示往下鍵一次亮一格
STEP 1盤點

列出各部室現行流程與表單。

STEP 2試辦

選兩個部室先行,每週檢討。

STEP 3推廣

修正後全金控上線。

逐段強調句子一直都在,講到那一段才畫上標記

獲利成長=利差擴大+手續費成長-信用成本

三種標記:螢光底色、底線、著重號,一頁三段以內;格子另有完全透明與由左擦入兩種出現方式。

出處:present.md「簡報態才作用的寫法」
03 · 閱讀與簡報

逐列點名只加亮講到的那一列

表格或列點標上逐列點名,往下鍵一步點名一列:那一列鋪淡綠光帶加綠框,其他列的顏色不動,不淡化。也可以直接點任一列釘住,全場看同一列;再點或按 Esc 取消。
子公司示範數字稅後淨利年增
銀行99912.3%
證券4568.1%
投信785.6%
租賃34-2.4%
可掛在

表格、對照列、網格、列點、步驟

表頭

表格要有表頭列,表頭才不會被點名

只加亮

主管視力不好,壓暗的地方看不到字,所以其他列一律不淡化

出處:present.md「簡報態才作用的寫法」
03 · 閱讀與簡報

綠光雷射筆模擬實體光點,不壓暗周圍

雷射筆只有一團半透明綠光,底色染綠、字照樣是黑的,五檔大小現場調;講者在指的地方一律是同一個亮綠。黑幕讓全場看講者,概覽看全部縮圖,Alt 點圖表就地放大;這些都只在螢幕上,紙本不印。
雷射筆 L

中心最亮、往外漸淡,沒有實心點與外框;跟著螢幕等比,約兩個字寬

大小 [ ]

五檔,現場調;大小記在頁面上,不存進電腦

黑幕 B

全黑暫停,讓全場看講者;W 是白幕;任一鍵恢復原畫面,不換頁

概覽 O

全部頁面的縮圖,方向鍵選、Enter 跳過去

放大

按住 Alt 點圖或表,以點擊處為中心放大兩倍

游標

滑過的列、卡、格:簡報態一律同一個綠,閱讀態是淡藍

出處:MAINTAINING.md「講者綠光與只加亮不壓暗」
03 · 閱讀與簡報

講者備註只在講者視窗裡看得到

文字稿每一頁都能寫一行講者備註,放講稿或預期問答;永遠不上投影片、不列印,按 S 開講者視窗才看得到。交付版預設剝掉備註,要交給代講的同事時在檔頭另外註明。
寫法
## p12 blank 放款成長
title: 放款成長集中在企業戶
bluf: ⋯
note: 先講企業戶,再回答中小企業的問題。
  預期問:東區為什麼偏低?答:補件逾期。
開啟

簡報態按 S;瀏覽器擋彈出視窗時會提示

內容

目前頁與步驟、下一頁、備註、計時

同步

在講者視窗翻頁,主畫面跟著走

交付

預設剝掉;檔頭寫「講者備註: 交付」才保留

出處:present.md「簡報態才作用的寫法」
03 · 閱讀與簡報

數字從基準值滾到目前值,再出現差額

第一次翻到這一頁時,數字從去年值滾到今年值,滾完才淡入差額膠囊;頁上照樣用真文字寫出基準值。列印、關掉過場或沒開 JS 時,直接就是最終值加膠囊。
本月重點示範數字
數位存款戶1,356,800戶

去年 1,203,400 戶+12.7%

核准率80.5%

去年 78.8%+1.7 pp

逾期件數12件

去年 19 件-36.8%

寫法

數字寫最終值,另外標上基準值;頁面照樣用真文字寫出去年值

膠囊

紅漲、綠跌照台灣慣例;件數、頁數這類不是漲跌的數字用灰底中性

紙本

列印、匯出與關掉過場時,一律是最終值加膠囊

出處:present.md「閱讀態也作用的互動」
03 · 閱讀與簡報

被追問細節時就地展開,紙本只印正文

句尾放一顆按鈕,點一下攤開預先寫好的小表或定義,點外面或按 Esc 關閉;浮層與按鈕都不上紙。紙本要看的寫在正文,按鈕放在句尾,不印時句子照樣通順;點下面的按鈕試試。
數位存款戶示範數字

本月數位存款戶 1,356,800 戶,較去年成長 12.7%。

通路戶數占比
App1,018,00075.0%
網銀271,40020.0%
其他67,4005.0%
大小

浮層寬 24 字以內、表 6 列以內

紙本

浮層與按鈕都不印,列印展開才印

匯出

匯出 Markdown 時照樣輸出,並冠上編號

出處:present.md「閱讀態也作用的互動」
03 · 閱讀與簡報

同一組數字換一種看法,紙本印開檔那一態

金額與占比、表與圖、季度與年度可以放在同一個位置切換,值都由作者先寫好,頁面不計算。紙本只印開檔那一態、分段鈕照印;要各態並排或每態一頁,另外註明印法。點分段鈕切換看看。
各區存款與放款示範數字
區域存款放款
北區4,2103,050
中區1,8801,420
南區1,4401,200
區域存款放款
北區55.0%53.7%
中區24.6%25.0%
南區18.8%21.1%

占比=各區占三區合計

預設印法

只印開檔那一態,分段鈕照印

各態並排

每一態縮成小倍數並排印出

只印主態

各態資訊相同時,例如表與圖

每態一頁

主態印在原頁,其他各印一張分身頁

篩選

預設一定是「全部」;超過四種就拆頁

出處:present.md「閱讀態也作用的互動」
03 · 閱讀與簡報

滑過結論時,它的根據跟著亮起來

結論句的片語可以對到本頁的表列、文字或圖表資料點:滑過那句話,根據就框出來;大表滑過任一格,同列同欄一起亮。只加亮、不淡化,紙本完全不受影響。滑過下面這句的虛線字試試。
本季獲利來源示範數字,單位:億元

本季獲利主要來自銀行利差擴大,證券經紀收入次之。

子公司稅後淨利年增主要來源
銀行99912.3%利差擴大,放款成長 6.7%
證券4568.1%經紀收入隨成交量回升
投信785.6%管理費收入持平

三種聯動:結論對證據、表格對圖表的資料點、同一個詞或數字一起標出;數字整詞比對,8% 不會標到 18%。

出處:present.md「閱讀態也作用的互動」
03 · 閱讀與簡報

刻意不做的互動,都有撿回的條件

會把其他內容壓暗、跟捲動換頁衝突、紙本沒有對應、或要讀者記住狀態的互動都不做,每一項都寫著理由。候選功能與撿回條件記在同一處,條件成立就做。
刻意不做
  • 聚光燈整頁壓暗、游標處留一圈亮:壓暗的地方看不到字
  • 其餘淡化滑過卡片時其他卡變淡:游標停住後淡化會黏著
  • 裝飾動畫彈跳、旋轉、飛入、換頁轉場:捲動本身就是轉場
  • 記住狀態不用瀏覽器儲存,重新整理就回到開檔畫面
  • 變形動畫切換時長條伸縮、重新排序:等於在頁面上算資料
候選、未做條件成立就做
  • 手寫標註講者要在會中圈數字,而雷射筆不夠時
  • 情境切換利率敏感度、壓力測試這類簡報出現時
  • 圖表逐步兩副以上簡報要在圖上逐步講時
  • 只印這一頁列印對話框選頁不夠用時
  • 複製成 Excel主管要把表貼進 Excel 再算時
出處:context/decisions.md「簡報態:候選、未做」
04
列印與手機

紙本印什麼,小螢幕上長什麼樣?

04 · 列印與手機

紙本就是打開檔案那一刻的畫面

頁籤只印開檔那一片、收合照開檔狀態、白話與就地展開的浮層不印;讀者切過頁籤再按列印,紙本仍是開檔畫面。所以紙本要看到的內容寫在預設畫面上,補充才放進頁籤、收合與浮層。
元件紙本(預設)列印展開: on(個案才用)
頁內頁籤只印開檔那一片每一片攤開並印出片名
收合照開檔狀態全部打開
白話浮層不印轉成括號接在名詞後
就地展開浮層與按鈕都不印印到最後的補充頁
狀態切換只印開檔那一態各態並排
簡報態步驟、點名、釘住、雷射筆一律不上紙,簡報講到一半按列印也一樣
出處:present.md「列印印什麼」
04 · 列印與手機

一張投影片印成一整頁紙,四邊不留白

紙張就是母片 33.87×19.05 公分,四邊出血零留白;導覽、輸出鈕、講者工具與講者備註都不上紙。可捲動的頁在紙上捲不動,裝不下的部分會被裁掉,交付前一定要砍到一頁裝得下。
不上紙
  • 導覽章節頁籤、圓點、進度條
  • 工具鈕輸出鈕、複製鈕、跳頁膠囊
  • 講者備註與講者工具
  • 路標紙本改由眉標承接
自己按列印時
  • 背景圖形務必勾選,底色才印得出
  • 深色封底耗墨,可改成淺色
  • 開檔畫面收合與頁籤不展開
驗收怎麼量
  • 裁切紙本尺寸再量,裁切就 ✗
  • 頁數PDF 頁數=投影片張數
  • 圖表直接按列印也是紙本尺寸
出處:present.md「列印印什麼」
04 · 列印與手機

手機上看到的是整張等比縮小的原版

小螢幕一律不重排:每張投影片固定以 1280×720 排版,再整張縮到螢幕寬,換行與容量跟投影、列印同一份。細字用雙指放大,白話浮層點一下就放大顯示;以手機傳閱為主的簡報才改成重排。
縮放(預設)與重排
縮放重排
版面與投影、列印同一份改成文件流,頁面不同
跑版不會要人工看直立畫面
小字雙指放大不放大就能讀
寫法預設檔頭寫「手機版: 重排」
簡報態

手機不提供,按 P 也不進

動畫

直接給完成態,不播進場

驗收

另量直立與橫擺兩檔,確認整張等比、沒有橫向捲軸

出處:design.md「手機=縮小的原版」
04 · 列印與手機

匯出 Markdown 讓批註回得了原稿

右下輸出鈕可以把整副匯成 Markdown:頁籤每一片、收合內容、切換的每一態與浮層都輸出,表格轉成表、圖表還原成資料表。在上面改字、批註後傳回,每頁開頭的頁碼與標題就能逐頁對回文字稿。
匯出什麼
  • 每一頁以「頁碼 · 標題」起頭,對得回文字稿
  • 藏起來的頁籤每一片、收合、切換每一態、浮層
  • 白話轉成「名詞(白話)」
  • 表格與圖表表格轉 Markdown 表,圖表還原成資料表
  • 跳頁膠囊帶著目標頁的頁名
怎麼用
  • 批註在匯出的檔上直接改字、加註
  • 回寫先和當下版本重新匯出的那份比對,再改回文字稿
  • 備註講者備註只在檔頭寫「講者備註: 匯出」時帶
  • 對得回頁首的頁碼可以用 --where 找回文字稿那一段
出處:MAINTAINING.md「引擎自動做的事」
05
驗收與規則

怎麼知道每一頁都沒跑版、寫得對?

05 · 驗收與規則

一支 verify 跑完每一關,最後印下一步

verify.sh 依序跑文字檢查、組裝、對帳、產出標記與量測,有圖表、捲動頁或要交付時再加跑列印驗收。前面有 ✗ 就先不量;最後印出幾則 ✗、幾則 △ 與每一則的改法。
1文字檢查

字數帶與禁詞

2組裝

格式與槽位

3對帳

逐段相符

4產出標記

四層齊備

5量測

七種視窗

6列印

裁切與頁數

✗ 必改

溢出、裁切、字數超標、禁詞裸用:照訊息附的行號回文字稿改,不縮字級、不削內距。

△ 逐則判讀

版面提示與疑似用語:合理的在骨架記一句理由,不必為了消 △ 硬改字。

出處:SKILL.md「流程」
05 · 驗收與規則

量的是實際渲染,任何一檔溢出就不過

量測工具在瀏覽器裡逐頁打開,五種視窗與手機兩檔各量一次,頁籤每一片、切換每一態、收合全開都量。它量元素實際佔的版面,字形突出行高不算溢出;任何一檔、任何一頁超出就是 ✗。
視窗代表的場合
2560×1440大尺寸螢幕
1920×1080會議室投影、外接螢幕
1440×900筆電
1280×720列印母片的參考版面
1100×620縮小的視窗
390×844手機直立
844×390手機橫擺
三道探測

容器自身、壓出底線、中層裝不下,缺一道就會漏報

行號

溢出訊息直接附上文字稿的行號與約幾行

唯一可信

目測與估算都不算數,量到的才算

出處:MAINTAINING.md「measure 的三道探測」
05 · 驗收與規則

沒有溢出也會提醒看起來不對的頁

除了溢出,量測還會提示右側空置、圖旁欄空置、卡內空洞、下半空置、長條留白、色塊過重、沒有主角、頁頁同構與中文排版問題。提示只給人判斷,不擋組裝;多數門檻用兩位稽核逐頁判定的兩百多頁校正過。
提示什麼時候出現先怎麼改
右側空置一區只用到左側不到六成寬短節點改橫排,或主從並列
圖旁欄空置圖撐滿,旁欄不到圖高七成補一列真內容,或說明移到圖下
卡內空洞卡的內容不到七成高每列寫滿,或補一列真內容
下半空置內容止於頁高四分之三以上補一個資訊點、主角放大或併頁
沒有主角整頁同級小字選一個數字或關鍵句升級
頁頁同構連三頁主角元件相同每兩三頁換一次視覺主角
孤字與撐開末行一兩個字、字距被撐開改寫句子,不縮字級
出處:MAINTAINING.md「measure 的 △ 門檻」
05 · 驗收與規則

工具擋不到的,交付前逐項用人看

三秒測試、全副句式一致、數字前後自洽、名詞在正文寫清楚、紙本要看的都在開檔畫面,這些只能靠人看。逐頁看截圖、按 P 走一次逐步頁,是交付前的最後一步。
  • 三秒測試只看標題與主角說得出主張;一頁一個主角
  • 結論列不是複述標題;請示與決議轉紅
  • 句式全副標題句式一致,同一章結論列行數一致
  • 紙本要看的都在開檔畫面;名詞在正文講清楚
  • 容器網格預設開放欄,有框的卡要有理由
  • 色彩第三色只給語意,漲紅跌綠全副一致
  • 數字結論列、卡片、封底與備註的數字互相對得上
  • 截圖逐頁看 1920 截圖,找折行、拆行與重複句
  • 交付版寄出去的是交付版,檔名與版號都對
  • 用語表骨架裡的用語表逐詞搜全副,零殘留

截圖與走查各有一行指令:shots.js 每頁一張截圖並拼成總覽,加 --walk 逐步截圖、加 --md 另存匯出 Markdown;check_present.js 在有逐步頁時驗簡報態的全流程。

出處:SKILL.md「交付前只能人看的」
05 · 驗收與規則

寫作第一條是結論先行,標題就是結論

整副、每頁、每個區塊都先講判斷:議程後第一張內容頁給結論,每頁標題就是這頁的結論,列點第一句先講判斷。讀完標題與結論列,就該拿到完整的主張與建議。
結論列怎麼寫
  • 寫什麼標題的補完:結論、所以呢、下一步,各帶數字
  • 自檢刪掉結論列不損任何資訊,就是寫成了複述
  • 例外討論與評述類只陳述現況,知識型教材不交辦
標題怎麼寫
  • 一副一種判斷句或框架名,不混用
  • 一行26 字以內;裝不下就把細節移進結論列
  • 數字有數字寫數字,不用形容詞墊高
句式標題結論列接著寫
判斷句成長九成集中於 A 客群所以下一步先確認 A 客群的通路承接量
框架名市場規模規模五年翻倍,九成新增集中在 A 客群
出處:writing.md「結論先行」「標題句規則」
05 · 驗收與規則

同層寫成對稱,製作過程不寫進成品

同一組條列句式一致、詞性相同、字數相近,並排的標題寫成字數相近,版面自然對齊。「見第幾頁」「四列共用前置詞」這類講排法與製作過程的話,一律不寫進成品。
同層對稱
改之前改之後
並排標題成本 / 我們的效益相對較高成本最低 / 效益最高
同組列點一條名詞、一條句子全是名詞短語
不寫進成品
成品裡出現過改成
頁碼見 p12句尾接跳頁膠囊
版面四列共用前置詞整句刪除
改版脈絡改為三層為三層

自檢方法:把這一頁念給沒參與製作的人聽,凡是他要反問「那是什麼」的詞,都是製作語言漏進來了。

出處:writing.md「同層對稱」「製作語言不進成品」
05 · 驗收與規則

逐頁的意見先問是不是通案,再改全副

你對某一頁的指示,先判斷能不能推成整副的規則;能就全副套用並記進骨架,定版時送回主線。裝不下時照資訊損失由小到大的順序處理,不縮字級、不削內距。
改版時照著做
  • 引號加引號的片語照原文換,不自行潤飾
  • 同類掃描點名一頁的問題,視為一類問題全篇掃
  • 先文字後 HTML先確認文字稿,再組裝
  • 三級回報必改、建議、潤飾分開列,先摘好改的
裝不下時的順序
1
精煉贅語

兩行的列收成一行

2
合併同性質的列

文字保留

3
砍結論列一行

效果遠大於逐字微調

4
兩層條列改單行

最後才有限度收間距

出處:revision-playbook.md「改版協作規則」
05 · 驗收與規則

說明文件跟著引擎重組,不會過時

除了這份導覽,元件包使用手冊、片段與圖表範例集、排法型錄與規格全表都由程式從當下的規格重新組出。規格改了卻沒重組,自檢會擋下;這份導覽依據的段落改過,也會提醒回來重看。
文件從哪裡來怎麼保持最新
導覽人寫,每頁來源註寫它依據的規格段落依據的段落一改就提醒重看
元件包使用手冊黃金樣本,也是自檢的測試資料自檢時重組一次、逐位元比對,不同就擋下
片段範例集片段庫的原文逐段組頁
圖表範例集片段庫的圖表設定原文逐段組頁
排法型錄排法型錄的條目逐組列表
規格全表從程式與規格文件自動抽出
出處:MAINTAINING.md「給人讀的文件」

只寫文字稿,
其餘交給引擎與量測

規則的原文以 repo 裡的規格文件為準

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