Notion Formatting Tips — Columns | Notion 排版技巧 — 欄位排列

Published in

海豹工具學

6 min readSep 26, 2021

排出既美觀又實用的 Notion 版面

今天介紹一個簡單又重要的主題 — Notion 排版技巧，版面的安排不只是美學的問題；同時也具有的功能性意義。必須要說，Notion 雖然是個自由度很高的工具，但是在版面編排的操作並不是那麼地直覺，這篇也會介紹一些小小的排版秘技，讓大家在排版的時候更得心應手。

關於 Notion 上的排版

排版是一種對於螢幕空間的安排，把版面整理乾淨、清楚，更能夠幫助自己理清思緒，對於 Notion 這樣高自由度的生產力工具來說，就更需要為自己的版面負責了。認真思考排版的理由我認為有幾個：

美學因素，最直接的當然是讓畫面美觀，看了心情會比較愉快。
空間利用，螢幕空間 (Screen real estate) 向來是一種稀缺的資源，螢幕空間有限、人的注意力也有限，擺放的內容彼此間具有排擠性，妥善利用有限的空間跟注意力很重要。
閱讀性，好的空間安排可以讓內容更一目瞭然，讓閱讀更順暢、使用更有效率。
操作效率，有時候在列表中一個一個選擇標籤相當耗時，設計一些拖曳的行為會更有效率，可以搭配版面的安排讓這樣的操作更省時省力。可以參考這篇 <Notion Task Management Interface | 個人任務管理介面>的介紹。

Notion 排版基礎

先快速介紹一下一些基本的功能，在下一段會介紹這些功能的混合應用。

A. 各種 Notion 區塊 (block) 類型

在 Notion 中有各種不同的區塊類型，各自有不同的應用，這邊先介紹幾個我自己比較常用的：

內文 (Text)，預設的區塊格式，一般的內文。
標題 (Heading)，從大到小包含了 H1、H2、H3三個層級，可以直接在區塊的開頭分別輸入 #、##、### 加上空白鍵，即可套用。
列表 (Bulleted list) 及數字列表 (Numbered List)，會以一個黑點或數字在區塊前面，方便用來條列事項，分別可以在區塊前面打上”-”或數字加上空白鍵即可以快速套用。
下拉式區塊 (Toggle List)，前面以箭頭 ► 表示，裡面的內容可以透過點擊擴張或收縮，適合用在不需要一直顯示又很佔版面的內容。可以用 > 符號加上空白鍵快速建立。
標註？ (Callout)，找不太到適合的中文翻譯，直觀地說就是左上角帶有一個圖示 (icon) 方框區塊，在近期的更新中，也可以將其他的各種區塊放置到這個框裡面，這也增加了一些排版的新可能性。快速建立的方式是輸入 /callout 或 /call。

B. 多欄位並排 (multi-column)

這對於螢幕空間的安排、利用很有幫助，也影響文字的閱讀性，尤其在使用 Notion 滿版 (Full width)頁面時，閱讀一串從左延伸到右的文字會非常痛苦。因此，將頁面分欄位，可以大幅提升閱讀體驗。(見下圖)

至於怎麼做，其實滿簡單的，將想要分欄位的區塊拖曳到畫面左邊或右邊，可以參考以下 Notion 官方的說明。

Create columns in Notion

再進階一點的 Notion 排版

以上介紹了幾種不同的區塊 (block) 種類，以及多欄位的排版，接下來就講一下再進一步的應用。

Ａ. 將內文中「資料庫」、「連結資料庫」分欄位

在 Notion 中其實可以將「內文中資料庫」(Inline database) 或「連結的資料庫」(Linked database)分欄位，但是，如果你試著用直接拖曳資料庫區塊的方式，會發現頁面旁邊不會出現垂直的藍線，也就是沒辦法完成動作。這個時候需要多幾個步驟：

1. 先將文字、標題或空白區塊分好欄位。(如下圖，為了比較容易區分將區塊上了顏色)

1. 先將文字、標題或空白區塊分欄位

2. 再將「資料庫區塊」拖曳到各欄位的區塊下方。

3. 如果不需要上面那幾個 (上色的) 區塊，也可以直接把它們刪掉，不用擔心會影響已經分好欄位的資料庫區塊。

Ｂ. 在「下拉式區塊」、「列表」、「 Callout 」中分欄位

在我們使用「下拉式區塊」(Toggle List)、「列表」(Bulleted List) 及「標註區塊」(Callout) 時，有時候也需要將裡面的資訊分欄位。這時候就會需要運用一個非常不直覺的秘技，就稱它為「頁面轉換術」吧😶‍🌫️。這個方法顧名思義，用到 Notion 中的頁面 (Page) 區塊來進行轉換，來達到我們的目的。

1 .首先用/page 在頁面中創建一個「頁面」(Page) 區塊。這樣會直接進入這個頁面中。