# LINEミニアプリのアイコンを作成する
LINEミニアプリのアイコンは、チャネル同意画面やホームタブ、LINEメッセージなど、多くの利用シーンで使用されます。利用シーンによって、特にモバイル端末の画面では、LINEミニアプリのアイコンが小さく表示されることがあります。どのような利用シーンであってもユーザーがアイコンを視認できるよう、以下のガイドラインに従ってアイコンをデザインしてください。
# 【必須】アイコンのファイルフォーマットについて
利用可能なファイルフォーマットは、PNGとGIFです。
# 【必須】アイコンのデザインについて
他のサービスとの統一のため、以下の「テンプレートファイル(PSD)」をダウンロードしてアイコンを作成してください。アイコンのロゴを使用する場合は、高品質のリソースまたはベクター形式を使用してください。
テンプレートファイル(PSD)をダウンロードする (opens new window)
アイコンのデザインの悪い例は以下のとおりです。
1. アウトラインの外側が透過されていない | |
---|---|
2. アウトラインからロゴの背景がはみ出ている | |
3. 形が異なる(例:丸、正方形) | |
4. アウトラインが上下や左右にずれている | |
5. アイコンのサイズが小さい |
# 【必須】アイコンのサイズについて
背景領域(BG SIZE)のサイズは、130x130pxにしてください。またアイコンを保存する際は、下の画像の市松模様の部分を透過にして保存してください。
# 【必須】ロゴのサイズについて
ロゴのサイズ(LOGO SIZE)は、最小で54x54px、最大で90x90pxに収めてください。なお、54x54pxから76x76pxにすることを推奨します。
# 【推奨】ロゴのデザインについて
ロゴの視認性と品質を常に保つため、ロゴは単独のシンボルまたはワードマークとしてデザインしてください。
# 【推奨】アイコンの色について
背景領域の色(Background color)に応じて、輪郭色(Outline color)を指定してください。
背景領域の色 (Background color) | 輪郭色 (Outline color) | 輪郭色の透明度 (Outline opacity) |
---|---|---|
白(#FFFFFF) | 黒(#000000) | 12% |
黒(#000000 または #181818) | 白(#FFFFFF) | 8% |
その他の色 | 黒(#000000) | 8% |
背景色のタイプ
上記のテンプレートファイル(PSD)から、背景色のタイプを選択することを推奨します。テンプレートファイル(PSD)の未使用のレイヤーは、非表示に設定して保存してください。