Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

サイトのロゴの作り方(初心者向け簡単ガイド)

ロゴはブランド・アイデンティティの重要な一部であり、プロフェッショナルに見え、ブランドの特徴を反映していることが重要です。

しかし、デザイナーを雇うにはお金がかかるし、誰もがグラフィックデザインのスキルを持っているわけではない。

良いニュースは、優れたロゴを作るのにプロである必要はないということです。シンプルなツールやソリューションを使えば、クオリティの高いロゴを作ることができます。あなたのスキルレベルや予算に合ったオプションを見つけることができます。

このガイドでは、サイトのロゴを作成する手順を説明します。様々なオプションをご紹介しますので、あなたに最適なものをお選びください。

How to make a logo for your website

投稿を簡単にナビゲートできるよう、以下のリンクをクリックすると読みたいセクションにジャンプできる:

ウェブサイトにロゴが必要な理由

世界中の多くの人々は、有名ブランドのロゴを見れば、そのブランドを認識することができる。マクドナルドの象徴であるゴールデン・アーチを世界中のどこかで目にすれば、そのブランドを瞬時に認識し、そこのメニューが何であるかを知ることができる。

それがブランディングの力であり、ロゴはその評判を築く上で最も重要な権限グループなのだ。

ブログを作るにしても、サイトを作るにしても、オンラインショップを始めるにしても、ユニークなロゴを持つことでブランドが正当なものに見えます。信頼と認知を築き、ビジネスのマーケティング活動を最適化するのに役立ちます。

多くの場合、ユーザーがオンライン・ビジネスのアイデアに取りかかろうとするとき、まずビジネス名を考え、次にロゴをデザインする。

しかし、その前に、あなたのブランド名のアイデアがすでに誰かに登録されていないかどうかを確認したいでしょう。ドメイン名の有効性を確認する方法については、こちらのガイドをご覧ください。

あなたのビジネスネームのアイデアが利用可能であることを確認したら、誰にも取られないようにドメインを登録しましょう(私たちを信じてください、これはあなたが思っているよりも頻繁に起こります)。

ドメイン名を登録したら、ロゴのデザインを始めましょう。初心者のために、無料で使える優れたロゴ作成ツールをご紹介します。

サイト用カスタムロゴ作成のヒント

サイト用にカスタマイザーのロゴを作成するには、デザインについてある程度の理解が必須です。しかし、初心者の方でも、以下のベストプラクティスに従うことで、洗練されたプロフェッショナルなロゴに仕上げることができます:

  • ロゴのデザインはシンプルでクリーンなものにしましょう。そうすることで、小さなサイズでもロゴがきれいに見えるようになります。例えば、FacebookやTwitterのフィードのプロフィール画像がいかに小さいかを参考にするとよいでしょう。
  • ロゴの背景は透明にしてください。そうすれば、サイトの白いエリアだけでなく、どこにでもロゴを置くことができます。
  • ロゴはできるだけ高品質のファイルを用意しましょう。大きなサイズや印刷物でも美しく見えるようにしましょう。ソーシャルメディア、ブログ投稿、サイトページ用に、コピーして小さいバージョンを作ることもできます。
  • ロゴにはブランドカラーとサイトカラーを使いましょう。これは、サイトの他の部分と調和させるためです。

企業でよく使われるロゴデザインには、さまざまな種類があります。あなた自身のロゴを作るとき、これらのいくつかを試してみるのもいいかもしれません。

ワードマークロゴ

Coca-Cola logo

ワードマークロゴは、テキストのみの特徴的なロゴです。あなたのユニークなブランド名と特定のフォントや色を組み合わせると、優れたロゴタイプになります。

WordPressサイトのカスタムロゴを自分で作成する場合、シンプルでわかりやすいので、この設定がおすすめです。

ピクトリアル・マーク・ロゴ

Apple logo

ピクトリアル・マークは通常、イラストやアイコンを使って組織を表現したブランド・イメージである。

この種のロゴの有名な例としては、アップル、ナイキ、アウディなどがある。

両方の組み合わせ

Dell logo

これらのタイプのロゴは、最も一般的なものである。単語や文字を組み合わせ、象徴的なレイアウトで表現している。

このようなロゴの有名な例としては、デル、ピザハット、ドリトスなどがある。

ロゴの正しいスタイルの選択

自分のロゴを作るのであれば、まず自分のデザインスキルについて現実的に考える必要があります。ワードマークを使うのはとてもシンプルに思えるかもしれませんが、必要であればロゴを商標登録しやすいように、ユニークである必要があります。

ロゴとして使用するアイコンを描くこともできます。ただし、あなたのブランドイメージのためにユニークなアイデアを出すには、強力なデザインスキルが必要です。

自社ブランドでは、ワードマークとアイコンの両方を組み合わせて使用しています。例えば、私たちの姉妹会社であるOptinMonsterのロゴは、ワードマークの上にマスコットが配置されています。

OptinMonster email newsletter growth plugin

デザイナーを雇うことなく、サイトのためにプロフェッショナルなロゴを作成する方法をいくつか見てみましょう。

1.カスタマイザーでロゴを作る(カスタマイズに最適)

Tailor BrandsのLogo Makerは簡単で使いやすい。また、サイト用のカスタムロゴを作成する際に、多くのカスタマイズオプションを利用できます。

最高のロゴメーカーのひとつで、無料で使えます。ただし、完成したロゴをダウンロードするには料金が必要です。最低支払額は1ヶ月9.99ドルです。

まずはTailor Brands Logo Makerにアクセスし、会社名を入力してください。その後、「Get Started」ボタンをクリックしてください。

Tailor brands

次にTailor Brandsは、一連の質問をするロゴ・ビルダーを立ち上げる。

まず、あなたのブランドが提供するものを選択する必要があります。例えば、あなたのブランドは物理的な商品を販売しているのか、サービスなのか、テクノロジーやソフトウェアなのか、オリジナルのコンテンツなのか、それともその他の商品なのか。

Select what your brand offers

オプションを設定して次のステップに進むだけです。

その後、業種についての詳細を入力する必要があります。ドロップダウンメニューから業種を選択し、あなたのビジネスを簡単に説明することから始めることができます。

Enter your industry

次にTailor Brandsは、あなたがビジネスを始める最大の動機は何かと尋ねます。

オプションを設定し、詳細を追加することができます。

Select your motivation for starting a business

その後、あなたのサイトやブランドが今どの段階にあるかを選択する必要がある。

例えば、それは単なるアイデアなのか、立ち上げの準備をしているのか、それともすでにビジネスとして展開しているのか。

Select which stage your site is at

次のステップでは、どのサービスに重点を置くかを選択できます。

ロゴ&ブランディング」オプションを選択してください。

Select your brand focus

その後、あなたのブランドに必要なものを選ぶ必要がある。

ロゴ」オプションを選択するだけです。

Choose logo as an option

次に、Tailor Brandsをどのように知ったかを選択する必要がある。

どのオプションを設定してもいいし、一番下の「スキップ」ボタンをクリックするだけでもいい。

How you discovered tailor brands

Tailor Brandsは情報を処理し、カスタムロゴを作成するオプションを表示します。

作成」ボタンをクリックします。

Click create logo button

次に、無料アカウントにサインアップする必要があります。

FacebookやGoogleのアカウントを使用するか、メールアドレスとパスワードを入力するだけで始められます。

Sign up for tailor brands

アカウントを作成した後、新しいロゴを作成することができます。

まず、作成するロゴのタイプを選択する必要があります。Tailor Brandsでは、アイコンベース、名前ベース、イニシャルベースのロゴを選択できます。

Choose logo type

設定できるオプションは1つだけですが、他の可能性を試したい場合は、いつでもロゴメーカーを再起動することができます。

ここで’Icon Based’を選択すると、次の画面でアイコンの種類を選択するよう促されます。幾何学的な形を選ぶか、アイコンを検索することができます。

Choose an icon for logo

このチュートリアルでは、「アイコンの検索」オプションを選択してみましょう。

次に、ロゴのアイコンを5つまで選ぶことができます。上部には、さまざまなアイコンを検索するオプションもあります。

Find your icons

完了したら、一番下にある「次へ」ボタンをクリックするだけです。

その後、ロゴの3つのスタイルを選択する必要があります。

Choose styles for logo

気に入ったスタイルを選んだら「次へ」ボタンをクリックする。

このプロセスが完了すると、ロゴの作成中に短いアニメーションが表示されます。

Designing your logo

次に、ロゴが表示されます。

Love it “をクリックすると料金プランが表示され、”Customize “をクリックすると編集が開始されます。また、左側のメニューをスクロールしてロゴのオプションを追加することもできます。

Love it or customize your logo

ロゴをカスタマイズする場合は、さまざまなスタイル、フォント、レイアウトなどから選ぶことができます。

さまざまなオプションを選択すると、ロゴが右側に更新されます。

Customize logo in tailor brands

また、カラーパレットを変更したり、ロゴの形を編集するオプションもあります。

ロゴに満足したら、「Finish」ボタンをクリックします。

Change color of logo

ロゴのデザインを確認できる小さなウィンドウが開きます。

終了しました』ボタンをクリックしてください。

Review your design

ロゴの準備ができたら、次の画面にダウンロードオプションが表示されます。

ダウンロード」ボタンをクリックしてください。

Download your tailor brands logo

次に、ロゴをダウンロードするためにプレミアムプランへのアップグレードを求めるポップアップが表示されます。

アップグレード」ボタンをクリックすると、料金ページに移動し、さまざまな料金プランが表示されます。

Upgrade to a premium account

これらのプランでは、ロゴ、グラフィックデザイン、サイト作成ツールを利用できる。ストックフォトを使用したい場合には、良い設定かもしれない。

ロゴだけ欲しい場合は、「1ヶ月」タブをクリックし、「ベーシック」プランをお選びください。1回お支払いいただくだけで、ロゴがあなたのものになります。その後、すぐにプランをキャンセルすることができます。

Select a pricing plan

2.Lookaを使ってサイトのカスタマイザーを作ろう(早くて簡単)

Lookaは、デザインのスキルがなくてもロゴを作ることができる、素早く簡単なオンライン・グラフィックデザイン・ツールです。以前はLogojoyとして知られていました。

Tailor Brandsと同様、Lookaのツールは無料で使用できるが、ロゴのダウンロードには料金がかかる。価格は20ドルから。Tailor Brandsのようなカスタマイズはできませんが、カスタムロゴを作成するには最適なツールです。

まずはLookaのサイトにアクセスし、検索ボックスに会社名を入力するだけ。

Looka

それが完了したら、「開始」ボタンをクリックします。

次に、ドロップダウンメニューから業種を選択する必要があります。

Pick an industry for your logo

次のステップに進むには「Continue」ボタンをクリックするのをお忘れなく。

すると、自動生成された数多くのロゴが表示されます。

Pick logos you like

インスピレーションとして、気に入ったロゴをいくつか選んでみよう。

次に、好きな色を選びます。最大3色まで選ぶことができ、「Continue」ボタンをクリックします。

Pick colors you like

その後、Lookaは会社とスローガン(オプション設定)の入力を求める。

これらの情報を入力したら、「続行」ボタンをクリックしてください。

Enter a company name and slogan

次のステップでは、ロゴのシンボルタイプをいくつか選択する必要があります。

例えば、私たちは食べ物のブログのロゴに、食べ物に関連したさまざまなシンボルを選びました。

Pick some symbol types

Lookaはあなたのためにロゴを生成し始めます。

すると、サイトに使えるバリエーションがたくさん表示されます。ロゴを選択するだけで、さらにカスタマイズできます。

Pick a logo to customize

その後、Lookaが提供するロゴビルダーが表示されます。

ドラッグ&ドロップのロゴエディターを使って、フォントサイズの調整、透明な背景の選択、フォントファミリーの変更、アイコンの追加や変更などができます。

Customize your logo

デザインはご自由に編集していただけます。ロゴが完成したら、右上の「ダウンロード」ボタンをクリックし、ロゴをダウンロードしてください。

ただし、ロゴの透明バージョンをご希望の場合は、プレミアムプランに65ドルお支払いいただく必要があります。

3.Hatchful by Shopifyを使ってカスタムロゴを作成する(無料)

人気のeコマースプラットフォームであるShopifyは、Hatchfulと呼ばれる無料のロゴ作成ツールを提供しています。このツールを使えば、デザインのスキルがなくても簡単にサイト用の美しいロゴを作成することができます。

Tailor BrandsやLookaとは異なり、ロゴは無料でダウンロードできます。さらに、様々なカスタマイザーオプションを提供しており、ロゴ作成までステップバイステップでガイドしてくれます。

まず、Shopify Hatchfulのページにアクセスし、「Get Started」ボタンをクリックします。

Hatchful

次に、ビジネスタイプを選択する必要がある。

完全に一致するものが見つからない場合は、可能な限り近いものを使用する。

Choose your business space

その後、Hatchfulはロゴのビジュアルスタイルを選択するように指示します。

あなたのビジネスサイトのスタイル、外観、業種に一致するスタイルを選択する必要があります。

Choose your visual style

次に、ビジネス名と、必要であればスローガンを入力する。

このステップを飛ばして先に進んでも構わない。

Add your business name

その後、ロゴを使用する場所を選択します。

オンラインストアまたはサイト」オプションを選択して続行できます。

Where the logo will be used

最後に、ウィザードがあなたの答えを分析し、いくつかのロゴサンプルを表示します。

これらのロゴを選択して、さらに編集することができます。

Choose a logo to edit

シンプルなロゴエディターが起動し、ロゴのライブプレビューと編集ツールが左カラムに表示されます。

テキストの編集、アイコンの追加、シンボルの追加、背景の変更が可能です。

Further edit your logo

デザインにご満足いただけましたら、「次へ」ボタンをクリックしてロゴファイルをダウンロードしてください。

無料アカウントの作成が求められ、ロゴファイルがあなたのメール・アドレスに送信されます。zipファイルにはロゴだけでなく、ファビコンやサイトアイコン、ソーシャルメディアプロフィールのカバー画像も含まれています。

Download your free logo

このチュートリアルで取り上げたオンラインロゴ作成ツールは、特に初心者向けに作られています。これらのツールを使えば、シンプルでエレガントなサイトのロゴを作成することができますが、デザインの選択肢は限られています。

もし余裕があれば、サイトのロゴを作るために専門のグラフィックデザイナーを雇うのが最良の設定です。フリーランスのデザイナーを見つけることができる場所がいくつかあります。

例えば、ロゴデザイナーを雇うために、人気のあるオンライン求人マーケットプレイスを利用することができます。

これらのサイトでは、グラフィック・デザイン・サービスを提供する人が何千人もいます。あなたはどのように仕事に適した人を選ぶのですか?

これらのベストプラクティスを先頭に固定表示することで、あなたのビジネスのためのロゴを作る完璧な候補者を見つけることができます。

  • デザイナーのプロフィールで、評価、レビュー、完了した仕事の数を探します。これらは、以前のカスタマイザーに提供されたサービスの質を示す良い指標となります。
  • 具体的なデザイン必須事項をデザイナーに詳しく説明する。
  • ロゴの価格は自由に設定できますが、ユニークでクリエイティブなデザインは、一般的なロゴよりも高くつくことを覚えておいてください。
  • オリジナルのソースファイルをベクターファイル形式で入手することを本当に〜してもよいですか?そうすることで、後でロゴのサイズを変更したり、名刺、ポスター、Tシャツなど他の場所でロゴを再利用することができます。

最高のプロフェッショナルロゴとウェブデザインをお探しですか? それなら、私たちのサイトデザインサービスをチェックすることをお勧めします!100,000人以上のお客様にご満足いただき、本物のWordPress専門家にロゴだけでなく、魅力的なカスタマイザーサイトの制作をご依頼ください。今すぐWordPressウェブサイトデザインチームにご相談ください

この記事で、ウェブサイトのロゴの作り方を学んでいただけたら幸いです。また、WordPressのデザイン要素に関する究極のガイドや、Webサイトのデザインを向上させるWordPressタイポグラフィープラグインのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

11件のコメント返信を残す

  1. Jiří Vaněk

    I tried the tailorbrands.com website you recommended for creating a logo and it’s good that everything is automated here and the designs are created by themselves. However, unfortunately it didn’t live up to my expectations and I ended up sticking with my original logo that I created using Canva. However, for someone who wants to create a logo really automatically without having to think hard about the design, this is definitely a great tool.

  2. Moinuddin Waheed

    hatcha of Shopify and looka are great options for making a logo. Logo is the central part of website and it catches the user attention at once. so having a good logo which reflects the brand value is very important.
    earlier I used canva to design my logo for my websites and client websites as well.
    it is good to see there are so many free and paid option for creating logo of choice.

    • WPBeginner Support

      Glad you liked our recommendations :)

      管理者

  3. Ralph

    I bought a logo from similar website years ago, was ok for 2 years, then I decided it isn’t really that good looking and quite generic. Went with just a name of my blog with letters – no logo, just name set in wordpress but options you provided here guys look really nice. I think i may get a new logo soon.

    • WPBeginner Support

      Glad we could share this :)

      管理者

  4. Poorna

    Nice article.

    I clicked on Constant Connect Free Logo Maker link given in the article but it does not take me to the screen you are showing in the article. It is asking me to sign up for their plans.

    How to move forward?

    • WPBeginner Support

      You would need to create a free account to use the logo builder at the moment, we’ll look into updating our article for their updated method :)

      管理者

  5. Adam Rees

    Quite an interesting article you have shred here, thanks.

    • WPBeginner Support

      You’re welcome :)

      管理者

  6. Asifur Rahaman

    That’s a very helpful post, thanks the author

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。