こんにちは！グラフィックデザイナーのつぶあんです。
本記事と出会ってくださりありがとうございます！

「Notion Community Advent Calendar 2024」は、Notionアンバサダーの田原聖悟さんによる、Notionファンの投稿を日替わりで楽しめる企画です♪

昨日はアトリ🕊️Notionが大好きなオンラインアシスタントさんの「Notionのフォーム機能を使ったら、自分だけの記録がラク&便利になった話【テンプレあり】」でした。

フォーム機能を活用したテンプレートは必見ですヾ(*ΦωΦ)ﾉそしてNotionサイトで作られた美しいブログ素敵...！
記事はこちらから！

Notion×デザインで、いつものページを季節コーデしよう

さて、突然ですが本編に入る前に

「私、自分のNotion見てるとワクワクするの♪」

って方は挙手お願いします(ง ･ω･)/ﾎｲｯ

ｼｬﾝｼｬﾝｼｬﾝｼｬﾝ…🛷🔔✨

あっ、もしかしてこんな思いが頭をよぎったりしてませんか...？

もしそんなモヤモヤがある方は、ぜひ2024年中に吹き飛ばしてもらいたい！！

という気持ちで、カスタマイズも楽しめる季節のテンプレート「Notionも着せかえて」を制作しました。本記事と出会ってくださったあなたへ無料プレゼントいたします🎁🎉

そして記事の中ではテンプレートの構成、使い方など解説していきますので、ご自身でページ作成する際に活用ください✨

Notion×デザインを追求し続けるデザイナーの楽しいテンプレ、ぜひ複製してNotionライフをも～っとお気に入りにしていただけたらうれしいです！

さっそく今回のNotionページをご紹介！

今回はクリスマスの雰囲気たっぷりでお届けしますよ〜！
ページを構成するブロックごとに解説していきますね。

っとその前に、このページの趣旨を簡単にお話していくと、

・１日の最初にまず訪れたい個人ダッシュボード
・頻繁に使うページ、毎日記録したい日記をレイアウト
・季節の雰囲気を散りばめる、配色を統一したデザイン

といった感じで制作しています！🎄

それではブロックごとに解説いってみましょ〜〜！

❶カバー画像（Canvaで作成）

Notionページの中で最も雰囲気を左右するもの…それはきっとカバー画像！

ということで、つぶあんはカバー画像選びや作成にかなりの時間を割くことで有名です（自分調べ）

クリスマス～！って感じのカバー画像でも良かったんですが、飲んでたスタバのカップが可愛すぎたので、レトロな雰囲気と配色を参考に作りました♪このあとのブロックにも、カバー画像の配色を使っていきます。

そしてそして、配布テンプレートの下のほうに、Canvaのテンプレートも忍ばせておきました！自分で色変更したい、またどんな感じのレイヤー構成か見てみたい、というニッチな需要がありましたらこちらもチェックしてみてくださいね。

カバー画像作るほどではないな～という方は、Unsplashおすすめ検索ワードをどうぞ！

❷天気予報ウィジェット

ウィジェットとは？という方のために簡単にご説明すると、

Notionを手軽におしゃれに、好きな色でカスタマイズするのにとっても便利なツールです！

ウィジェットを集めたサイトはいくつかありますが、私はWidgetboxが好きでいつも使っています。Widgetboxは

・無料で５つまでウィジェット作成できる
・カスタマイズなど操作がわかりやすい
・サブスク形態がシンプル

で、ページレイアウト楽しみたいけどウィジェットはまだよくわかんない💦という方にもおすすめできますよ！

（アフィリエイトではありません～！）クーポンコード「NOTIONWSOFF200」を利用するとサブスク代が33%オフになったりするので、課金検討するかも…！というタイミングでぜひ思い出してくださいね。

👇クーポンコードを含めて詳細はこちらのポストがわかりやすかったです！

「Notionも着せかえて」では、こんな感じで天気予報ウィジェットを作成し埋め込んでいます。

❸日記ページ追加ボタンブロック

ここは今日の日記を書くページと、今週のふりかえり日記を書くページを呼び出せるボタンです。

Notionのデータベースに新規ページを追加する方法はいくつかありますが、ボタンブロックを仕込んでおくと任意のプロパティを埋めた状態で新規ページを開くことが可能です✨

❹コールアウトに式ブロック・メモ・リンク集

こちらのコールアウトは、機能性と装飾の楽しさを詰め込んでみました🎄

このテンプレートでも何回か登場しますが、つぶあんと言えばNotionの数式装飾。ということで、ぜひテンプレートから数式をコピペして試してみてくださいね。

ツリーの形に見える部分はこんな数式でできています👇

Notionのテキストブロックは左揃えですが、式ブロックに変換すると中央揃えになります。これを活用して余白を生み出し、ページデザインを楽しんじゃいましょう！

式ブロックの下は区切り線で区切って、目につくところに置いておきたいメモや来年の抱負を書くのもいいですね。その下はよく使うページへのリンクを置けるようにしました。コールアウトの中はお好みでカスタマイズしてみてください。

❺トリミングした画像で画像リンク

お使いの端末からアップロードした画像はトリミングができますが、トリミングした画像にもリンクを貼ることが可能です！

Notionはレゴ、と言われるようにカクカクしたイメージがあったので、こうやって丸いオブジェクトを置けるようになったことでデザインの幅が広がった気がしています(~ ˙꒳​˙ )~（なので、ギャラリービューの角が丸くなったのもとてもうれしかったりします）

❻毎日の日記（ギャラリービュー）

今回のテンプレートではひとつのデータベースで「毎日の日記」「週のふりかえり」を残せるように工夫しました。ここではギャラリービューを使い、毎日画像を貼ることで、季節を全力で楽しめるようになっています♪

新規ページを作成すると、デフォルトでこのテンプレートが適用されます。（❸でボタンブロックの「Daily Journal」をクリックしたときも同じ）

日付は自動で入力されるので、「Mood」はその日の感情を表情でマルチセレクト。「Diary」に日記を書いて、「画像を追加する」をクリックして画像を設定しましょう。お持ちの画像でも、UnsplashでもなんでもOK。ここに貼った画像がギャラリービューのカードプレビューになります。

❼今週のふりかえり日記（カレンダービュー）

こちらは週のふりかえりのみを表示するカレンダービューにしました。新規ボタンでページ追加するか、ボタンブロック「Weekly Journal」をクリックでテンプレートが適用されます。

「日記」と「週のふりかえり」を独立したリンクドビューで構成した理由は、

「積み上げていく感覚」をより可視化したかったからです ( 'ω' و(و

カレンダーにびっしり予定が入ってると「たくさんこなした感」が出てウキウキするのと似てるかも？

❽あとで読むリスト

ここは面積で言うと優先順位低そうに見えますが、このテンプレートの中ではとっても大切なブロック✨

というのも、季節を感じるテンプレートを作るとき大事にしたいのが

「その季節にはどんなギミックがあったらうれしいかな？🤔」

を全力で考えることなんです。

年末年始のホリデーシーズンを想定したテンプレートなら、仕事納めから年明けまでゆっくり過ごす人が多いと予想。

ひとりで新しい学びに取り組むのもいいし、この時期だから観たい映画をリストインしておいてもOK。

複製してくれた方が、Notionと一緒に暮らしを楽しめますように。

そんな気持ちでいつも制作しています(✌ ･ω･)✌

❾日記データベースで選択したムードトラッカーの集計

Notionと毎日を共にしすぎて「プラスプラン」「Notion AI」に課金しているつぶあんですが、プラスプランにアップグレードする決め手になったのがこの「チャート機能」です。

・チャートのカスタマイズ性が高く美しい
・マルチセレクトの色をページ配色と合わせると統一感出しやすい

こんなチャートを無制限で作れるので、チャート登場以降ますますデータベースと仲良くなれた気がしています。（フリープランでお使いの方はチャート利用ひとつまで）

私はドーナツグラフでムードトラッカーの集計をするのが好きです。日記で毎日選ぶ表情のアイコンがここに累積されていきます🍩📊

➓数式で作った区切り線

数式装飾が楽しいのは、思ってたよりも数式でいろんなもの作れる！って気づけたから。文字の色を変えたり、フォントやサイズを変えるだけでなく、ページを魅せる大切なデザイン要素としての数式。奥が深いですよ～💗

こちらも数式を覚えようとすると脳のメモリをだいぶ持っていかれるので、テンプレートからコピペして名前の部分など変えてみてくださいね。テンプレート内に参考サイトも載せておきます。

ちなみに、数式で区切り線を作ったら「式ブロック」に変換すると中央揃えになりますのでこちらもお忘れなく！

あっ、そういえばギャラリービューの下にある区切り線は、ダミー画像ジェネレーターで生成しています。

⓫データベース本体

こちらは「日記用」と「あとで読むリスト」の２つのデータベース本体を格納しています。削除しないようにお願いします✨

全体キャプチャに入っていませんが、ここに「カバー画像」「カバー画像のCanvaテンプレート」「その他素材やリファレンス」をまとめて追記してありますのでお楽しみに♪

まとめ

はいっ、ここまでおつかれさまでした！

ババーッとテンプレートの中身を解説してきましたが、いかがでしたか？ ( 'ω' و(و

「Notionをお気に入りにデザインするの、思ってたよりハードル高くなさそうだな...？」
「季節や気分に合わせてコーディネートしてみようかな！」

っと感じていただけたらとってもうれしいです！
ここまで読んでくださったあなたのNotionがも～っとお気に入りになって、プライベートもお仕事もさらに輝きますように！

テンプレートリンクはこちら

つぶあんについて

グラフィックデザイナー、３児の母（小３・年長・10か月）

つぶあんとして活動をはじめたのは３年半前（2021年3月～）Xのヘッダーをきっかけにフリーのデザイナーになりました。これまでにヘッダー120件、その他Kindle関連デザインなど幅広く制作。

オンラインサロンのデザイン講師などを経て、現在は制作のかたわら「Notion×デザイン講師」としてセミナーを担当したりしています。Notion歴は２年で、公式マーケットプレイスでテンプレート配布中。

Notionの思想、ユーザーへの関わり方も含めてぜんぶ好き。なので非公式ながら毎日愛を叫び続けています（笑）

去年書いたこちらの記事もぜひ👇

ここまでお付き合いいただきありがとうございました！素敵なクリスマスとゆったりした年末をお過ごしくださいね。

明日はたいちさんの「Notion公式 キャンパスリーダーへのインタビュー」です。お楽しみに！