ロゴ一式を用意したら、Export ZIPを選んで設定を検証し、選択したすべてのファイルを生成して、ダウンロード用のZIPを準備します。ボタンには、現在の設定で作成されるファイルの数が表示されます。読み込み中の通知にエクスポートの進行状況が表示されている間、コントロールは一時的に無効になります。
エクスポートするファイルを選ぶ
含める配色とファイル形式を選びます。PNGとJPGでは、1x、2x、4xの倍率から1つ以上を選びます。倍率の設定は、SVGやPDFのエクスポートには適用されません。
次のこともできます。
- エクスポートする各バリエーションの周りに均等な余白を追加する
- 選択したフレーム、コンポーネント、インスタンスのコンテナから塗りを削除する
- ファイル名のパターンで
/を使ってファイルをフォルダに整理する - カスタムの単色配色を追加する
ロゴ一式を閲覧・共有する
ZIPを展開したら、index.htmlを開くと、オフラインギャラリーでロゴ一式全体を閲覧できます。わかりやすい質問に答えるだけで、デザインの専門用語を知らなくても、クライアントが適切なロゴ、色、ファイル形式、サイズを見つけられます。検索、並べ替え、グリッド・明るい背景・暗い背景のプレビュー切り替え、ギャラリー内でのロゴの拡大表示、元のファイルの直接ダウンロードができます。
JPGやPNGを特定の幅でダウンロードするには、Custom JPG or PNG widthに必要な幅をピクセルで入力し、ファイルのDownloadを選びます。ギャラリーはリサイズしたコピーをローカルで作成し、ロゴの比率を保ったまま、ファイル名に幅を追加します。元のエクスポートをダウンロードするには、入力欄を空のままにします。
SVGとPDFはピクセルベースではないため、ダウンロードされるファイルは変わりません。ワンクリックでプロジェクト全体をダウンロードしたい人がいる場合は、元のZIPを保管・共有してください。
ZIPには、ロゴ一式と生成されたファイルについて説明するREADME.txtとpackage-manifest.jsonも含まれます。
どのブラウザでもローカルのプレビューを確実に読み込めるように、index.htmlを開く前にZIPを展開してください。