---

ホームページ移転のお知らせ
1月1日にリニューアルを実施いたしました。
これに伴い、ページのURLが以下のアドレスに変更となりました。
http://android-design.teamegg.co.jp/
お手数をおかけしますが、リンク集やお気に入り登録情報などの修正をお願いします。

---

< 前へ 次へ >

アイコンはスクリーン上の領域を一部使って、アプリのアクションやステータスを直感的に確認できるグラフィック項目です。

アプリアイコンをデザインするときには、アプリがピクセル密度や大きさの異なる様々なデバイスにインストールされる可能性があることに気をつけなければいけません。（Devices and Displaysで説明しています）しかし、数種類の大きさのアイコンを用意することで、すべてのデバイスでアイコンをきれいに表示することができます。アプリを実行した際に、Androidはデバイスの画面についての情報を確認し、アプリに最適な画面密度のアイコンを読み込みます。

異なる画面解像度のデバイスに最適化されたアイコンを提供するため、MDPI画面を元にしたサイズ（dp単位で表示）のアイコンを基本としたデザインのガイドラインを以下に示します。

様々な解像度のデバイスに対応したアイコンを作成する際には、アイコンのサイズの比が2:3:4:6:8になるようにしてください。（medium,high,x-high,xx-high,xxx-highに対応します。）例えば、ランチャーアイコンのサイズが48x48dpと指定されている場合、画面解像度がMDPIの場合にはアイコンのサイズを48x48dpに、HDPIの場合には1.5倍の72x72px、XHDPIの場合には2倍の96x96pxでアイコンを作成する必要があるということになります。（XXHDPIなら3倍の144*144）

注意: AndroidはLDPIの解像度もサポートしていますが、AndroidはHDPIで作成されたアイコンを効果的に半分のサイズにダウンスケールして表示するため、通常はLDPI用のアイコンを作成する必要はありません。

ランチャーアイコンはホームやすべてのアプリ画面上でアプリを視覚的に表示したものです。ユーザがスクリーンの壁紙を変更した際にもランチャーアイコンがはっきり見えることを確認してください。

アクションバーのアイコンは、アプリ内で実行できる最も重要なアクションを表現する画像のボタンです。それぞれはほとんどの人がひと目で把握することができる、1つの概念を表すシンプルなメタファーを採用するべきです。

すでに定義されている「リフレッシュ」や「シェア」などのグリフは、特定の共通のアクションに使用されるべきです。下記のダウンロードリンクでは、様々な画面密度にスケーリングされ、HoloLightとHoloDarkテーマでの仕様に適しているアイコンのパッケージを提供しています。パッケージには、それらを更にカスタマイズするためのAdobe® Illustrator®のソースファイルに加えて、あなたのテーマに合わせて変更できるスタイルなしのアイコンが含まれています。

アプリのボディ部分には、アクションや特定のアイテムの状態を表すために小さなアイコンを使用してください。例えば、Gmailアプリでは、各メッセージは重要なメッセージをあらわす星マークのアイコンがあります。

アプリが通知を生成した場合、新しい通知が利用可能なときはいつでも、システムがステータスバーに表示するアイコンを提供します。

ここではアプリのアイコンやその他の画像を作るのに便利なTipsをいくつか紹介します。これらのヒントは、Adobe®Photoshop®または同様のラスターやベクトル画像編集プログラムを使用していると仮定します。

Adobe® Photoshop®のような画像編集プログラムの多くは、ベクトル図形やラスタレイヤやエフェクトを組み合わせることができます。ファイルのディテールやエッジのきめ細やかさを損なうことなく拡大する必要が生じた場合に備えて、可能であればベクタ図形を使用してください。

ベクタ画像を使うことで、小さい解像度のピクセルに合わせて簡単にエッジと角を揃えることができます。

画面密度が異なる端末に合わせてアイコンを作る必要があるので、対象サイズの倍数となる大きさで、デザインすると効率的です。例えば、ランチャーアイコンは画面密度に依存して、48、72、96、144の大きさで表示されます。(それぞれmdpi、hdpi、xhdpi、xxhdpi)このため、864x864サイズでランチャーアイコンを描いておくと、アートボードを最終的なリソースのサイズに縮小する時に便利で、かつ綺麗にアイコンを調整できます。

ベクタレイヤではなく、ビットマップレイヤから画像を拡大した場合、より高い画面密度に合わせて表示させるために手作業で書き直す必要があります。 例えば、mdpi用の60x60の円がビットマップで描かれている場合、hdpi用の90x90の円を書き直す必要があります。

関連するリソースがアルファベット順にソートされた時に、ディレクトリ内で一緒のグループになるようにファイル名を付けます。 特に各アイコンの種類ごとに共通のプレフィックスを使用すると便利です。

すべての種類に共通のプレフィックスを付けることが必須ではないことに注意してください。（これはわかりやすくするためだけです。）

複数の画面密度をサポートすることは、それぞれの密度に合わせた同じアイコンを複数個作成する必要があることを意味します。複数の複製したファイルを安全で簡単に探すために、作業スペースのディレクトリ構成を対象となる画面密度に基づいて、リソースファイルを整理するように作ること推奨します。

art/...
　　mdpi/...
　　　　_pre_production/...
　　　　　　working_file.psd
　　　　finished_asset.png
　　hdpi/...
　　　　_pre_production...
　　　　　　working_file.psd
　　　　finished_asset.png
　　xhdpi/...
　　　　_pre_production/...
　　　　　　working_file.psd
　　　　finished_asset.png
　　xxhdpi/...
　　　　_pre_production/...
　　　　　　working_file.psd
　　　　finished_asset.png

作業スペース内の構造がアプリと同じであるため、それぞれのリソースディレクトリにコピーするべきリソースがすぐに分かります。 また、画面密度によってリソースを分けることも、画面密度をまたいだファイル名の全ての差異を見つけることに役立ちます。（これは、異なる密度に対応するリソースが同じファイル名を使用する必要があるため重要です。）

比較のために、一般的なアプリのリソースのディレクトリ構造を示します。

res/...
　　drawable-ldpi/...
　　　　finished_asset.png
　　drawable-mdpi/...
　　　　finished_asset.png
　　drawable-hdpi/...
　　　　finished_asset.png
　　drawable-xhdpi/...
　　　　finished_asset.png

アプリのプロジェクト内にリソースを保存するについてのさらなる情報は、Providing Resourcesを参照してください。

アプリバイナリにアプリリソースを取り込む時にAndroidSDKツールは自動的にPNGを圧縮するので、PNGリソースから不要なヘッダとメタデータを削除するのが良い方法です。OptiPNGやPngcrushのようなツールは、このメタデータが削除されていることと、画像リソースのファイルサイズが最適化されていることを確認することが出来ます。

< 前へ 次へ >

Except as noted, this content is licensed under Creative Commons Attribution 2.5. For details and restrictions, see the Content License.