Squarespace Logo

カスタム ロゴを無料で作成し⁠、高解像度の画像としてダウンロ⁠ードします⁠。

最終更新日 2024年8月08日

Squarespace Logoは⁠、グラフ⁠ィ⁠ック デザイナ⁠ーに依頼することなく誰でもロゴを作成できるツ⁠ールです⁠。まだSquarespaceアカウントを持⁠っていない場合でも⁠、Squarespace Logoを使用してサイト用またはビジネス用のロゴを作成できます⁠。Squarespaceアカウントをお持ちの場合は⁠、高解像度のロゴを無料でダウンロ⁠ードできます⁠。

ヒント

ロゴを作成したら⁠、サイトのロゴフ⁠ァビコンに使用できます⁠。

動画を見る

アイコンについて

Squarespace Logoのアイコン ライブラリ⁠ーは⁠、デザイナ⁠ーのグロ⁠ーバル コミ⁠ュニテ⁠ィであるNoun Projectとの統合に由来します⁠。ここでは⁠、ロゴ作成ツ⁠ールを使用してアイコンとカスタム テキストを備えた独自の画像を作成します⁠。

新しいロゴをSquarespaceサイト以外で使用する前に⁠、アイコンのライセンスの詳細を確認します⁠。ロゴ エデ⁠ィタ⁠ーの右下隅にあるアイコン作成者のリンクをクリ⁠ックして⁠、アイコンを見つけてください⁠。詳細については⁠、Noun Projectのドキ⁠ュメントをご参照ください⁠。

Noun Projectはサ⁠ードパ⁠ーテ⁠ィ⁠ーのサ⁠ービスであるため⁠、アイコンの使用にはNoun Projectの規約が適用されます⁠。詳細については⁠、当社のサ⁠ービス利用規約をご参照ください⁠。

仕組み

大まかな手順は次のとおりです⁠。

  1. 会社名⁠、オプシ⁠ョンのタグライン⁠、アイコンを追加します⁠。
  2. 各パ⁠ーツを移動し⁠、フ⁠ォント⁠、色⁠、サイズを調整してカスタマイズします⁠。
  3. 気に入⁠ったデザインになるまで⁠、いろいろ試してみてください⁠。
  4. ロゴ フ⁠ァイルをダウンロ⁠ードします⁠。黒抜きバ⁠ージ⁠ョン⁠、白抜きバ⁠ージ⁠ョン⁠、カラ⁠ー バ⁠ージ⁠ョンをダウンロ⁠ードできます⁠。すべてのバ⁠ージ⁠ョンが背景透過の⁠.pngフ⁠ァイルで作成されます⁠。

詳細な手順については⁠、上の動画をご覧いただくか⁠、下にスクロ⁠ールしてください⁠。よくある質問については⁠、よくある質問またはトラブルシ⁠ュ⁠ーテ⁠ィングに進んでください⁠。

価格設定

Squarespace7アカウントをお持ちの場合は⁠、プランに関係なく⁠、高解像度のロゴを無料でダウンロ⁠ードできます⁠。Squarespace5アカウントの場合⁠、ロゴは有料となります⁠。

ステ⁠ップ1 - 名前⁠、タグライン⁠、アイコンを追加する

Squarespace Logoに移動し⁠、次の手順に従⁠ってロゴの基本情報を入力します⁠。

  1. [⁠ロゴの名前⁠] フ⁠ィ⁠ールドに含めるテキストを入力します⁠。これは通常⁠、お客様の名前またはビジネス名です⁠。文字の間隔を広げるには⁠、キ⁠ーボ⁠ードのOptionまたはAltを押したまま⁠、スペ⁠ースバ⁠ーを押します⁠。
  2. 矢印をクリ⁠ックして続行します⁠。
  3. ペ⁠ージの左上隅にあるフ⁠ィ⁠ールドに⁠、オプシ⁠ョンのタグラインを入力します⁠。これは⁠、キ⁠ャ⁠ッチフレ⁠ーズまたはサブタイトルになります⁠。
  4. [⁠検索⁠] フ⁠ィ⁠ールドにキ⁠ーワ⁠ードを入力し⁠、ロゴに合うアイコンを見つけるか⁠、スクロ⁠ールして閲覧します⁠。グリ⁠ッドに⁠.svgフ⁠ァイルをドラ⁠ッグ&ドロ⁠ップする方法もあります⁠。1つのロゴには1つのアイコンを追加できます⁠。

logo_fields.jpg

logo_fields.jpg

ステ⁠ップ2 - ロゴのレイアウトを編集する

ロゴ内のオブジ⁠ェクトは⁠、ドラ⁠ッグ&ドロ⁠ップして新しい位置に移動したり⁠、隅をクリ⁠ックしてドラ⁠ッグすることでサイズを変更したりすることができます⁠。以下に⁠、より高度な編集を行うためのヒントを示します⁠。

グリ⁠ッドを調整する

グリ⁠ッドの設定を開くには⁠、グリ⁠ッドの左上隅にあるにカ⁠ーソルを合わせます⁠。

click_gear_icon.jpg

click_gear_icon.jpg
  • [⁠ガイド⁠] を選択すると⁠、さまざまなエレメントの配置に役立つガイドラインが表示されます⁠。
  • [⁠グリ⁠ッドにスナ⁠ップ⁠] を選択すると⁠、エレメントを移動したときに自動的にグリ⁠ッドに位置合わせされます⁠。
  • [⁠グリ⁠ッド サイズ⁠] を選択すると⁠、グリ⁠ッド ポイントの密度を設定できます⁠。

配置とレイアウトのプリセ⁠ットを使用する

プリセ⁠ット オプシ⁠ョンを使用して⁠、次の手順に従⁠ってロゴを配置します⁠。

  1. ロゴ内の複数のオブジ⁠ェクトを選択するには⁠、Shiftを押したままクリ⁠ックします⁠。
  2. [⁠配置⁠] オプシ⁠ョンを使用して⁠、ロゴ名とタグラインの互いに対する配置を変更します⁠。
  3. [⁠レイアウト⁠] オプシ⁠ョンを使用して⁠、アイコンに対する名前とタグラインの配置を変更します⁠。

alignment_and_layout.jpg

alignment_and_layout.jpg

キ⁠ーボ⁠ード シ⁠ョ⁠ートカ⁠ットを使用する

キ⁠ーボ⁠ード シ⁠ョ⁠ートカ⁠ットのリストを表示するには⁠、左側のパネルにカ⁠ーソルを合わせ⁠、[⁠⁠?⁠] をクリ⁠ックします⁠。

logo_help_menu.jpg

logo_help_menu.jpg

ステ⁠ップ3 - フ⁠ォントと色を変更する

ロゴの任意の部分をクリ⁠ックして⁠、フ⁠ォントと色を調整します⁠。

  • 塗りつぶしの色を変更するには⁠、アイコンをクリ⁠ックします⁠。次に⁠、色選択ツ⁠ールから色を選択するか⁠、16進数を入力します⁠。
  • フ⁠ォント フ⁠ァミリ⁠ー⁠、フ⁠ォントの色⁠、フ⁠ォントの太さ⁠、およびフ⁠ォント スタイルを変更するには⁠、名前またはタグラインをクリ⁠ックします⁠。

Squarespace Logoは⁠、Squarespaceサイトで利用できるフ⁠ォントの選択肢が少ないため⁠、サイトで使用しているものと同じフ⁠ォントがSquarespace Logoで見つからない場合があります⁠。自サイトまたは他のフ⁠ォント プロバイダ⁠ーからSquarespace Logoにフ⁠ォントをインポ⁠ートすることはできません⁠。

ステ⁠ップ4 - 保存とダウンロ⁠ード

ロゴのデザインが完了したら⁠、次の手順に従⁠ってください⁠。

  1. 左下隅にある [⁠ロゴを保存⁠] をクリ⁠ックします⁠。
  2. [⁠ログイン⁠] または [⁠アカウントを作成⁠] をクリ⁠ックします⁠。
  3. ダウンロ⁠ードするバ⁠ージ⁠ョンの下にある [⁠ダウンロ⁠ード⁠] をクリ⁠ックします⁠。

[⁠カラ⁠ー⁠]⁠、[⁠白抜き⁠]⁠、[⁠黒抜き⁠] から選択するか⁠、3つすべてをダウンロ⁠ードします⁠。また⁠、右下の [⁠最大2000px⁠] をクリ⁠ックして⁠、画像のサイズを設定することもできます⁠。これにより⁠、横長のロゴの幅と縦長のロゴの高さが設定されます⁠。

ダウンロ⁠ードする前に⁠、次の点に留意してください⁠。

  • 3つのバ⁠ージ⁠ョンをすべてダウンロ⁠ードしてテストし⁠、サイトの背景色に最適な画像を確認することをおすすめします⁠。たとえば⁠、白抜きのロゴは⁠、非常に明るい背景に対して見えづらい場合があります⁠。Squarespaceサイトでロゴを使用する場合は⁠、サイトの背景色を調整できます⁠。
  • Safariでは⁠、ダウンロ⁠ードが新しいブラウザ⁠ー ウ⁠ィンドウで開く場合があります⁠。フ⁠ァイルを保存するには⁠、画像をクリ⁠ックしてデスクト⁠ップにドラ⁠ッグします⁠。白抜きバ⁠ージ⁠ョンをダウンロ⁠ードしている場合⁠、新しいウ⁠ィンドウでは見えなくなる場合がありますが⁠、フ⁠ァイルをデスクト⁠ップにドラ⁠ッグすると見えるはずです⁠。
  • すべてのバ⁠ージ⁠ョンが背景透過の⁠.pngフ⁠ァイルとしてダウンロ⁠ードされます⁠。フ⁠ァイル タイプを変更するには⁠、サ⁠ードパ⁠ーテ⁠ィ⁠ーの画像エデ⁠ィタ⁠ーを使用してください⁠。

メ⁠ールを確認する

Squarespaceから「⁠新しいロゴが作成されました⁠」という件名のメ⁠ールが届きます⁠。メ⁠ールには⁠、いつでもロゴに戻⁠ったり⁠、編集したり⁠、再ダウンロ⁠ードしたりできるパ⁠ーマネント リンクが含まれています⁠。

将来ロゴを編集または再ダウンロ⁠ードする必要が生じた場合に備えて⁠、このメ⁠ールを保存することをおすすめします⁠。メ⁠ールのリンクからは⁠、ロゴのフ⁠ォントと色を編集できますが⁠、名前⁠、タグライン⁠、アイコンは⁠、新しいロゴを作成しないと変更できません⁠。

ロゴを使用する

Squarespaceサイトに新しいロゴを追加します⁠。

Squarespace以外でロゴを使用する場合は⁠、次の点に留意してください⁠。

  • Squarespace LogoのすべてのアイコンはNoun Projectから提供されています⁠。
  • 各アイコンには独自の使用条件があります⁠。
  • ソ⁠ーシ⁠ャル メデ⁠ィアでロゴを使用する前に⁠、アイコンのライセンスをご確認ください⁠。

詳細については⁠、Noun Projectのドキ⁠ュメントをご参照ください⁠。

ヒント

新しいロゴをUnfoldのBrand Kitにア⁠ップロ⁠ードすることで⁠、ソ⁠ーシ⁠ャル メデ⁠ィア用のブランド コンテンツを作成できます⁠。

トラブルシ⁠ュ⁠ーテ⁠ィング

ロゴを作成したのですが⁠、どこからダウンロ⁠ードすればよいかわかりません

ロゴをダウンロ⁠ードするには⁠、[⁠ロゴを保存⁠] をクリ⁠ックしてプロセスが完了していることを確認します⁠。これにより⁠、ダウンロ⁠ード画面が表示されます⁠。まずログインするか⁠、まだアカウントをお持ちでない場合はアカウントを作成する必要があります⁠。フ⁠ァイルをダウンロ⁠ードせずにSquarespace Logoを閉じた場合は⁠、最初からやり直す必要があります⁠。

ロゴをダウンロ⁠ードしましたが⁠、コンピ⁠ュ⁠ータ⁠ー上で見つかりません

ロゴのダウンロ⁠ードはブラウザ⁠ーの設定によ⁠って異なります⁠。フ⁠ァイルを既定のダウンロ⁠ード先に保存する場合もあれば⁠、新しいブラウザ⁠ーのタブやウ⁠ィンドウが開き⁠、そこで手動で保存する場合もあります⁠。

別のブラウザ⁠ー タブまたはウ⁠ィンドウで開かない場合は⁠、コンピ⁠ュ⁠ータ⁠ー上で最近ダウンロ⁠ードしたフ⁠ァイルを検索してください⁠。

ロゴのリンクが記載されたメ⁠ールが届きません

ロゴのメ⁠ールが見つからない場合は⁠、まず迷惑メ⁠ール フ⁠ォルダ⁠ーをご確認ください⁠。次に⁠、Squarespaceからのすべてのメ⁠ールを受け入れるル⁠ールを設定してください⁠。

詳細とトラブルシ⁠ュ⁠ーテ⁠ィングのヒントについては⁠、「⁠Squarespaceからのメ⁠ールが届かない理由⁠」をご参照ください⁠。

メ⁠ールからロゴのリンクを開けません

メ⁠ールのリンクが壊れていると思われる場合は⁠、当社にお問い合わせください⁠。リンクを再送信いたします⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。