講者在場,觀眾看標題與主角
一副簡報從哪裡來、誰負責哪一段?
一頁一段文字稿
套上引擎與品牌外框
螢幕與紙本逐頁量過
寄出或放上網址
講者在場,觀眾看標題與主角
自己讀,結論列帶完整主張
沒有游標也讀得懂
整張等比縮小,跟看 PDF 一樣
每頁一列:頁碼、版型、頁標題、這一頁回答的問題;10 頁以上先給三條敘事線,選定才展開。
照寫作規則寫標題、結論列與內容;先交文字稿確認,再組裝。
程式把文字稿組成 HTML;格式寫錯就停下,並印出改法。
一支 verify.sh 跑完文字檢查、對帳與量測,最後印出幾則 ✗、幾則 △ 與下一步。
產出交付版,工具擋不到的逐項用人看;需要時放上分支預覽網址。
投影講述每頁一事、字大;傳閱自讀的結論列要帶完整結論。大會場改內文 14pt
核示、討論或教材;討論與評述類只陳述現況與決策點,不附我方方案
讀者讀過原件沒有,決定要不要補背景與定義
預設是自然的專業商務中文;主管決策與討論場合往上一階改書面語
預設不出個人姓名;要出現時寫進骨架檔頭
判斷句或框架名,整副一種;數字是假資料時標成示範用
一副簡報實證過就能回灌
兩副以上用過才收進片段庫
三副以上重複自帶同一段才改引擎
另開規則分支,只帶通案、不帶簡報檔
預覽網址只在交付時改變:平常改稿 push 不動 site/,網址還是上次交付的那一份;push 是對外動作,一律先問。
| 維運版 | 交付版 | |
|---|---|---|
| 誰拿 | 自己留著 | 寄出去、放上網址 |
| 帶什麼 | 編輯地圖、槽位標記、講者備註 | 只有看得到的內容 |
| 檔名 | 日期_中文標題_V01.html | 日期_中文標題_V01_交付.html |
| 驗證 | check_slots.py 對帳 | check_mark.py 驗標記 |
| 改版 | V01、V02 並存,不覆蓋 | 跟著維運版一起重出 |
| 絕不剝 | 字型授權聲明、產出標記、署名 | |
說「第 5 頁的結論列」,用 --where p05.bluf 找到文字稿那一行
右下輸出鈕匯出全文,改完傳回;先和當下版本重新匯出的比對,再逐頁改回
量測報的溢出直接附上文字稿的行號,照行號去砍字或拆頁
維運版檔頭逐頁列出每個槽位的行號,從畫面也找得回原稿
check_slots.py 逐段比對 HTML 與文字稿,有人手改過 HTML 會擋下
哪些是硬規格,版面又怎麼判斷?
| 元素 | 規格 |
|---|---|
| LOGO(內頁) | 右下角;寬不超過版面 21% |
| LOGO(封面) | 左上角;寬不超過版面約 18% |
| LOGO(封底) | 左上白底座,與封面同位、同尺寸上限 |
| 品牌標語 | 左下一行;手機拆成兩行 |
| 頁碼 | 最左下小方框,只放數字、不加總頁數 |
| 標題筆畫 | 標題上方一橫、右上一點、左端折下一豎 |
標誌是寫出來的「永」字,三個勾與方塊重組就是寫壞字。
| 筆畫 | 在哪裡 | 規則 |
|---|---|---|
| 點 | 每頁一個 | 永遠在橫的右端上方;章節頁放大成紅「章」,裡面是章號 |
| 橫折 | 內容頁標題 | 標題上方一橫,左端折下一豎托住眉標與標題;進場依筆順寫出 |
| 橫 | 章節頁、封底 | 標題上方一橫,長度是標題寬的八分之五 |
| 圓 | 章節頁、封底 | 一枚錢幣大圓,一律右上出血,不壓字、不壓 LOGO |
| 網格 | 封面、章節頁、封底 | 近乎隱形的網格,一格是一枚錢幣的直徑 |
筆畫粗細有固定模組:方塊邊長、桿厚、間隙三者相等,所以放大縮小都還是同一個字。
紅藍不大面積相鄰,同一張不讓兩色等量競爭;自訂樣式一律用引擎的色彩變數,不寫死色碼。
| 層 | 讀者花多久 | 放什麼 | 誰承載 |
|---|---|---|---|
| 三秒層 | 翻到這頁的第一眼 | 主張與主角 | 標題、焦點數字、強調卡、圖表 |
| 三十秒層 | 停下來讀 | 證據與機制 | 結論列、分區、卡、列、表 |
| 三分鐘層 | 想追問的人 | 定義、明細、出處、附錄 | 白話浮層、收合、頁籤、跳頁膠囊 |
簡報的精神管前兩層,HTML 的優勢管第三層。
遮住標題與主角以外的一切,讀者仍說得出這頁的主張,才算過關;說不出來,問題在骨架的「這一頁回答的問題」,不在版面。
三秒說得出這頁的主張
眉標、標題、結論列、主角、證據、來源
標題、結論列、頁尾每頁同位
時程、階段由左而右;兩軸才用矩陣
空在區塊之間,不空在卡裡與頁底
議程、章節頁、眉標講同一條路線
大一個量級,由元件承擔、不外掛
預設開放欄,要比較或表態才包卡
表格只佔需要的寬,線取代面
等比縮放讓版面只設計一次;驗收跑五檔視窗與手機兩檔
可搜尋、可複製、可匯出 Markdown 批註回寫;字不做成圖、表格不貼截圖
白話、收合、頁籤放補充;主張與數字不放 hover
議程跳章、章節地圖、附錄膠囊來回;跳出去的地方一定有路回來
滑過的列與卡自動亮起;簡報態一律講者綠,只加亮不壓暗
整張等比縮小、不重排,版面與列印同一份
| 角色 | 字級 |
|---|---|
| 頁標題 | 28pt |
| 焦點數字 | 48pt |
| 關鍵句 | 20pt |
| 區段標題、卡名 | 16pt |
| 結論列、眉標 | 14pt |
| 內文與表格 | 12pt |
| 資料來源 | 10pt |
總經理室專案企劃組
一年期,分兩階段驗收
| 階段 | 指標 | 目標 |
|---|---|---|
| 盤點 | 流程清單完成率 | 100% |
本頁掛了不升字級的標記,只示範間距;照容量表裝得下的頁,引擎不會讓它溢出。
| 項 | 引擎怎麼做 | 寫稿的人怎麼做 |
|---|---|---|
| 兩端對齊 | 多行文字左右對齊,末行靠左 | 不必處理 |
| 孤字 | 量測提示末行只剩約兩字的段落 | 刪幾個字收成一行,或補到半行以上 |
| 撐開 | 量測提示被對齊撐開字距的行 | 把卡在行尾的長英文或數字移到句中 |
| 標點 | 每個標點佔一格,Mac 與 Windows 行長一致 | 中文一律全形標點 |
| 中英間距 | 沒打空格的接縫自動補一點間距 | 不必手打空格 |
| 明體 | 用到的明體字子集化內嵌,離線也一樣 | 不必處理 |
| 要找 | 看哪一份 | 做簡報時怎麼取 |
|---|---|---|
| 元件長相 | 元件包使用手冊:每頁用該元件排版 | 例:ref.py example p08 |
| 形狀片段 | 片段範例集:階梯、矩陣、甘特⋯ | 例:ref.py snippet 階梯 |
| 圖表手法 | 圖表範例集:瀑布、剪刀差⋯ | 例:ref.py chart 剪刀差 |
| 這一頁怎麼排 | 排法型錄:依要回答的問題分組 | 例:ref.py layout 圖+評論欄 |
| 某個功能有沒有 | 規格全表:可搜尋、可依章篩選 | 例:ref.py doc components 對照列 |
片段與圖表都是照原文組頁、實際量過的;換上真數字前,先對一次該段寫的等式與限制。
平常怎麼讀,講者上台又多了什麼?
本份就是實例:頂端的章節頁籤、右側的圓點、章節頁左下的地圖都是自動長出來的。
| 閱讀態(預設) | 簡報態 | |
|---|---|---|
| 誰在用 | 傳閱、手機、列印、量測工具 | 講者投影、會議分享畫面 |
| 畫面 | 全部內容可見,步驟全亮 | 逐步、點名、雷射筆、黑幕、概覽、講者視窗 |
| 進出 | 開檔就是 | P、F5 或網址加 ?present 進入;P 或 Esc 離開 |
| 手機 | 照常閱讀 | 不提供 |
| 列印 | 開檔畫面 | 一樣是開檔畫面,講者工具一律不印 |
四條鐵則:標題與結論列永遠在、步驟只換透明度與顏色、逐步頁不超過全副三成、強調只加在目標上。整副不要簡報態時,檔頭寫「簡報態: off」。
| 按鍵 | 做什麼 |
|---|---|
| P F5 | 進入簡報態;再按 P 或 Esc 離開 |
| → ↓ 空白 | 下一步,本頁走完才換頁 |
| ← ↑ | 上一步 |
| A | 本頁全部亮出 |
| 數字+Enter | 跳到那一頁 |
| O | 概覽全部頁面縮圖 |
| 按鍵 | 做什麼 |
|---|---|
| L | 綠光雷射筆;[ ] 調大小 |
| B W | 黑幕、白幕,任一鍵恢復 |
| Alt+點擊 | 以點擊處為中心放大兩倍 |
| S | 講者視窗:備註、下一頁、計時 |
| F | 全螢幕 |
| 點一列 | 釘住那一列,再點取消 |
簡報中誤按 F5 只會跳出提示,不會重新整理掉講到一半的狀態;按鍵說明、就地展開這類浮層開著時,翻頁鍵一律不作用。
列出各部室現行流程與表單。
選兩個部室先行,每週檢討。
修正後全金控上線。
獲利成長=利差擴大+手續費成長-信用成本
三種標記:螢光底色、底線、著重號,一頁三段以內;格子另有完全透明與由左擦入兩種出現方式。
| 子公司示範數字 | 稅後淨利 | 年增 |
|---|---|---|
| 銀行 | 999 | 12.3% |
| 證券 | 456 | 8.1% |
| 投信 | 78 | 5.6% |
| 租賃 | 34 | -2.4% |
表格、對照列、網格、列點、步驟
表格要有表頭列,表頭才不會被點名
主管視力不好,壓暗的地方看不到字,所以其他列一律不淡化
中心最亮、往外漸淡,沒有實心點與外框;跟著螢幕等比,約兩個字寬
五檔,現場調;大小記在頁面上,不存進電腦
全黑暫停,讓全場看講者;W 是白幕;任一鍵恢復原畫面,不換頁
全部頁面的縮圖,方向鍵選、Enter 跳過去
按住 Alt 點圖或表,以點擊處為中心放大兩倍
滑過的列、卡、格:簡報態一律同一個綠,閱讀態是淡藍
## p12 blank 放款成長 title: 放款成長集中在企業戶 bluf: ⋯ note: 先講企業戶,再回答中小企業的問題。 預期問:東區為什麼偏低?答:補件逾期。
簡報態按 S;瀏覽器擋彈出視窗時會提示
目前頁與步驟、下一頁、備註、計時
在講者視窗翻頁,主畫面跟著走
預設剝掉;檔頭寫「講者備註: 交付」才保留
去年 1,203,400 戶+12.7%
去年 78.8%+1.7 pp
去年 19 件-36.8%
數字寫最終值,另外標上基準值;頁面照樣用真文字寫出去年值
紅漲、綠跌照台灣慣例;件數、頁數這類不是漲跌的數字用灰底中性
列印、匯出與關掉過場時,一律是最終值加膠囊
本月數位存款戶 1,356,800 戶,較去年成長 12.7%。
| 通路 | 戶數 | 占比 |
|---|---|---|
| App | 1,018,000 | 75.0% |
| 網銀 | 271,400 | 20.0% |
| 其他 | 67,400 | 5.0% |
浮層寬 24 字以內、表 6 列以內
浮層與按鈕都不印,列印展開才印
匯出 Markdown 時照樣輸出,並冠上編號
| 區域 | 存款 | 放款 |
|---|---|---|
| 北區 | 4,210 | 3,050 |
| 中區 | 1,880 | 1,420 |
| 南區 | 1,440 | 1,200 |
| 區域 | 存款 | 放款 |
|---|---|---|
| 北區 | 55.0% | 53.7% |
| 中區 | 24.6% | 25.0% |
| 南區 | 18.8% | 21.1% |
占比=各區占三區合計
只印開檔那一態,分段鈕照印
每一態縮成小倍數並排印出
各態資訊相同時,例如表與圖
主態印在原頁,其他各印一張分身頁
預設一定是「全部」;超過四種就拆頁
本季獲利主要來自銀行利差擴大,證券經紀收入次之。
| 子公司 | 稅後淨利 | 年增 | 主要來源 |
|---|---|---|---|
| 銀行 | 999 | 12.3% | 利差擴大,放款成長 6.7% |
| 證券 | 456 | 8.1% | 經紀收入隨成交量回升 |
| 投信 | 78 | 5.6% | 管理費收入持平 |
三種聯動:結論對證據、表格對圖表的資料點、同一個詞或數字一起標出;數字整詞比對,8% 不會標到 18%。
紙本印什麼,小螢幕上長什麼樣?
| 元件 | 紙本(預設) | 列印展開: on(個案才用) |
|---|---|---|
| 頁內頁籤 | 只印開檔那一片 | 每一片攤開並印出片名 |
| 收合 | 照開檔狀態 | 全部打開 |
| 白話浮層 | 不印 | 轉成括號接在名詞後 |
| 就地展開 | 浮層與按鈕都不印 | 印到最後的補充頁 |
| 狀態切換 | 只印開檔那一態 | 各態並排 |
| 簡報態 | 步驟、點名、釘住、雷射筆一律不上紙,簡報講到一半按列印也一樣 | |
| 縮放 | 重排 | |
|---|---|---|
| 版面 | 與投影、列印同一份 | 改成文件流,頁面不同 |
| 跑版 | 不會 | 要人工看直立畫面 |
| 小字 | 雙指放大 | 不放大就能讀 |
| 寫法 | 預設 | 檔頭寫「手機版: 重排」 |
手機不提供,按 P 也不進
直接給完成態,不播進場
另量直立與橫擺兩檔,確認整張等比、沒有橫向捲軸
怎麼知道每一頁都沒跑版、寫得對?
字數帶與禁詞
格式與槽位
逐段相符
四層齊備
七種視窗
裁切與頁數
溢出、裁切、字數超標、禁詞裸用:照訊息附的行號回文字稿改,不縮字級、不削內距。
版面提示與疑似用語:合理的在骨架記一句理由,不必為了消 △ 硬改字。
| 視窗 | 代表的場合 |
|---|---|
| 2560×1440 | 大尺寸螢幕 |
| 1920×1080 | 會議室投影、外接螢幕 |
| 1440×900 | 筆電 |
| 1280×720 | 列印母片的參考版面 |
| 1100×620 | 縮小的視窗 |
| 390×844 | 手機直立 |
| 844×390 | 手機橫擺 |
容器自身、壓出底線、中層裝不下,缺一道就會漏報
溢出訊息直接附上文字稿的行號與約幾行
目測與估算都不算數,量到的才算
| 提示 | 什麼時候出現 | 先怎麼改 |
|---|---|---|
| 右側空置 | 一區只用到左側不到六成寬 | 短節點改橫排,或主從並列 |
| 圖旁欄空置 | 圖撐滿,旁欄不到圖高七成 | 補一列真內容,或說明移到圖下 |
| 卡內空洞 | 卡的內容不到七成高 | 每列寫滿,或補一列真內容 |
| 下半空置 | 內容止於頁高四分之三以上 | 補一個資訊點、主角放大或併頁 |
| 沒有主角 | 整頁同級小字 | 選一個數字或關鍵句升級 |
| 頁頁同構 | 連三頁主角元件相同 | 每兩三頁換一次視覺主角 |
| 孤字與撐開 | 末行一兩個字、字距被撐開 | 改寫句子,不縮字級 |
截圖與走查各有一行指令:shots.js 每頁一張截圖並拼成總覽,加 --walk 逐步截圖、加 --md 另存匯出 Markdown;check_present.js 在有逐步頁時驗簡報態的全流程。
| 句式 | 標題 | 結論列接著寫 |
|---|---|---|
| 判斷句 | 成長九成集中於 A 客群 | 所以下一步先確認 A 客群的通路承接量 |
| 框架名 | 市場規模 | 規模五年翻倍,九成新增集中在 A 客群 |
| 改之前 | 改之後 | |
|---|---|---|
| 並排標題 | 成本 / 我們的效益相對較高 | 成本最低 / 效益最高 |
| 同組列點 | 一條名詞、一條句子 | 全是名詞短語 |
| 成品裡出現過 | 改成 | |
|---|---|---|
| 頁碼 | 見 p12 | 句尾接跳頁膠囊 |
| 版面 | 四列共用前置詞 | 整句刪除 |
| 改版脈絡 | 改為三層 | 為三層 |
自檢方法:把這一頁念給沒參與製作的人聽,凡是他要反問「那是什麼」的詞,都是製作語言漏進來了。
兩行的列收成一行
文字保留
效果遠大於逐字微調
最後才有限度收間距
| 文件 | 從哪裡來 | 怎麼保持最新 |
|---|---|---|
| 導覽 | 人寫,每頁來源註寫它依據的規格段落 | 依據的段落一改就提醒重看 |
| 元件包使用手冊 | 黃金樣本,也是自檢的測試資料 | 自檢時重組一次、逐位元比對,不同就擋下 |
| 片段範例集 | 片段庫的原文逐段組頁 | |
| 圖表範例集 | 片段庫的圖表設定原文逐段組頁 | |
| 排法型錄 | 排法型錄的條目逐組列表 | |
| 規格全表 | 從程式與規格文件自動抽出 |
只寫文字稿,
其餘交給引擎與量測
規則的原文以 repo 裡的規格文件為準