Wix ロゴ:ロゴデザインのガイドライン
読了時間:3分
デザインはあなたの創造性にお任せします。ここでは、プロフェッショナルでより洗練されたロゴにするいくつかのガイドラインをご紹介します。
![さまざまな商品でロゴを使用する方法の例](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/149e0d5e-6f90-423d-9f3c-7342557186d1/2018/07/18/6df036bd-26f6-46eb-9aa9-f241eec1de05.png)
詳しくは下記をご覧ください:
ロゴレイアウト
ロゴの幅が短い方が、余白内または SNS プロフィールやウェブサイトロゴなどの小さいサイズでも大きく見せることができます。
短い行にするには、名前を別の行に分割するか、もしくはタグラインを利用して名前を分割することができます。
![異なる Wix ロゴレイアウトの例](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/09/21/880eb554-0a7c-4583-8d11-6f57d0cea3ac/12a6bd48-6881-4bf2-9ea7-3ba083b1a98a.png)
タグラインを利用する場合は、短くキャッチーにしておきましょう。長いタグラインは、小さいバージョンのロゴでは読めない場合があります。
![Wix ロゴに適したタグラインを選択する方法の例](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/09/21/88cb9ec4-c56b-4646-824c-914504d52749/06d76e0e-cc08-4946-a4cf-8a6428b712b0.png)
ロゴの色
パーツの色が背景色に対してコントラストがあることを確認してください。特定の色の組み合わせによっては、ロゴに追加したテキストやアイコンが隠れてしまい、小さなサイズではピクセル化して見える場合があります。
![Wix ロゴに適した色を選択する方法の例](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/09/21/17c2d046-212f-4a04-87a1-6e8486308f37/0e0fbd93-b7c3-4d82-9971-5cc1107186c8.png)
極端に細い太さのフォントや細い線のアイコン・形は、小さいサイズではぼやけたり見えなくなったりすることがありますので、ご注意ください。
![Wix ロゴのタグラインテキストに良い色を選択する方法の例](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/09/21/cb807aba-32df-45bc-a295-0c1dc77217f2/6924debc-c066-4611-812e-d91750869b44.png)
ヒント:
- ロゴをデザインする際、大きなものから小さなものまで、どのサイズでもよく見えることを確認してください。通常、ブランド素材に表示されるサイズまで拡大・縮小し、すべて明確ではっきりと文字が読めることを確認してください。
- ロゴをデザインする際は、テキストの重複を避けてください。テキストが重複すると、特定のファイルで一つの色にブレンドされ、読めなくなることがあります。この現象は、次のファイルタイプで発生します:
- 標準ロゴファイル:透明に黒、白に黒、黒に白、透明に白。
- サイズ変更可能なベクターファイル:白と黒。
ロゴで要素を非表示にする
次のことを避けるようにしてください:
- ロゴ背景と同じ色の要素を作り、それを非表示にすること。
- ロゴの要素をシェイプやアイコンで覆うこと。
- 最終的なロゴファイルに表示されるように、ロゴメーカーの枠線の外側に要素を移動すること。
注意:
重複する形やアイコンは、同じ色のパーツがブレンドしてしまうのを防ぐため、黒と白のファイルでは不透明度が低くなっています。