![見出し画像](https://assets.st-note.com/production/uploads/images/136810467/rectangle_large_type_2_9dbcd8fef7e8ecf781058f4008165194.png?width=800)
あなたのnoteをもっと自分らしく彩るアイデア4選。
こんにちは、ショウヘイです!
今回は最近僕がやってみた「noteのクリエイターページをもっと見やすく、個性豊かにする」アイデアの話をします。デザイン的な要素が多いです。
・noteを最近はじめた方
・もっとnoteで個性を出していきたい方
などなど、参考になれば嬉しいです!
💡キーカラーを決めよう
自分のキーカラー(自分らしさの鍵となる色)を決めると、「〇〇さんのnoteといえばこの色だよね」と認識してもらいやすくなるのかなと思います。
やり方としては、いろんな方のnoteやブログなどを見て、好きな色使いを見つけていきます。地道ですが楽しいです。
余裕がある人は、
⚫︎メインカラー…一番印象が強く、主役となる色。
⚫︎アクセントカラー…少ない使用量でありながら、ユーザーを惹きつける色。
⚫︎ベースカラー…最も大きな面積を占め、背景や余白に用いられる色
3色くらい考えられるとさらに世界観が作れると思います。
/
以下、僕が参考にさせていただいた方のnoteです!
\
🔽黄色のイラストがかわいいT O M Oさん
![](https://assets.st-note.com/img/1712709391970-Ey5OkjMqnO.jpg?width=800)
![](https://assets.st-note.com/img/1712709410116-Uc8ROstWQF.jpg?width=800)
独自のやさしい世界が構築されていてすごい!
もうね〜、TOMOさんのイラストはすごいよ!シンプルでかわいくて、いろんな方がnoteの記事のヘッダーに使っているのも納得です。オムライスの写真さえもTOMOさんワールドを感じてしまいます。長年コメントし合う関係で、あたたかい人だなあ〜と思っています。いつもありがとうございます!
🔽ナチュラルな色使いがすてきな夕街さやさん
![](https://assets.st-note.com/img/1712715044101-h57L39yAPt.jpg?width=800)
![](https://assets.st-note.com/img/1712715054480-rAG8mKkr95.jpg?width=800)
写真でここまで統一感を出せるのは天才的だなと思うのが、シンプルな暮らしを発信している夕街さやさん。自然光を生かしたやわらかなタッチの写真はめちゃくちゃ勉強になります。
🔽YouTubeなど幅広く活動されているスワンさん
![](https://assets.st-note.com/img/1712715854492-OX1fcS2TT6.jpg?width=800)
![](https://assets.st-note.com/img/1712715197031-uatl0blVbJ.jpg?width=800)
差し色なマーカーが映えます。
NotionやApple製品などの活用術を発信されているスワンさん。「スワン」ということで「白」を連想しますが、ビビットなイエローを基調にイメージを作っていくあたりが「センスやべえ🔥」と思いました。
💡カラーコードをストックしよう
🔽すてきな先輩方のnoteいくつか見つけてきたら、スクショしたのをアルバムにまとめておきます。
![](https://assets.st-note.com/production/uploads/images/136796837/picture_pc_609441f92c60c5d52d1099243364aad7.png?width=800)
そして、次はカラーコードを集める作戦です。なぜカラーコードを集めるといいかというと、どんなアプリでも同じ色を使えるようにするためです。白って200色ありますからね。
僕は黄色を主軸に好きな感じのカラーコードを集めました。集めたカラーコードはどこかにメモしておくといいかもです。
![](https://assets.st-note.com/production/uploads/images/136797125/picture_pc_57ef285c5f64102721f183fd0ee64ace.png?width=800)
🔽画像からカラーコードを読み取れるサイトです。
☝️画像のURLをコピペすると、カラーコードを表示してくれるサイト。ブックマークしておくと何かと便利です。
💡canvaで見出し画像を作る
canvaじゃなくてもいいけど、デザインを作成するツールを活用してオリジナルの見出しを作れるとグンと個性的になります。AIの技術も発展してきているのでAIを駆使するのも面白いかもしれません。
🔽note記事作成画面からダイレクトにcanvaを起動する方法
![](https://assets.st-note.com/production/uploads/images/136798192/picture_pc_d4df04bc4b0436bd69b52005f734ee92.png?width=800)
![](https://assets.st-note.com/production/uploads/images/136798212/picture_pc_069b1af962b5f2e4b4f8d811b2ad19a8.png?width=800)
サイズは「1280×670px」で作ってください。スマホでもできるけど、パソコンが操作しやすくて断然オススメです!
🔽とくに凝った編集をしなければ、これくらいの画像なら10分くらいでできます!またcanvaは無料テンプレートも豊富なので、テンプレートを使うのも手だと思います。
![](https://assets.st-note.com/img/1712718659561-u8PR82VKHw.jpg?width=800)
![](https://assets.st-note.com/img/1712718650612-qrDRqViRe9.png?width=800)
![](https://assets.st-note.com/img/1712718669751-Nv1n0qJ9fQ.jpg?width=800)
💡クリエイターさんのイラストを使わせてもらおう
見出し画像を設定するときに圧倒的におすすめなのが、「記事にあう画像を選ぶ」です。note上のクリエイターさんのすてきなイラストや写真を使わせていただけます!(note最高すぎない?)
🔽クリエイターさんのイラストで見出し画像を作る方法
![](https://assets.st-note.com/img/1712718934732-pndbXGBJuW.jpg?width=800)
![](https://assets.st-note.com/img/1712719922320-hqjyp6sHvN.jpg?width=800)
noteIDをメモしておいて
検索バーに入力すると便利です!
/
僕がリスペクトしてやまない
おすすめクリエイターさん紹介!
\
🔽T O M Oさん(🔍t0m0y0)
TOMOさんのイラストは癒しそのもの!
長く愛用させていただいてます。感謝しています!
🔽杉江慎介さん(🔍shinsukesugie)
いや〜、ポップでかわいい。このイラストが描ける人は絶対やさしくて愛に溢れた方だ。かわいいを具現化するスキルがすごい。
🔽nouchiさん(🔍noouchi)
nouchiさんのイラストは、やわらかいタッチで美しいです。絵本みたい。おしゃれだなあ。
💡その他使えそうなツールなど
その他小技です。よかったら参考までに!
🔽画像を丸くするサイト
🔽背景を透明にするサイト
🔽簡単操作で画像に文字入れできるアプリ
よかったらこちらの記事もチェックしてください👇
/
ここまで読んでいただき
ありがとうございました!
\
いつも応援してくださり、ありがとうございます😗