アイコンの表現
Note: Sign in to the developer console to build or publish your skill.
アイコンの表現
Alexaアイコンのスタイルは究極的にシンプルで、わずかに丸みを帯びています。デザインがシンプルなので、アイコンでUIのメッセージを補完できます。Androidの規則に従ってアイコンのサイズとストローク幅を適宜変更できます。アイコンの使用方法として最も多いのは、状態や動作を表す画像ボタンです。
画像形式
Alexaプラットフォームは、画面サイズと解像度が異なるデバイスでも表示されるようデザインされています。そのため、デバイスの解像度に応じて、アイコンをどのように拡大または縮小するかを検討する必要があります。
画像を使ったアイコンをAlexaエクスペリエンスに適用するには、6つの主な密度クラスに対応するアセットを用意する必要があります。たとえば、中密度画面用の72 x 72ピクセルのアイコンの場合には、 サイズ54、72、108、144、216、288のアイコンを用意する必要があります。
アイコンの画素密度表
| アイコンサイズの例 | 倍率 | 分類 | PPI |
|---|---|---|---|
| 54 x 54 px | 0.75x | ldpi | ～120 ppi以下 |
| 72 x 72 px（ベースライン） | 1x | mdpi | ～160 ppi |
| 108 x 108 px | 1.5x | hdpi | ～240 ppi |
| 144 x 144 px | 2x | xhdpi | ～320 ppi |
| 216 x 216 px | 3x | xxhdpi | ～480 ppi |
| 288 x 288 px | 4x | xxxhdpi | ～640 ppi |