App Icon
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/
App Icon
アプリアイコン
Every app needs a beautiful and memorable icon that attracts attention in the App Store and stands out on the Home screen. Your icon is the first opportunity to communicate, at a glance, your app’s purpose. It also appears throughout the system, such as in Settings and search results.
すべてのアプリには美しく思い出に残るアイコンが必要です。このアイコンはApp Storeで注目を集め、ホーム画面で目立っています。 あなたのアイコンは、アプリケーションの目的を一目瞭然に伝える最初の機会です。 設定や検索結果など、システム全体に表示されます。
Embrace simplicity. Find a single element that captures the essence of your app and express that element in a simple, unique shape. Add details cautiously. If an icon’s content or shape is overly complex, the details can be hard to discern, especially at smaller sizes.
シンプルさ保持する。 あなたのアプリのエッセンスをキャプチャし、その要素をシンプルでユニークな形で表現する単一の要素を探します。 詳細を慎重に追加してください。 アイコンのコンテンツや図形があまりにも複雑な場合は、特に細かいサイズでは細部を識別するのが難しい場合があります。
Provide a single focus point. Design an icon with a single, centered point that immediately captures attention and clearly identifies your app.
単一の焦点を提供する。 中心にある単一のポイントを持つアイコンをデザインして、すぐに注目を集め、アプリを明確に識別します。
Design a recognizable icon. People shouldn’t have to analyze the icon to figure out what it represents. For example, the Mail app icon uses an envelope, which is universally associated with mail. Take time to design a beautiful and engaging abstract icon that artistically represents your app’s purpose.
認識可能なアイコンをデザインします。 人々は、アイコンが何を表しているか把握するためにアイコンを分析する必要はありません。 たとえば、メールアプリケーションアイコンは、誰でもわかるレベルで「手紙」と関連づけられている「封筒」をモチーフに使用します。 あなたのアプリの目的を芸術的に表す美しく魅力的な抽象的なアイコンをデザインするには、時間をかけてください。
Keep the background simple and avoid transparency. Make sure your icon is opaque, and don’t clutter the background. Give it a simple background so it doesn’t overpower other app icons nearby. You don’t need to fill the entire icon with content.
背景をシンプルに保ち、透明性を避けます。 あなたのアイコンが不透明であることを確認し、背景を乱雑にしないでください。 それは近くの他のアプリのアイコンの印象に干渉しないように、単純な背景を与えてください。 アイコン全体をコンテンツで埋める必要はありません。
Use words only when they’re essential or part of a logo. An app’s name appears below its icon on the Home screen. Don’t include nonessential words that repeat the name or tell people what to do with your app, like "Watch" or "Play." If your design includes any text, emphasize words that relate to the actual content your app offers.
言葉が不可欠な場合やロゴの一部の場合にのみ使用してください。 ホームスクリーンのアイコンの下にアプリの名前が表示されます。 名前を繰り返したり、あなたのアプリで何をすべきかを「ウォッチ」や「再生」のように伝える重要でない単語は含めないでください。 デザインにテキストが含まれている場合は、アプリが提供する実際のコンテンツに関連する言葉を強調します。
Don’t include photos, screenshots, or interface elements. Photographic details can be very hard to see at small sizes. Screenshots are too complex for an app icon and don’t generally help communicate your app’s purpose. Interface elements in an icon are misleading and confusing.
写真、スクリーンショット、またはインターフェイス要素は含めないでください。 写真の細部は、小さなサイズで見るのが非常に困難です。 スクリーンショットはアプリのアイコンにとっては複雑すぎるため、一般的にアプリの目的を伝えるのには役立ちません。 アイコン内のインタフェース要素は、誤解を招き紛らわしく混乱します。
Don’t use replicas of Apple hardware products. Apple products are copyrighted and can’t be reproduced in your icons or images. In general, avoid displaying replicas of devices, because hardware designs tend to change frequently and can make your icon look dated.
Appleハードウェア製品の複製は使用しないでください。 アップル製品は著作権で保護されており、アイコンや画像で再現することはできません。 一般的に、ハードウェアのデザインは頻繁に変更される傾向があり、アイコンの日付を見せることがあるため、デバイスの複製を表示しないでください。
Don’t place your app icon throughout the interface. It can be confusing to see an icon used for different purposes throughout an app. Instead, consider incorporating your icon’s color scheme. See Color.
インターフェイス全体にアプリアイコンを配置しないでください。 アプリ全体でさまざまな目的に使用されているアイコンを表示するのは混乱することがあります。 代わりに、アイコンの配色を組み込むことを検討してください。 色を参照してください。
Test your icon against different wallpapers. You can’t predict which wallpaper people will choose for their Home screen, so don’t just test your app against a light or dark color. See how it looks over different photos. Try it on an actual device with a dynamic background that changes perspective as the device moves.
異なる壁紙に対してあなたのアイコンをテストしてください。 あなたのホーム画面で選択する壁紙の種類を予測することはできませんので、明るい色や暗い色に対してアプリをテストするだけではありません。 さまざまな写真をどのように見えるかを確認します。 デバイスの動きに応じてパースペクティブを変更する動的な背景を持つ実際のデバイス上で試してみてください。
Keep icon corners square. The system applies a mask that rounds icon corners automatically.
アイコンコーナーは角ばった状態にしておく。 アイコンコーナーを自動的に丸めるマスクが適用されます。
App Icon Attributes
アプリアイコンの属性
All app icons should adhere to the following specifications.
すべてのアプリのアイコンは、次の仕様に準拠する必要があります。
App Icon Sizes
アプリアイコンのサイズ
Every app must supply small icons for use on the Home screen and throughout the system once your app is installed, as well as a larger icon for display in the App Store.
すべてのアプリは、アプリがインストールされた後、ホームスクリーンやシステム全体で小さなアイコンを提供する必要があります。また、App Storeに表示するための大きなアイコンも必要です。
Provide different sized icons for different devices. Make sure that your app icon looks great on all the devices you support.
さまざまなデバイスに異なるサイズのアイコンを提供します。 サポートしているすべての端末でアプリのアイコンが大きく見えるようにしてください。
Mimic your small icon with your App Store icon. Although the App Store icon is used differently than the small one, it’s still your app icon. It should generally match the smaller version in appearance, although it can be subtly richer and more detailed since there are no visual effects applied to it.
あなたの小さなアイコンをあなたのApp Storeアイコンに似せてください。 App Storeのアイコンは小さなアイコンとは違って使われていますが、それでもあなたのアプリアイコンです。 App Storeアイコンは視覚効果が適用されていないので繊細に、より豊かで詳細なことができるが、概してより小さいバージョンの外観と一致するべきです。
Spotlight, Settings, and Notification Icons
スポットライト、設定、および通知アイコン
Every app should also provide a small icon that iOS can display when the app name matches a term in a Spotlight search. Additionally, apps with settings should provide a small icon to display in the built-in Settings app, and apps that support notifications should provide a small icon to display in notifications. All icons should clearly identify your app—ideally, they should match your app icon. If you don’t provide these icons, iOS might shrink your main app icon for display in these locations.
すべてのアプリは、アプリ名がSpotlight検索の用語と一致するときにiOSが表示できる小さなアイコンも提供する必要があります。 さらに、設定項目のあるアプリは、組み込みの設定アプリに表示する小さなアイコンを提供する必要があり、通知をサポートするアプリは、通知に表示する小さなアイコンを提供する必要があります。 すべてのアイコンはアプリを明確に識別する必要があります。理想的には、アプリのアイコンと一致する必要があります。 これらのアイコンを指定しないと、メインのアプリアイコンの縮小版が、iOSによってこれらの場所に表示されてしまいます。
Don’t add an overlay or border to your Settings icon. iOS automatically adds a 1-pixel stroke to all icons so that they look good on the white background of Settings.
設定アイコンにオーバーレイや枠線を追加しないでください。 iOSは自動的にすべてのアイコンに1ピクセルのストロークを追加して、設定の白い背景によく見えるようにします。
TIPIf your app creates custom documents, you don't need to design document icons because iOS uses your app icon to create document icons automatically.
アプリがカスタムドキュメントを作成する場合、iOSはアプリアイコンを使用してドキュメントアイコンを自動的に作成するため、ドキュメントアイコンをデザインする必要はありません。
User-Selectable App Icons
ユーザーが選択可能なアプリケーションアイコン
For some apps, customization is a feature that evokes a personal connection and enhances the user experience. If it provides value in your app, you can let people select an alternate app icon from a set of predefined icons that are embedded within your app. For example, a sports app might offer icons for different teams or an app with light and dark modes might offer corresponding light and dark icons. Note that your app icon can only be changed at the user’s request and the system always provides the user with confirmation of such a change.
いくつかのアプリでは、カスタマイズ機能によって、個人的な愛着や利便性を呼び起こし、ユーザーエクスペリエンスを向上させます。 それをする意義を持ったアプリの場合は、アプリ内に埋め込まれた一連の定義済みアイコンから代替アプリアイコンを選択させることができます。 たとえば、スポーツアプリではチームごとにアイコンを用意したり、明るいモードと暗いモードを使用してアプリを提供したりすることができます。 あなたのアプリアイコンはユーザーの要求によってのみ変更することができ、システムはそのような変更の確認をユーザーに常に提供することに注意してください。
Provide visually consistent alternate icons in all necessary sizes. Like your primary app icon, each alternate app icon is delivered as a collection of related images that vary in size. When the user chooses an alternate icon, the appropriate sizes of that icon replace your primary app icon on the Home screen, in Spotlight, and elsewhere in the system. To ensure that alternate icons appear consistently throughout the system—the user shouldn't see one version of your icon on the Home screen and a completely different version in Settings, for example—provide them in the same sizes you provide for your primary app icon (with the exception of the App Store icon). See App Icon Sizes.
すべての必要なサイズで視覚的に一貫した代替アイコンを提供する。 プライマリアプリアイコンと同様に、各代替アプリアイコンは、サイズが異なる関連画像のコレクションとして配信されます。 ユーザーが代替アイコンを選択すると、そのアイコンの適切なサイズが、ホームスクリーン、Spotlight、およびシステムの他の場所のプライマリアプリアイコンに置き換わります。代替アイコンは、システム全体に反映されます。例えば、ホームスクリーンで使用されているアイコンは代替バージョンだが、設定画面で使用されているアイコンはオリジナルバージョンである、というようなミスマッチは起こりません（App Storeアイコンを除く）。アプリケーションのアイコンサイズを参照してください。
For developer guidance, see the setAlternateIconName method of UIApplication.
NOTEAlternate app icons are subject to review by App Review and must adhere to the App Store Review Guidelines.
別のアプリアイコンはApp Reviewによるレビューの対象となり、App Storeレビューガイドラインに準拠する必要があります。
