見出し画像

Notion、劇的ビフォーアフター!

こんばんは、れいちぇるです。

久しぶりにガッツリと記事を書きたいと思います。内容は言わずもがなNotionについて。

最近SNSでもかなり多くの人がNotionを使っているのを見かけるようになって、社会人の方はもちろん学生さんにも広がっているなという印象を受けます。

私自身、会社に属しているわけでもフリーで働いているわけでもないので、プライベートなことでしか使用していないのですが、公開することで誰かの、何かの役に立てばと思い、最新版れいちぇるNotionについて書きたいと思います。

📓 📓 📓

Before → After

今回は主にHOME画面をカスタマイズしなおしたので、まずはそちらのビフォーアフターを紹介します。

画像1

△ビフォー

画像2

△アフター

ページのリンクを貼っていただけの以前の単純なデザインと比べて、ウィジェットやデータベースを埋め込んで、1ページでたくさんの情報量を見られるようにしました。(細かい設定方法についてはこの後説明していきます!)

また、各ページのアイコンも絵文字からミニマルな画像に変更。(これも後ほど紹介します💁🏼‍♀️)

次にバレットジャーナルの月ごとのページ。

画像3

△ビフォー

画像4

△アフター

新しいデザインでは、横幅をフルに切り替えて2カラムになるように配置しました。

ビフォーのバレットジャーナルへの道のりも、以前記事にしているので、もしそちらも気になる方がいたらぜひ読んでみてください。

今回のデザインの参考にさせていただいたのが、Reiさんのこちらのツイート💬

ウィジェットを取り入れたり、複数カラムにすることで、1ページにより多くの情報を入れることができ、工夫次第でシンプルなデザインに出来るということを学ばせていただきました🙇🏻‍♂️

こちらのツイートと海外のNotionユーザーさんのテンプレートを参考に新しいページを作成していきました。

📓 📓 📓

参考にしたテンプレート

ホーム画面のmenuroutineの部分は、こちらの海外の方のNotionデザインを参考に(というか丸パクリ?)させていただきました。

画像5

Ellllaaさんという方のデザインで、他にもたくさんのテンプレートを配布しています。どれもおしゃれで可愛い♡

テンプレート以外にも月別のカバー画像や曜日ごとの画像も配布してあったり、webツールも紹介されているのでNotionユーザー以外の方でも使える部分がありそう。

△Ellllaaさんの素材が配布されているNotionページ

△こちらも同様のEllllaaさんのテンプレ配布ページ(reddit内)

それから、海外の掲示板サイトredditでもいろんな人がテンプレートを配布しています。使い方なども参考になるので要チェックです☝🏻(下のリンクからNotion関連の掲示板ページに飛べます!)

ちなみにmenuの部分は、HOMEとは別でデータベースページを作成し、Create linked database(DATABASE項目の一番下にあります)を使ってHOME画面に埋め込んでいます。

画像6

△menuのデータベースページはこちら

📓 📓 📓

使用したウィジェット / 素材

今回私が使用している、天気やGoogleカレンダーを埋め込めるウィジェットはIndifyというサイト。Notionマスターの方々の中では有名なサイトですね。

天気やカレンダー以外にも、カウンターやカウントダウン・時計などいくつか種類があります。

画像7

△Indify

作成したいウィジェットを選択して、設定画面で自分の好きな色に変更するなどカスタマイズしたら、URLをコピーしNotionに貼り付け→Create embed(+マークからembedを選択しても◎)で埋め込み完了。

あとは埋め込んだウィジェットを自分の好きなサイズに調整して完成です。

そして、各ページのアイコンに使用しているのは、Notion Icons。画像URLをワンクリックで取得でき、画像をPCにダウンロードせずに簡単にアイコンを設定できます。

シンプルなアイコンばかりなので、どんなページデザインにも合わせやすいと思います☺️


それから、データベースを2カラムにするのに参考にさせていただいたのが、先程もツイートを紹介した、ReiさんのYouTube。

かれこれ2年も使っているNotionですが、まだまだ知らないことだらけです…😭Notionマスターへの道のりはまだまだ遠いなぁ…。

いろんなNotionユーザーさんのテンプレートや動画を見ていると、こんな使い方もできるのか…!と、驚きと同時にわくわくが止まらず、ついつい夜中までやりこんでしまいました(笑)

今はまだHOMEとバレットジャーナルのページしかデザイン変更できていないのですが、今後よく使う他のページもリデザインしていきたいなと思っています。

そのときはまたnoteで紹介していきます♪

ちなみに過去に私が書いたNotionに関する記事は、↓のマガジンにまとめていますので、Notionについて気になる方はぜひ読んでみてください。

ということで、Notionのビフォーアフターについて紹介しました。

少しでも参考になったなと思っていただけたら、サポートから投げ銭していただけるととても嬉しいです🙏🏻

この記事が参加している募集

最近の学び

サポートいただいたお金は、自身のスキルを伸ばすために使用させていただきます☺︎!