Notionで見やすいページを作る3つの工夫|目次・背景色・Callout活用法

Notion Advent Calendar 2日目の記事になります。
Notionのページを美しく整理するための3つのポイントを解説!目次の作成、見出しの背景色設定、Calloutブロックの活用で、より読みやすく綺麗なページを作成しよう。

はじめに

本記事では、より綺麗に書くための一工夫について書いていきます。
綺麗なページを作れると何より書くモチベーションも上がりますよね🔺
汎用性の高い内容を3点ピックアップしてご紹介していきます。

より綺麗に書くために

その1. 目次をつけよう

Table of Contents を使うことで各ページに対応した目次をつけることが出来ます。
呼び出しのショートカット:
目次をつけている様子 | 目次をつけている様子
豆知識:
  • 目次も1要素として扱われるため、色をつける・移動する・複製なども可能です

その2. 見出しに背景色をつけよう

Notionでは文字に色をつけることが出来ます。
スタイルとカスタマイズ
見出しは本文テキストとサイズが異なるだけなので、一見境目が分かりづらいです。
本節では、区切りをより分かりやすくするために背景色をつける方法をご紹介します。
呼び出しのショートカット:
  • + 変更したい色の頭文字 を入力後、BACKGROUND を選択
見出しに背景色をつけている様子 | 見出しに背景色をつけている様子
ブロック単位で背景色がつくため視認性が高まります。
豆知識:
  • 変更したい色の頭文字は を入力することで背景色要素のみサジェストされます。
  • もちろん、本文テキストに対して色変更を行うことも可能です🙆‍♂️

その3. 要点はブロックで囲もう

要点事項は、Callout形式のブロックで囲むことで目立たせることが出来ます。
呼び出しのショートカット:
  • + で先頭に表示される Callout を選択
Callout形式のブロックを呼び出している様子 | Callout形式のブロックを呼び出している様子
豆知識:
  • ブロック内テキストの色・背景色を変更することも可能です
ブロックの絵文字をクリックすることで絵文字を変更することが出来ますが、本文で絵文字を入力する際には以下のやり方が便利です
  • でサジェストされた絵文字を選択
:文字列 で絵文字を入力している様子 | :文字列で絵文字を入力している様子
  • + or + + で絵文字ピッカーを使う
絵文字ピッカーを使っている様子 | 絵文字ピッカーを使っている様子
使い分けとしては、入力したい絵文字が決まっている際は、良い感じの絵文字を探して入力したい時は絵文字ピッカーを呼び出すという感じがオススメです。

さいごに

今回は便利な機能を3点ピックアップしてご紹介させていただきました。
Notionはスラッシュコマンド()からあらゆる機能を呼び出すことが出来ます。
多くの操作をキーボード上で完結させられるため嬉しいです😊

小幡 十矛(Obata Tomu)|価値を共創するエンジニア
東京を拠点に、アプリ開発・新規事業立ち上げ・ブランドづくりに取り組んでいます。
2021年にサイバーエージェントへ新卒入社後、ABEMA Live や AmebaブログのiOSアプリ開発を担当
現在はフリーランスとして、複数の新規プロダクトやリアル店舗の立ち上げに挑戦中です。
🎯 Mission|人の挑戦を加速する仕組みをつくる ── アイデアを形にし、前に進める“土台”や“場”を共創する
📌 「リアルな場 × デジタル」の可能性を探求し、新しい挑戦が生まれる土壌を育てる
🔹 エンジニアリング × ビジネスの視点から、アイデアを形にし、成長を支えていく
🔹 実店舗オーナーを目指し、オーダースーツ・ドライヘッドスパ・セレクトショップの複合店舗の立ち上げにも挑戦中
👥 特に、社会人1〜5年目くらいで
「やりたい気持ちはあるけど、最初の一歩に迷っている」方へ。 「自分の可能性をもっと広げたい」 「モヤっとしたアイデアがあるけど、どう進めていいかわからない」 そんなフェーズにいる方と、一緒に考えたり、手を動かしたりできたら嬉しいです。
🌱 「挑戦したい20代」との出会いも、大切にしています。 「ちょっと話してみたいな」くらいの気持ちで、気軽に声をかけてもらえたら嬉しいです!🙌
📷 Instagram(リアルイベントや趣味の発信中心): https://www.instagram.com/tomu28creator
🌐 詳しいプロフィールはこちら https://obata-tomu.jp/