AVS UXブランドガイドライン

概要
マーク
クリアスペースと最小サイズ
コンテナ
色
画像
禁止事項

概要

これらのガイドラインは、インターフェース内でのAmazon Alexaブランドアセットの使用に関して、Alexa Voice Service UX要件を理解しやすくするために作成されました。これらのガイドラインを一貫して確実に活用することにより、製品の保全性が確保され、ユーザーがすぐにAmazon Alexaを認識できるようになり、アプリを明確に理解できるようになります。

マーク

Amazonのロゴと2つの公式ロックアップを以下に示します。

クリアスペースと最小サイズ

ロゴを他のグラフィック要素といっしょに使用する場合は、適切な間隔を空けるようにしてください。ロゴの周囲の空白スペースは、ロゴの幅の最低150%確保してください。

ロックアップのクリアスペースは、ロゴの直径の半分以上確保する必要があります。

ロゴの視覚的インパクトを維持するため、ロゴを30dpより小さくしないでください。

コンテナ

ロゴは、必要に応じてさまざまな形状のコンテナに配置できます。これらは、画像の前面にロゴを配置する際に特に有効です。


円形は、鮮やかすぎる、または模様の多い背景の前面にAmazon Alexaロゴを配置する際に最適なオプションです。	角丸の四角形は、iOSのUIスタイルに適しています。角の丸みには特に制限はありません。	角の尖った四角形は、AndroidのUIスタイルに適しています。

色

Alexaの青、白、または黒以外の色では、絶対にロゴを表示しないでください。


Alexaの青 #31C4F3	黒 #000000	白 #ffffff

画像

画像上にロゴを配置する場合は必ず、白いロゴを使用してください。明るい背景の画像の場合、10～20%の黒みを適用して、画像の可読性を維持してください。


白いロゴは、ロゴと画像のコントラストを際立たせます。	複雑なパターン上に配置する場合は、ロゴが読み取れることを確認してください。	明るい背景に配置する場合、画像の黒みを10～20%上げてください。

禁止事項


アウトラインを適用しないでください。	影を追加しないでください。	スタイルやグラデーションを追加しないでください。	Alexaの青、黒、白以外の色で塗りつぶさないでください。

歪めたり、回転させたり、引き伸ばしたりしないでください。	向きを変更しないでください。	複数のロゴを重ねないでください。	パターンで塗りつぶさないでください。

テキストに青いコンテナの形状を使用しないでください。	青いテキストを使用しないでください。	Alexaの青、黒、白以外の色を使わないでください。	amazon alexaを分断しないでください。

ロゴを増やさないでください。	テキスト付きのロゴを円内に配置しないでください。	amazon alexaを大文字表記しないでください。	グラデーションやブランドの色以外の色で塗りつぶさないでください。