昨日、はじめてのnoteを書いたこと。やらかし。

雑記。

ラテにメープルシロップを入れるのにハマっている☕🍁いわし。です。

パンケーキ作った時に買って持て余していたのですが、
ラテに垂らすとほんの少しで深い甘みになるの、好き。

泡作る電動の棒でﾌﾟｨｰｰｰｰｰﾝする時間も好き。
幸せですね。寝られるの？まぁいいや。

noteを始めて2日目。
自己紹介、ゲーム紹介、映画紹介＆感想の３記事を投稿してみました。めっちゃ力入れて書いたけど、熱入り過ぎたかな🙄

私の"好き"が、誰かに届くと良いなぁ。

ところで。

・スマホで見た時のこと

noteをPCで書いてて思ったことが。

自分の書いた記事をスマホで見てみた時、
大体25文字で画面端まで行くんですよね。
noteアプリだと20文字で改行のようで…

こんなすぐ改行されるの……？🫨

とはいえ書き始めは20文字or25文字を目安に、改行された時に「。」だけ次の行にいる…みたいなのを避けるくらいの感覚でPC打ち込みで良いのかも…？
そこも含めてPCで作業してる時の目安は25文字基準が楽かも？

なので余裕があれば
PCで書く→スマホで改行の調整
ってのは習慣づけた方が良さそうですねぇ。

・サムネ修正前後で比較

そして本題。
初めての記事、自己紹介記事を
投稿してしばらく。

「やだ…私のサムネ、薄すぎ……？」と
気付くいわし。

最初の自己紹介記事のサムネイルがこちら。

わぁ、アイコンと文字しか見えない！ｗ
背景どこいった？？？？？🥺

同じ意見の人は、恐らく正常です😂

右下の波や葉っぱなどが見えている人は、
逆に危ないかもしれません🙄(幽霊かな？)

サムネをCanvaで手作業してるんですけど、
その時はサブモニターのTVで見てて、普通のデバイスと色の出力が違うままやってたから…その時はちゃんと見えてたの……🥹

試しに書類仕事用のモニターで映してみる。
あ、背景一切見えないわ🥹🥹🥹

…それを、こう！

うん！こっちのがいいですね🥰

こっちに変えてから
スキ20とかだった自己紹介に爆裂にスキが来ました。
ゴールデンタイムとかじゃない朝なのに……。

うーんサムネ大事！
内容見られてないとしても！ｗ

・脳死で作るCanva汎用テンプレ

まず左にアイコンをドン！
アイコンを基準に秋色っぽくて派手なCanva背景を脳死でドン！

ここで見た目を分解すると、ベースカラーの黄色が彩度が高めで、既に背景にパンチ👊がありますよね。

ということは、あまり他のパーツの彩度を高くすると、目がチカチカしちゃうと考えましょう。

左上の付属の大きな付箋は、少し色濃いくすみカラー。

ここで大きなパーツである左のアイコンを、
背景に馴染むように強めのくすみカラーに色調補正。

タイトルを右にして……今回は文字数が多いので、アイコンの主線より少し太いかな程度の文字と太さに。

そして下に点線を引きます。

タイトル色は黒から調整し、調和の取れそうな茶色に。副題はそれよりちょっと薄めに。

アイコンや文字にドロップシャドウを入れ、
付箋の影を参考にぼかし具合を調整します。

左右のバランスを取るために、
左上の付箋と似た色の波を右下に置いて、

他の余白に目立たない細い線の画像を貼って、完成です。

これでベースカラーや文字の大きさを変えたりすれば、本記事のサムネになります。

これで、左右の比率を大きく変えなければ
色々なバリエーションに転用可能な
Canvaテンプレートが完成です。

似た構図の背景を差し替えたり、
アイコンの部分をモックアップに変えたり、
写真を適当に入れたり楽々です。

・文字の大きさと読みやすさの話

そして多分なんですけど、

「はじめまして、」のタイトルである
84.5以下の文字の大きさって、
縮小されたサムネ上で読むの、中々無理では？

画像って縮小すると少しぼやけるんですよね。
投稿後のサムネイル、すごいちっちゃいですし。
(スマホ画面だと投稿後の画像が尚更に小さい！)

そこで文字に下手に似た色の影をつけちゃうと、
ぼやけて文字がさらに読みづらく……。

そういった「文字が縮小されても読めるか」
とかの調整とかも含め、
スマホでのチェックが大事なのかもしれない。

「スキ付かない…」
…と言う#はじめてのnote民へ。
微妙だったら今すぐサムネを直しましょう!!!

・色の出力小話。

どうやらTV・PCモニター・スマホの液晶って、
同じ画像でも結構見え方が違うんですね。

📺TVのモニターは
「美しく感じるような色」を
勝手に作り出しているそうなんです。

🖥️PCモニターは標準的な色域(sRGB)。
もちろん機種の差はありますが、
ネットの画像は基本的にこれだそうな。

📱そしてスマホも機種にもよるけど、
最初の画像は白く見えます。
さらに周囲の明るさに合わせ、
色を自動調整したりします。

なのでサムネを作る時は、
「自分の環境では綺麗！」だけじゃなくて、
下書きの時にスマホで縮小して見てみるの大事。

お役に立ったらスキ！してくださると、
モチベが上がります。

タグって本文中に含めないでもいいけど、本文中にあった方がいいとか多く入れても記事に関係あるならスパム判定みたいなのされないよとか言うNoteAI…🙄もう知らん全部入れろ

#エッセイ #自己紹介 #ブログ #デザイン #note初心者 #雑記 #学び #はじめてのnote#失敗 #アウトプット #改善 #canva #失敗談 #試行錯誤 #サムネイル #レイアウト #noteの続け方 #画像加工 #サムネイル作成 #デザインのコツ #可読性 #スマホ最適化