すべてのアプリケーションに最適なロゴサイズ|2019デザインガイドライン
この記事では、ロゴファイルを準備するときに使用するのに最適なロゴサイズを決定するためのいくつかのガイドラインについて説明します。
最高のロゴサイズは、それが使用されているコンテキストに依存しますが、私は1280pxが大きい寸法が1280pxであり、小さい寸法が1280px未満であると、ほとん
なぜ1,280ピクセルが最高のロゴサイズです
サイズと解像度のバランスが良いため、常に1280ピクセルでロゴファイルを準備しています。
It’s Not Too Big
私は1,920ピクセルのサイズでロゴファイルを準備していましたが、私のクライアントの中には、最大ファイルアップロードサ 1920pxでレンダリングされたロゴのサイズが2MBを超えることは珍しくなく、WordPressは確かにそのような制限を持つ唯一のプラットフォームではありません。
It’s Not Too Small
フリップ側では、ロゴをあまりにも小さくしたくありません—例えば512pxのように—ロゴはウェブサイト上で正常に動作しますが、パンフ
1,280ピクセルは、ほとんどのブランドアプリケーションのための十分な高解像度ですが、それは管理できないファイルサイズのために作るだろう
ベクトルコピーはどうですか?
ベクターグラフィックスは、品質を損なうことなく無限にスケーリングすることができます
正しい解決策は、各固有のコンテクストに適切に合うようにサイズを設定できるように、真のベクトル形式でロゴを生成することです。 私はいつも私のクライアントのためのベクトルファイルを提供します(あなたはここでクライアントのためのロゴファイルを準備するための私
あなた(または他のデザイナー)がそれをラインの下で作業する必要がある場合に備えて、彼らが手元にコピーを持っているのは良いことですが、ほとん ベクターファイルは、設計ソフトウェアを使用して設計者によって処理されることを意図している編集可能なソースファイルです。 クライアントが何よりも必要とするのは、ウェブサイト、ソーシャルメディア、プリントオンデマンドサービスにすぐにアップロードできる使用可能なラスタフォーマットであり、私の経験では、1,280ピクセルがその形式で提供するのに最適なロゴサイズです。
ロゴのサイジングに関するガイドライン
ロゴファイルを準備するときに注意することがいくつかあります。
大きな寸法を1,280ピクセルにする
ファイナライズされたロゴファイルを作成するときは、二つの寸法の大きい方が1280pxであることを確認してください。これは、水平方向のロゴの場合、幅は1280になり、高さは縦横比に対応するために必要なものになります。
これは、水平方向のロゴの場合、幅は1280になり、高さは、縦横比に対応するために必要なものになります。P>
垂直方向のロゴの場合、高さは1280になり、幅はそれが必要なものになります。
エッジの周りにいくつかのパディングを追加することを検討してください
上記の例では、ロゴドキュメ ただし、ソーシャルメディアにアップロードされたプロフィール画像に適用される丸いマスクを考慮するために、ロゴのアイコンバージョンと垂直方向のバー これは私が最近始めたことです。
Facebook、Instagram、Twitterなどのサイトでは、アップロードした画像に丸いマスクを適用して、プロフィール画像として使用します。 これは、あなたのプロフィール画像が丸くなってしまい、その円の外にあるものが切り取られることを意味します。 私はこれが最終的に死ぬ傾向に過ぎないと思うが、それは当分の間ここにあり、クライアントのためにロゴファイルを準備するときにそれを考慮すこのフォーマットに最適なロゴサイズはまだ1,280ピクセルですが、私がしたいのは、実際のデザインを1280より少し小さくして、約200pxの空のパディング これにより、円形の部分が切り取られた後でもロゴが表示されます。
前に述べたように、これは垂直方向のロゴとスタンドアロンのアイコンにのみ適用されます。 ウェブサイトのヘッダーや電子メール署名のように、水平方向のロゴが使用されるほとんどのコンテキストで問題が発生する可能性が高いため、水平方向のロゴの周りにパディングを追加することはお勧めしません。 余分なパディングは、他のデザイン要素との関係でロゴの配置をオフにスローします。
Nick LLCによるLogosは、Amazon Services LLC Associates Programの参加者であり、サイトが広告とリンクによって広告料を稼ぐための手段を提供するように設計されたアフィリエイトAmazon.com。Amazonのアソシエイトとして、私は予選の購入から獲得します。 アフィリエイトの開示はこちらをご覧ください。