左右對照、兩案並排。
一頁的內容要怎麼分區與分級?
先決定這頁要回答什麼,再挑元件。
選錯容器,內容再好也讀不出來。
內文 lv-b:補充依據,顏色淡一階。
註解 lv-n:虛線分隔,只靠顏色分層。
關鍵句,一段裡最先被讀到。
區段、卡名、卡片關鍵句。
結論列,比內文大一級。
內文與表格,一行約 71 字。
左右對照、兩案並排。
三案分流、三卡並排。
四個小格、指標一排。
一頁最多兩個分區,超過就拆頁,不要把間距壓小。
分區內容過多時會被壓縮而不是撐開,量測要看分區的實際高度。
fill 只撐開放欄與含圖表的格,有框的卡只到內容高、不撐空洞。
卡、格、列、表各自適合什麼?
網格加 solid:三案要逐列比較、要用底色表態,或內容有完整的卡頭與關鍵句。
網格的預設:三個要點、四個指標這類同質並列,靠對齊與欄間細線就分得開。
表格或圖旁邊的說明,直接放一列前置詞列表,不另包一張卡。
1080p 內容區可容行數。
結構頁版型固定五種。
內文字級下限,不得再縮。
幾何驗收要過的視窗數。
三到八列最好讀,超過就拆成兩區或改用表格。
單行列算 1.6 行單位、兩行列算 2.6,估容量時要分開算。
兩到四字最好認,超過四字的標籤改寫成前置詞。
預設藍字標籤加細線;長句組可用 solid 實心,短句組用 c2 排兩欄。
同一組每列行數要一致,一行與兩行不可交錯。
| 元件 | 行單位 | 適用 | 組成 |
|---|---|---|---|
| cell | 3.6 | 指標一排 | 眉標+標題+一句 |
| card | 3.4 | 並排論述 | 卡頭+關鍵句,列表另計 |
| kv 列 | 1.3 | 卡內列點 | 兩行列算 2.3 |
| lr | 1.6 | 逐列對照 | 兩行列算 2.6 |
新版多了哪四個元件可以用?
沿用小格卡的眉標慣例,字級 10pt。
節點名一行講完,細節交給下面這句說明。
一條軸最多一個,多標就失去指向性。
直排每筆 2.5,加一句說明變 3.4。
四到六個短節點,每個說明一句,用滿整個橫幅。
節點說明要寫兩行以上,或時間軸放在主從版面的側欄。
橫排在手機直立時自動轉回直排,不必另外寫手機版。
一頁一列,決定每頁要回答什麼問題。
照字數帶寫,這時不要想版面。
照容量表挑元件,不重寫樣式。
三支腳本依序跑完才算交付。
一頁一列定問題
照字數帶寫稿
程式組出簡報
三道關卡跑完
序號步驟回答「怎麼做」,橫向流程回答「走到哪」;同一件事二選一,兩種都放等於講兩遍。
焦點數字加 serif 轉明體並收字距;表格與多欄對位數字仍用等寬體。
互動元件怎麼用,交付前要過哪些檢查?
結論與數字寫在預設畫面
柱色沒有在設定裡指定,藍與紅是引擎自動注入的品牌序列;圖例用頁面色塊,不用函式庫自帶的。
元素掛 data-step,寫第幾步出現。
表身掛 data-walk,一步亮一列。
紙本一律全亮,不必另做講義。
| 按鍵 | 簡報態做什麼 |
|---|---|
| → ↓ | 下一步,本頁走完才換頁 |
| L | 綠光雷射筆,[ ]鍵調大小 |
| B | 黑幕,按任一鍵恢復原畫面 |
| O | 概覽全部頁面,選了就跳 |
本手冊由 19 頁增為 21 頁+2 頁
按鍵說明的列數,
| 分類 | 列數 |
|---|---|
| 翻頁與跳頁 | 5 |
| 步驟控制 | 2 |
| 講者工具 | 6 |
| 進出簡報態 | 2 |
列印=21 張投影片,浮層不另印
| 元件 | 行單位 | 組成 |
|---|---|---|
| cell | 3.6 | 眉標+標題+一句 |
| card | 3.4 | 卡頭+關鍵句 |
| lr | 1.6 | 標籤+一句內文 |
| kv 列 | 1.3 | 前置詞+一句 |
| 元件 | 占一頁 | 組成 |
|---|---|---|
| cell | 20.0% | 眉標+標題+一句 |
| card | 18.9% | 卡頭+關鍵句 |
| lr | 8.9% | 標籤+一句內文 |
| kv 列 | 7.2% | 前置詞+一句 |
頁面自帶的偵錯參數只當快篩,長簡報下方頁面動畫未沉澱時會誤報。回封面
同組不齊、並排不對稱、孤字與字距撐開。
右側空置、卡內空洞、下半空置三種形態。
直立與橫擺兩檔,縮放失效或有橫捲軸即失敗。
元件只是容器,
先想清楚這頁要回答什麼
容量表與最小 DOM 見 references/components.md