アイコンの表現



アイコンの表現

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

その他のリソース


先頭に戻る