【第11回 アダプティブアイコン編】

 

ぴーやま：こんにちは、アプリデザインチームです！今回はアダプティブアイコンの作成方法についてご紹介します！

 

もっさん：普通のアイコンと何が違うのでしょうか？

 

ぴーやま：アダプティブアイコンとはAndroidのみで設定が出来るアイコンの表示形式です。デバイスごとに異なるアイコンが表示できるようになりました。
※Android 8.0以上からの機能となります。

 

アダプティブアイコンについてはこちらもご確認ください>

 

ぴーやま：アダプティブアイコンを設定しておくだけで、ダウンロードした時のアイコンの見え方が従来よりも大きく表示ができ、デバイスによっては動かせるようになります！

もっさん：これまでよりアイコンが大きく表示されるのは嬉しいですね！HOME画面でもこの方が目立つので、押してもらえそう！
けど作成する画像や設定方法って難しそうなイメージがありますが・・。

 

ぴーやま：それが2枚の画像の用意と管理画面から簡単に設定が出来ます！
ぜひ一緒にやってみましょう〜！！

 

 

【STEP1】アイコン画像を作成

 

ぴーやま：アイコンの見え方は様々ですが、アイコン画像は1番マスクの範囲が広い丸のアイコンを元に作成すればOKです！

 

<必要なデータ>

❶432×432pxの背景用画像(PNG形式)

❷432×432pxの前面画像(背景透過・PNG形式)

 

もっさん：今回はこのアイコンを作成してみたいと思います！

 

 

ぴーやま：❶の背景画像はPNG形式で保存、❷の前面画像は中心から288pxの丸に収まるように配置して、同じくPNG形式で保存してください。

 

 

 

ぴーやま：次に管理画面の設定をします。アプリ登録の画面を開き、画像を設定します。

 

 

ぴーやま：画像を登録後保存ボタンを押し、最後に「再申請ボタン」を押して設定は完了です！
※審査には通常1週間ほどお時間をいただきます。

 

もっさん：こんなに簡単に設定が出来るなんて嬉しいですね！

 

ぴーやま：ロゴやイラストも大きく表示されるので、見栄えは格段に違います！
ぜひこの機会に設定してみてくださいね〜！

 

 

■今回ご紹介した機能についての詳細は下記をご覧ください

※ご不明点は担当のカスタマーサクセスにお問い合わせください。

アダクティブアイコンの詳しい設定方法はこちら >

 

 

それでは次回の更新をお楽しみに！