App Icon
Last updated
Last updated
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.
모든 앱은 앱 스토어에서 관심을 끌고 홈 스크린에서 두드러지는 아름답고 인상적인 아이콘이 필요합니다. 아이콘은 앱의 목적을 한 눈에 알 수 있는 첫 번째 기회입니다. 또한 설정 및 검색 결과와 같은 시스템 전체에 나타납니다.
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 하드웨어 제품의 복제품을 사용하지 마십시오. 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.
아이콘 모서리를 사각형으로 유지하십시오. 시스템은 아이콘 모서리를 자동으로 반올림하는 마스크를 적용합니다.
All app icons should adhere to the following specifications.
모든 앱 아이콘은 다음 사양을 준수해야합니다.
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.
모든 앱은 앱이 설치되면 홈 화면 및 시스템 전반에 작은 아이콘을 제공해야하며 앱 스토어에 표시 할 더 큰 아이콘도 제공해야합니다.
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 아이콘은 작은 아이콘과 다르게 사용되더라도 여전히 앱 아이콘입니다. 시각적 효과가 적용되지 않았기 때문에 미묘하게 풍부하고 자세하게 표현할 수 있지만 외관상 더 작은 버전과 일반적으로 일치해야합니다.
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.
모든 앱은 앱 이름이 스팟라이트 검색의 용어와 일치 할 때 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 픽셀 획을 자동으로 추가하여 설정의 흰색 배경에 잘 보이도록합니다.
Tip If 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가 앱 아이콘을 사용하여 자동으로 문서 아이콘을 만들기 때문에 문서 아이콘을 디자인 할 필요가 없습니다.
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.
필요한 모든 크기에서 시각적으로 일관된 대체 아이콘을 제공하십시오. 주 앱 아이콘과 마찬가지로 각 대체 앱 아이콘은 크기가 다른 관련 이미지의 모음으로 제공됩니다. 사용자가 대체 아이콘을 선택하면 해당 아이콘의 적절한 크기가 홈 화면, 스팟라이트 및 시스템의 다른 곳에서 기본 앱 아이콘을 대체합니다. 대체 아이콘이 시스템 전체에 일관성있게 표시되도록하려면 사용자는 홈 화면에 하나의 아이콘 버전과 설정에서 완전히 다른 버전을 보지 말아야합니다 (예 : 주 앱 아이콘과 동일한 크기로 제공). (App Store 아이콘 제외). 앱 아이콘 크기를 참조하십시오.
For developer guidance, see the setAlternateIconName method of UIApplication.
Note Alternate app icons are subject to review by App Review and must adhere to the App Store Review Guidelines.
대체 앱 아이콘은 App Review의 검토를 거쳐야하며 App Store Review Guidelines을 준수해야합니다.
App Icon - Icons and Images - iOS - Human Interface Guidelines - Apple Developer
