この記事では、だれでも簡単にブログアイコンを作るための方法・テクニックを紹介していきます。
もちろんデザイン経験がない人でも大丈夫！
今の時代はツールさえつかえれば、数分でプロ並みのデザインを実現できます。
完成度の高いアイコンを取り入れて、ブログから素人っぽさをなくしていきましょう。
目次
アイコンとは
アイコンとは「ブログ」や「SNS」の運営者を象徴する画像のことを指します。
ちなみに、当サイトでは 上記の画像をアイコンとして使用しています。
アイコンに使用する画像には、イラスト・似顔絵・写真・ロゴなど、さまざまな種類があり、自身のブログのブランドイメージに合ったアイコンを選ぶことが大切。
読者に親しみを持ってもらえるような、自分らしいアイコンを用意しておきましょう。
WordPressブログにアイコンを設定するメリット
アイコンは「ブログ運営」においても非常に効果的です。
主なメリットは次の４つ。
- 文章のなかに感情を表現できる
- 親しみやすいサイトになる
- 文字ブロックを分けたいときに便利
- いろんな用途で使える
アイコンがもたらす効果について、具体的にお伝えしていきます。
いろんな用途で使える
一度アイコンを作成しておくと、ブログ内のさまざまな場面で活用できます。
たとえば、以下のような用途があります。
- プロフィール画像
- 記事のなかの吹き出し
- ファビコン（ブラウザのタブに表示される小さなアイコン）
これらのほかにも、X（Twitter）や Instagram などの SNSで同じアイコンを使いまわして、ブランドイメージの統一を図りましょう。
複数のプラットフォームで同じアイコンを使うことで、あなたの存在を覚えてもらいやすくなり、認知度アップにもつながりますよ。
文章のなかに感情を表現できる
ブログ記事に「吹き出し」を取り入れることで、文章のなかに感情を表現できます。
話し手の温度感や雰囲気がより伝わりやすくなり、読み手との距離もグッと縮まりますよ。
人気のカフェで食べたパンケーキが、ふわふわで甘さもちょうどよくて、とても美味しかったです。
どうでしょうか。
表情やトーン、ちょっとしたリアクションが加わることで、文章の雰囲気がグッと伝わりやすくなりますよね。
テキストに感情をのせたいときは、ぜひアイコンを活用してみてください。
親しみやすいサイトになる
文章だけがズラリと並んでいる記事よりも、途中に「キャラクターの解説」などが入っている記事の方が、読者にとって親しみやすく感じられます。
.
記事のなかにキャラクターの会話などを取り入れることで、文章にリズムが生まれて、自然と読み進められるようになります。
「この人の記事、なんだか好きだな」
そんなふうに感じてもらえるブログにするためにも、あなたらしさを活かした個性的な記事づくりを意識してみてください！
文章を分けて読み疲れを防げる
ブログ記事はどうしても文章が中心になりがちですよね。
でも、長文がずら〜っと続いていると、読者にとってはかなりの負担になります。
「読むのが大変そう…」と感じて、途中でページを閉じてしまうことも少なくありません。
この問題の対策として 、アイコンの吹き出しを使って、文章を分けてあげるのがおすすめです。
ブログ初心者の方にとって、「記事が読みづらい」と感じさせてしまう最大の原因のひとつが「長文」です。文章がずら〜っと続いていると、どんなに内容が良くても、読むのがしんどくなってしまうんですよね。なんだか読むのが疲れてきたな…って、途中でページを閉じちゃうこともあります。そんな読者の離脱を防ぐためにも、文章は適度に区切って、視覚的に読みやすいレイアウトを意識しましょう。
ブログ初心者の方にとって、「記事が読みづらい」と感じさせてしまう最大の原因のひとつが「長文」です。
文章がずら〜っと続いていると、どんなに内容が良くても、読むのがしんどくなってしまうんですよね。
.
そんな読者の離脱を防ぐためにも、文章は適度に区切って、視覚的に読みやすいレイアウトを意識しましょう。
上の例をみても、吹き出しを入れた方が文章全体がスッキリして見えませんか？
このように、テキストのかたまりをブロックごとに分けるだけでも、読者の視覚的ストレスを減らして、滞在時間を高める効果があるんです！
アイコンを作る７つの手段
ここからはアイコンの作り方について、代表的な7つの手段を詳しく解説します。
- 自分で撮影した写真を使う
- 実際にイラストを描いてみる
- フリー素材を利用する
- デザインツール「Canva」を利用する
- アイコンメーカーを利用する
- AIを使って自動生成する
- お金を払って外注する
それぞれ詳しく見ていきましょう。
自分で撮影した写真を使う
顔出しに抵抗がないのであれば、『自分の写真をアイコンとして使用する』のが最もシンプルでかんたんな方法です。
最近では、スマートフォンのカメラでも十分きれいな写真が撮れるので、特別な機材や費用も必要ありません。
また、写真はイラストと違って「絵の上手・下手」に左右されないため、一定の品質を保ちやすいというメリットもあります。
お金をかけずに、誰でもそれなりに良い仕上がりになる効率的な手段だといえるでしょう。
実際にイラストを描いてみる
絵を描くのが得意であれば、手描きのイラストもひとつの手。
完全オリジナルのキャラクターを作ることで、他のサイトと差別化が図れ、強いブランドイメージを構築できます。
とはいえ、スキルや時間もそれなりに必要になるため、デザイン初心者にはおすすめできません。
フリー素材を利用する
次に紹介するのは、無料で利用できるフリー素材サイトから、アイコンに適した画像をダウンロードする方法です。
コストをかけずに高品質な画像を利用できるのが良い点ですが、他のサイトでも同一の素材が使われる可能性があります。
また素材の利用にあたって、商用利用の可否や、クレジット表記の必要性など、利用規約の確認が不可欠となっています。
デザインツール「Canva」を利用する
Canva は無料で利用できるデザインツールで、デザイン経験がない人でも直感的に操作できます。
Canva には豊富なテンプレート・素材が用意されていて、それらをベースに少しアレンジを加えるだけでプロ並みの仕上がりを実現可能！
特に写真をベースにしたアイコン作成に適しており、背景の削除や色調補正なども簡単に行えます。
写真をモチーフにアイコンを作成する場合は Canva がおすすめ。
Canvaを使えば以下のようなコンテンツが簡単に作れます。
個人的な意見ですが、Canva はイラストベースでのアイコン作成には向いてません。
イラストが作れないわけではないですが、無料のアイコンメーカーを使った方が簡単かつ見栄えが良くなりやすいんですよね～。
Canvaはあくまでも「写真をモチーフにした」アイコンにおすすめのツール...かな
っと思っています。
なお、Canvaは基本無料で使えますが、背景削除などの一部機能は有料プランのみ利用可能となっています。
作成手順と(できれば)サンプルのイラストもいくつか載せる
アイコンメーカーを利用する
デザインの経験がない人でも、デザイン制作ソフトを利用するば、高クウォリティーのイラストを簡単に作れます。
上記のツールは、豊富なテンプレートと直感的な操作で、たかい人気を得ています。
デザイン制作ツールを利用すると効率的に高品質なアイコンを作成できるので、ぜひ利用してみください。
CHARATは いろんなアバター作成アプリを統括した似顔絵メーカーのまとめサイトです。
ちなにみ、先述した「かんたん似顔絵くん」もCHARATのアプリのひとつ。
アプリが豊富にあるので、好みの画風・デザインを実現できるものを使いましょう。
１位：かんたん似顔絵くん
２位：CHARAT Rouge
３位：デコ女子メーカー
基本的には、どのアプリも無料かつ商用フリーで利用できますが、各アプリごとに禁止事項などが異なるので、利用するアプリの利用規約は必ず確認しましょう。
作成手順と(できれば)サンプルのイラストもいくつか載せる
AIを使って自動生成する
AIで話題のChatGPTでも、DALL-E 3という機能を用いて画像が作れるようになりました。
使い方はとても簡単。AIにテキストベースで指示をだすだけで、オリジナルイラストを全自動で作成できます。
こんな感じで、指示の内容が細かいほどあなたのイメージを忠実に再現してくれますよ、
これの機能はめちゃ便利です。
なお、DALL-E 3 を利用するためには、ChatGPTの有料プランを利用する必要があります。
作成手順と(できれば)サンプルのイラストもいくつか載せる
お金を払って外注する
お金をだして外注するのもひとつの手。
ただし、クウォリティーは外注先によってさまざま。
あらかじめポートフォリオなどを見て、その人がどんなテイストのイラストを作れるのか調べておと良いかと思います。
アイコン作成の外注は ココナラ がおすすめ。
ココナラには多様なデザイナーが在籍しているので、好みのテイストのイラストデザイナーを簡単に見つけられます。
さらに、ほとんどのデザイナーがポートフォリオを掲載しているので、完成品のニュアンスをイメージしやすいです。
- ココナラに登録
- デザイナーを探す
- サービスを購入して依頼する
- トークルームで詳細をやり取り
- 納品
発注～納品までとても簡単に取引できるので、アイコン制作を外注したい人はぜひ利用してみてはいかがでしょうか。
無料アイコンメーカーを使ったアイコンの作り方
「無料でアイコンを作りたい」「お金はかけたくない」という人にはアイコン作成サイトがおすすめ。
おすすめはこの２サイト！
かんたん似顔絵くんは、簡単に似顔絵アイコンが作れるデザイン作成サービスです。
だれでも無料で使えて、ブログやSNSへの掲載もOK！
自由度が高いうえ、直感的にアイコンが作れるので、ユーザーからの人気はとても高いです。
最初に好みの絵柄を選択できるので、あなたのイメージに沿ったアイコンをつくりやすい！
キャラクターデザインからリアクションまで、カスタマイズの自由度がとにかく高い！
作成手順と(できれば)サンプルのイラストもいくつか載せる
アイコンキャラクター作成時の3つのコツ
アイコンを作る際はつぎの3つのポイントを意識しましょう。
- 表情パターンは複数用意しよう
- 画像サイズ 500px×500px の正方形でつくろう
- 印象に残りやすいデザインにしよう
では、ひとつずつ詳しく見ていきましょう。
表情パターンは複数用意しよう
アイコンキャラクターには、複数の表情パターンを用意しておくと便利です。
通常の表情(真顔)、笑顔、困り顔、泣き顔
複数の表情パターンを取り入れることで、文章だけでは伝えられない気持ちを表現できます。
また、登場人物も２～３人くらい作っておくと、会話形式で記事を書き進められますよ。
アハハハ～(笑)(笑)(笑)
画像サイズ 500px×500px の正方形でつくろう
アイコン画像のサイズは
500px×500px
『正方形』で作成しましょう。
ブログやソーシャルメディア上でアイコンを表示する際、画像が正方形でないと勝手に伸縮されてしまう可能性があります。
また、500px×500px の画像サイズは、下記２点のバランスを保つために効果的です。
- 画像の読み込み・表示速度
- 画像の品質
ブログサイト全体の完成度を高めるためにも、画像サイズは最適化しておきましょう。
印象に残りやすいデザインにしよう
キャラクターデザインは印象に残りやすいものが好ましいです。
ありきたりなデザインだと、ほかのサイトと差別化ができずに印象に残りにくい。
「このキャラクターよく見るやつだな」といった感じで覚えてもらうことが重要なんです。
上記のように、有名で実績のあるサイトは、個性の強いアイコンを採用していることが多いです。
知っておきたい注意点
アイコンを作成する際に注意するべき点は下記３つです。
- 著作権を侵害しないこと
- 商用利用できるかを確認すること
- 肖像権に注意すること
では、それぞれもう少し詳しく説明していきます。
著作権を侵害しないこと
もっとも注意すべきなのは著作権です。
他人の作品や有名なキャラクターを無断で使用するのはNG。
著作権侵害で訴えられる可能性があります。
商用利用できるかを確認すること
アイコンを商用目的で使用する場合、利用する「デザイン生成ソフト/アプリ」が商用利用が可能かどうかを事前に確認しておきましょう。
制作ソフトを使ってオリジナルのアイコンを作成しても、その制作ソフトが商用利用を許可していないと掲載できません。
また、以下のように一部の用途で利用を禁止している場合も多いです。
- ブログへの掲載はOK
- 商品として販売するのはNG
- アダルトサイトへの掲載はNG
商用目的でアイコンを使用する際は、その素材の規約やライセンスをしっかり確認しておきましょう。
肖像権に注意すること
アイコンに人物の写真を使用する際は、肖像権を侵害しないよう注意しましょう。
肖像権は個人のプライバシーを守るためのもの.
許可なく他人の写真を（アイコンに）使用すると 法的リスクが生じます。
ほかの人があなたのアイコンに映りこんでいないかは、必ず確認しておきましょう。
まとめ
ここまで、ブログのアイコンについて説明してきました。
最後に、大切なポイントを振り返っていきましょいう。
- アイコンを使うと、記事の中で感情を表現できる
- 自作、デザインツール、外注など、多様なアイコン作成方法がある
- アイコンの表情パターンは複数用意しよう
- アイコンサイズは正方形でつくろう
アイコン作成は簡単にできるので、アイコンを作ろうか迷っていた方でもぜひチャレンジしてみると良いかと思います。
以上、最後まで読んでいただきありがとうございました！(≧▽≦)
ブログアイコンのサンプル集
まずはいくつかサンプルを紹介！
ブログアイコンとして使える画像を作ってみました。
ぜひ参考にしてください。
所要時間は全部で20分ほど。
デザイン経験がない僕でも、慣れればパパっと作成できちゃいました。
なお、アイコンの作り方は「4章 ブログアイコン作り方」で解説しています。
ブログアイコンの４つの用途
基本的にブログアイコンはつぎの４つの用途で利用されます。
- プロフィール画像
- WordPressの会話吹き出し
- ファビコン
- アイキャッチ画像
アイコンはさまざまなケースで利用できるので、作成しておいて損はないです。
プロフィール画像
アイコンの役割として一般的なのが「プロフィール画像」です。
ほとんどのブログには、プロフィールが設置されていますよね。
じつのところプロフィールは運営者の身分を証明できる『Googleへのアピールポイント』にもなるので、SEO的にも設置しておいた方がプラスになるんです。
また、ブログで使っているアイコンをTwitterなどのSNSにも併用することで、あなたのブランドイメージをぐっと高めらます。
WordPressの会話吹き出し
アイコンは「会話吹き出し」に使用されることも多いです。
基本的に「会話吹き出し」は次の用途で利用されます。
- 文章を分割する
- 文章を強調する
- 記事の見た目を華やかにする
文字だけがだらだらと書かれた記事より、キャラクターの対話シーンなどがあった方が読みやすいですよね。
吹き出しを使用することで、記事の視覚的な魅力をぐっと高められるので、ぜひ利用してみてください。
ファビコン
ファビコンとは、ブラウザのタブや検索一覧に表示される「サイトを識別するためマーク」のこと。
このファビコンにも、アイコンを設定できます。
独自のロゴ/キャラクターをファビコンに設定すると、検索結果でサイトが目立つちやすくなるので、読者の目に留まりやすくなりますよ。
アイキャッチ画像
アイキャッチ画像に自作のキャラクターを組み込むと、サイトのオリジナリティがぐっと上昇します。
こんな感じで、アイキャッチ画像においても、登場するキャラクターを統一してブランドイメージを高めていきましょう。