本サイトではアフィリエイト広告を利用してます

【5つの方法で作成可!】ブログアイコンの作り方を解説!

【5つの方法で作成可!】ブログアイコンの作り方を解説!

この記事で解決できるお悩み


こんなお悩みを解決できる記事になっています!

それでは、解説していきます!

この記事を読むと、ブログアイコンを作成する方法(無料・有料)がわかります!


無料でブログアイコンを作成する方法

①イラストを自分で描く

  • MediBang Paint 初心者からプロまで使える機能。WIndows/Macに対応
  • Autodesk SketchBook ユーザーフレンドリーな印象が◎ WIndows/Macに対応
  • Krita ブラシのカスタマイズが自由自在◎ WIndows/Macに対応


上記の3つは無料でインストールして使うことができます!

②顔出しOKなら写真を使う



自撮りでもいいですし、だれかに撮ってもらうこともできます◎


顔出しすることに抵抗がない人は、写真でもOKです!

③無料素材を使う


商用利用可能なところで素材を探すことができます!


下記では、商用利用可能なフリー素材サイトを紹介しているので、ぜひ参考にしてください!


④大人気のCanva(キャンバ)で作成する【5分】


「無料なのにこんなに機能使えるの?!」とびっくりするくらい、Canvaって優秀です!


「こうしたら作れるよ!」というのを実演してみます!


Canvaに飛んで、「登録」をクリック
認証できそうなものを選び登録します!
右上に「デザインを作成」と表示されていたらOK!

カスタムサイズで幅400・高さ400pxに設定して「新しいデザインを作成」をクリック
検索欄にほしいものを入力して検索する


【王冠マーク】がついているものは、有料プランに入ることで使えるようになります!

無料でアイコンを作成したいのなら、王冠マークがついていないものを選びましょう!

1つ選ぶと、下記のようになる


このままで十分かわいいけど、背景に何かを付け足したい人は検索欄で素材を検索してみます!(例:花、ハートなど)

レイヤーを自由に移動させることができる



ハートを背面に移動にすると、うさぎの体が隠れずに済みます!

いい感じにできたら、保存していきます!

右上の「共有」→「ダウンロード」をクリック
ファイルの種類「PNG」→「ダウンロード」をクリック
作ったアイコンがダウンロードされました!
完成したアイコンがこちら!


かわいらしいのが完成しました!

こんな感じで5分もあれば簡単に作成することができます!

「もっと〇〇したい!」と思った時に、自分のいいようにデザインをカスタムすることができるのがいいです◎


上記で紹介したイラストを描いたり、選ぶのが億劫だなと感じている人は、「プロに任せる」という方法があります!


有料:プロに作成してもらう方法

「ココナラ」でプロに描いてもらう



ココナラは、ビジネスからプライベート利用まで、個人のスキルを気軽に売り買いできる日本最大級のスキルマーケットです。


プロフェッショナルや専門家から、イラスト作成、翻訳、ライティング、Webサイト制作、相談、占いなどの様々なサービスを購入することができます。


ココナラの口コミまとめ・ 5つ







実際にプロの方に頼んでイラストを描いてもらいました!


どうやってお願いすればいいのかの手順はこちら!


会員登録したいものを選ぶ
「発注者として登録」をクリック

「個人で利用する」→「次へ」をクリック
「基本情報」を入力して「次へ」
気になるカテゴリーを3つ選び、「次へ」
1番興味のあるカテゴリを選び、「次へ」
ユーザー名を入力して「設定して始める」をクリック
自分のアカウントでログイン完了!
「イラスト・漫画」→「アイコン・SNSイラスト作成」をクリック
自分好みのスタイルを選択する


提供方法のところでは、「アイコン作成の費用」や「お届け日数」を選択することができます!

今回の予算は「1500円」にしました!

実績があるイラストレーターさんほど、予算が高くなります!


サンプルをよく見て、「この人に描いてもらいたい!」と思ったら、実際に相談してみます!

「見積もり・カスタマイズの相談をする」をクリック

イラストレーターさんによって、無料修正回数がちがったりします!

中には0回の人もいました!


自分の希望を伝えて、再度修正してもらいたい!」と思っている方は、それを叶えてくれるイラストレーターさんに描いてもらいましょう!

見積もり相談を入力していく!

【相談の目的・背景・追加情報】

【目的】ブログアイコンを使用したいため、ブログアイコンの制作をお願いします。

【依頼背景】ブログ運営を行うにあたり、うさぎキャラクターのブログアイコンがほしいと思い、ご連絡しました。

【特徴】白うさぎ

【使用箇所・利用用途】ブログアイコン

【その他お伝えしたいこと】添付ファイルに現在使っているアイコンがあるので、似たような雰囲気で作っていただけるとうれしいです!


イラストのファイル形式は、【JPG】【PNG】のどちらかでOK!

予算と期限を決めて「確認画面に進む」をクリック
修正がなければ「送信する」をクリック
下記の画面になったら、相手にきちんとメッセージが送信できたのがわかります!
相手から返信があるとメールで通知が来ます!
ココナラのメッセージ詳細画面に移動→内容を確認→「提案を購入する」
こんな感じで決済をしていきます!
赤枠の部分をクリックする
気持ちよく取引できるようにメッセージを送る

【メッセージ内容】

提案ありがとうございました!
商品が届くのを楽しみに待っています!
よろしくお願いします!

イラストレーターさんから作品の確認の連絡が入るので、返信する
清書が完成したら、返信する
(もし修正点があるなら現段階でイラストレーターさんに伝える)
「承諾」をクリックする


「評価を入力する」をクリックする
「進む」をクリックする
イラストレーターさんの評価をして「送信する」


取引完了です!
完成したイラストをダウンロードする


ブログアイコンを作成するコツ

①シンプルで覚えやすい


アクティブなブログは6億以上もあるといわれていて、毎月約4億900万人のユーザーが最大200億ページを閲覧しています。

毎日200万以上のブログが投稿されている中で、覚えてもらうということはかなり激戦区ですよね!

引用:hubspotblog「アクティブなブログ」


あれこれ詰めすぎると、情報量過多でスルーするという選択をとるのが人間です。

  • 「お、かわいい!」
  • 「癒される~~~」
  • 「かっこいい、、、!」



訪れた人が上記のようなリアクションをとるアイコンにした方が得です!


そうすると、訪れた内のだれかに刺さります!


ファンができる感じです♪


そうすると、あなたのサイトをブックマーク登録して、いつも訪問してくれるようになります!


あなたのファンを作るというという気持ちで、覚えてもらいやすいシンプルなデザインにしましょう!


②オリジナル感溢れるデザインにする

  • 覚えてもらいやすくなる
  • 信頼してもらえる
  • ブログに統一感が出る
  • 検索エンジン結果ページでクリックされやすくなる


文字のみのアイコンよりも、オリジナルのイラストや写真の方がユーザーの興味を惹きます!


結果的に目に留まった人が、あなたの記事を読んでくれるようになるので有効的です◎

③サイトのテーマに合っているか


例えば、競馬のサイトなのにアイコンがうさぎだった場合、チグハグな感じがします。

扱うテーマとアイコンがマッチするように作成するのがベストです♪


読者さんが混乱しないように選んでいきます。

ブログアイコンは「ブログの顔」


なぜ、ブログアイコンを作るのかというと、あなたの「顔」だからです!

第一印象が決まる時間についての研究はさまざまですが、多くの研究によると、第一印象はほんの数秒で形成されることがわかっています。

  • 1秒未満: ある研究では、人々が他人の写真を見たときに、その人の信頼性や魅力をわずか100ミリ秒(0.1秒)で評価しています。
  • 3秒以内: 別の研究では、わずか3秒で初対面の印象が形成されることが分かっています。この短い時間で、外見、表情、姿勢などの視覚的な手がかりに基づいて印象が形成されます 。
  • 7秒以内: さらに広く引用される調査結果として、7秒以内に第一印象が形成されると言われています 。


これらの研究から、第一印象は非常に短時間で決まることが分かります。

【参考文献:

1. Willis, J., & Todorov, A. (2006). First Impressions: Making Up Your Mind After a 100-Ms Exposure to a Face. Psychological Science, 17(7), 592-598.

2. Bar, M., Neta, M., & Linz, H. (2006). Very First Impressions. Emotion, 6(2), 269-278.

3. Business Insider: How long does it take to form a first impression? 】

ブログアイコンを作成するメリット3点

①読者さんが安心できる


ブログアイコンがないサイトを見ると、どんなイメージを抱くでしょうか?

  • え、このサイト運営されてない?
  • あんまり記事書かない人なのかな?
  • この人の記事いいと思ったけど、アイコンがないなぁ、、、



ブログに限らず、エックスやInstagramなどのSNSでアイコンがない人を見るとスルーすると思います。


本腰入れているようには見えないからです。

ブログも同じで、アイコンがないだけで「活動しているのかな?」と読者さんが不安になります。


そうなるのを防ぐために、WordPressブログを立ち上げたら即アイコンを用意していきましょう!

②ブログに訪れてもらいやすくなる(認知◎)

  • 「あ、うさぎの人だ~」
  • 「そうそう、くまの人」


こんな感じで認知されて、再訪問してもらえる確率がグッと上がっていきます!


③記事が読みやすくなる

  • 文字・画像の記事
  • 文字・画像・吹き出し



読みやすいなぁと感じる記事は後者が圧倒的です!


吹き出しを使うことで会話形式にすることができ、内容がスルスルっと入ってきやすくなります!


アイコンは1つでいいですが、もし余裕があるなら会話相手用に別のアイコンを作成しておくと楽です♪


こんな感じになります!

吹き出しはあったらいいね!

あった方が読みやすくなるね!



適度に吹き出しを使うのおすすめです◎


ブログアイコンの設置場所2点

①ブログのプロフィール画像


ブログのサイドバーなどにブログアイコンを設置すると、認知してもらえます◎


②ブログ記事中の吹き出し


記事中に適度に入れることで、読者さんに存在を認知してもらいやすくなります◎


また、筆者が同じ人とわかれば安心して記事を読み進めてもらえます♪

ブログを作るならコノハ・ウィング◎


本格的にブログを始めるならワードプレスブログがおすすめです!


当ブログは高速レンタルサーバー「ConoHa WING(コノハウィング)」を使っています!


サイトの表示速度が爆速になります♪


「これからブログ作ろっかな〜」と思っているあなたに全力で推します!


下記の記事を見ながらすると楽ですよ◎


ブログのファビコンの作成方法


赤枠の部分がファビコンです。

ブラウザや、ブックマーク登録した時に表示されるアイコンのことを指します!


ファビコン作成方法は下記をぜひ参考にしてください!



最後まで読んでいただき、ありがとうございます!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA