본문 바로가기
Human Interface Guidelines/글

HIG 번역) Icons and Images - System Icons

by jum0 2020. 6. 5.

System Icons (iOS 12 and Earlier)

In iOS 13 or later, prefer using SF Symbols to represent tasks and types of content in your app. If your app is running in iOS 12 or earlier, follow the guidance below.

iOS 13 이상에서는, 앱의 작업 또는 모드를 나타내기 위해 SF Symbols 사용을 선호합니다. 앱이 iOS 12 이하에서 작동된다면, 아래 가이드를 따르세요.

The system provides built-in icons that represent common tasks and types of content in a variety of use cases.

시스템은 다양한 사용 사례에서 일반적인 작업 및 콘텐츠 유형을 나타내는 기본 아이콘을 제공합니다.

  • Navigation Bar and Toolbar Icons
  • Tab Bar Icons
  • Home Screen Quick Action Icons

In apps running iOS 12 and earlier, it’s a good idea to use these built-in icons as much as possible because they're familiar to people.

앱이 iOS 12 이하에서 작동한다면, 기본 아이콘은 사용자들에게 친숙하므로, 가능한 많이 사용하는 것이 좋습니다.

Use system icons as intended. Every system-provided image has a specific, well-known meaning. To avoid confusing users, it’s essential that each image be used in accordance with its meaning and recommended usage.

의도한 대로 시스템 아이콘을 사용하세요. 시스템에서 제공하는 모든 이미지는 구체적이며, 잘 알려진 의미를 가집니다. 사용자가 혼란스럽지 않도록 하기 위해서, 각각의 이미지는 그것의 의미와 추천되는 용법에 따라 사용하는 것이 필수적입니다.

Provide alternative text labels for icons. Alternative text labels aren’t visible onscreen, but they let VoiceOver audibly describe what's onscreen, making navigation easier for people with visual impairments.

아이콘으로 대체 텍스트 레이블을 제공하세요. 대체 텍스트 레이블은 시각적으로 화면에 보이는 것은 아니지만, VoiceOver가 청각적으로 화면에 있는 것을 설명하게 하여, 시각 장애가 있는 사용자가 이동하기 쉽게 만들어 줍니다. 

Design a custom icon if you can’t find a system-provided one that meets your needs. It’s better to design your own than to misuse a system-provided image. See Custom Icons.

의도에 맞는 시스템 기본 아이콘을 찾을 수 없다면 커스텀 아이콘을 디자인하세요. 시스템이 제공하는 이미지를 잘못 사용하는 것보다 커스텀 이미지를 디자인하는 것이 더 좋습니다. Custom Icons와 관련된 문서를 다음을 참조하세요.

Use the following icons in navigation bars and toolbars. For developer guidance, see UIBarButtonSystemItem.

Navigation bars 및 toolbar에서 다음 아이콘들을 사용하세요. UIBarButtonSystemItem과 관련된 개발자 가이드는 다음 문서를 참조하세요.

TIP
You can use text instead of icons to represent items in a navigation bar or toolbar. For example, Calendar uses “Today,” “Calendars,” and “Inbox” in the toolbar. You can also use a fixed space element to provide padding between navigation and toolbar icons.

Navigation bar 또는 toolbar에서 아이템을 나타내기 위해 아이콘 대신에 텍스트를 사용할 수 있습니다. 예를 들어, 달력은 toolbar에서 "오늘", "달력" 및 "초대"를 사용합니다. 또한 navigation 및 toolbar icons 사이에 여백을 주기 위해 fixed space element도 사용할 수 있습니다.

API 참조

Tab Bar Icons

Use the following icons in tab bars. For developer guidance, see UITabBarSystemItem.

Tab bars에서 다음 아이콘들을 사용하세요. UITabBarSystemItem와 관련된 개발자 가이드는 다음 문서를 참조하세요.

API 참조

Home Screen Quick Action Icons

Use the following icons in home screen quick action menus. For developer guidance, see UIApplicationShortcutIconType.

Home screen quick action 메뉴에서 다음 아이콘들을 사용하세요. UIApplicationShortcutIconType과 관련된 개발자 가이드는 다음 문서를 참조하세요.


수정해야 할 부분이 있다면 알려주세요!

감사합니다!

반응형

댓글