占い・スピリチュアル専門
AI集客プロデューサーのサムです✨
→ はじめましての方はこちら(プロフィール)
→ ご提供中のサービス一覧
━━━━━━━━━━━━━━━
5月も後半になりましたね。
東京も最近、急に暑くなってきて、半袖で過ごす日が増えました。
そんな中、先日こんなご相談がLINEで届きました。
「パソコンで見たらいい感じなのに、
スマホで見ると文字が小さすぎて読めないんです…」
これ、アメブロあるあるなんです。
実は、アメブロの読者の約8割はスマホから見ています。
パソコンで見ている人は少数派。
つまり、
パソコンで綺麗に見えても
スマホで読めなかったら意味がない
今日は、
「スマホでも見やすいヘッダー画像」を作るための
3つのコツをお伝えします。
最後まで読むと、
スマホで見ても文字がハッキリ読める、
読者に伝わるヘッダーの作り方が分かります😊
まず、
パソコンとスマホでは「画面の縦横比」が全然違う
ことを知ってください。
パソコンは横長。
スマホは縦長。
だから、
パソコンで綺麗に見えていたヘッダー画像が、
スマホで見ると上下が切れたり、
文字が小さくなりすぎて読めなくなったりするんです。
パソコンで見て「完璧!」って思ったのに、スマホで見たら全然ダメで...
- 文字が小さすぎて読めない
- 文字が上下に切れている
- 背景が明るすぎて文字が見えない
- 装飾が多すぎて何が書いてあるか分からない
どれか1つでも当てはまったら、
今日の内容は必ず役に立ちます。
では、具体的にどうすればいいのか。
3つのコツをお伝えします。
スマホで見たとき、
画面の上下は切れやすいです。
だから、
重要な文字は必ず「中央」に配置してください。
しかも、大きく。
文字サイズは「スマホで見たときに一瞬で読める大きさ」を意識する。
目安として、画像全体の高さの1/4くらいの文字サイズがおすすめです。
次に大事なのが「コントラスト」。
背景が明るいなら、文字は濃い色。
背景が暗いなら、文字は明るい色。
「なんとなく見える」じゃダメです。
「一瞬で読める」が正解。
文字の縁取り(袋文字)を使うのも効果的です。
白い文字に黒い縁、黒い文字に白い縁など。
これだけでグッと読みやすくなります。
おしゃれにしようとして淡い色を使いがちなんですが、スマホだと本当に読めないんですよ...
最後のコツは、
「シンプルにする」です。
ヘッダー画像に書く情報は、
多くても3つまで。
例えば:
- 肩書き
「タロット占い師」「ヒーラー」など - 名前
「〇〇です」「〇〇のブログ」など - 一言メッセージ
「あなたの心に寄り添います」など
これ以上詰め込むと、
スマホで見たとき全部が小さくなって読めなくなります。
引き算のデザインが
スマホでは強い
ここまで読んで、
こんな風に思った方もいるかもしれません。
「シンプルすぎて、
おしゃれじゃなくなりそう...」
気持ちは分かります。
私も最初はそう思っていました。
でも、
ブログのヘッダー画像で一番大事なのは「伝わること」です。
どんなに綺麗なデザインでも、
読者が「何の人か分からない」「文字が読めない」だったら、
意味がないんです。
先月、
ヘッダー画像を変えたタロット占い師のAさんがいます。
変更前は、
花柄の背景に小さな文字で色々書いてあるデザインでした。
パソコンで見ると綺麗だったんですが、
スマホだと何も読めなかったんです。
そこで、
今日お伝えした3つのコツを使って、
シンプルに作り直しました。
結果、
ブログからのLINE登録が2週間で3件増えました。
Aさんはこう言っていました。
「前より地味になった気がしたけど、
読者さんから『分かりやすくなりましたね』って言われて嬉しかったです」
デザインは自己満足じゃなくて、読者のためのものなんです。
今日は、
「スマホでも見やすいヘッダー画像を作る3つのコツ」
をお伝えしました。
- 文字は「中央」に大きく配置する
- 文字の色と背景のコントラストを強くする
- 情報を詰め込みすぎない(3つまで)
デザインは「綺麗」より「伝わる」が正解。
もし今のヘッダー画像が、
スマホで見づらいと感じたら、
まずは「文字を中央に大きく」から試してみてください。
それだけでも、
見違えるほど変わりますよ😊
＼ まずは気軽にご相談ください ／
占い・スピリチュアルの集客について
無料でご相談をお受けしています。
「何から始めればいいか分からない」
「自分の発信の何が問題か知りたい」
そんな方は、
お気軽にLINEからどうぞ😊
━━━━━━━━━━━━━━━
最後まで読んでくださって、
ありがとうございました🌙
また次の記事でお会いしましょう✨