Human Interface Guidelines
  • Intro
  • IOS
    • Themes
    • Interface Essentials
  • App Architecture
    • Accessibility
    • Loading
    • Modality
    • Navigation
    • Onboarding
    • Requesting Permission
    • Settings
  • User Interaction
    • 3D Touch
    • Audio
    • Authentication
    • Data Entry
    • Drag and Drop
    • Feedback
    • File Handling
    • Gestures
    • Near Field Communication
    • Undo and Redo
  • System Capabilities
    • Augmented Reality
    • Multitasking
    • Notifications
    • Printing
    • Quick Look
    • Ratings and Reviews
    • Screenshots
    • TV Providers
  • Visual Design
    • Adaptivity and Layout
    • Animation
    • Branding
    • Color
    • Terminology
    • Typography
    • Video
  • Icons and Images
    • Image Size and Resolution
    • App Icon
    • Custom Icons
    • Launch Screen
    • System Icons
  • Bars
    • Navigation Bars
    • Search Bars
    • Status Bars
    • Tab Bars
    • Toolbars
  • Views
    • Action Sheets
    • Activity Views
    • Alerts
    • Collections
    • Image Views
    • Maps
    • Pages
    • Popovers
    • Scroll Views
    • Split Views
    • Tables
    • Text Views
    • Web Views
  • Controls
    • Buttons
    • Edit Menus
    • Labels
    • Page Controls
    • Pickers
    • Progress Indicators
    • Refresh Content Controls
    • Segmented Controls
    • Sliders
    • Steppers
    • Switches
    • Text Fields
  • Extensions
    • Custom Keyboards
    • Document Providers
    • Home Screen Actions
    • Messaging
    • Photo Editing
    • Sharing and Actions
    • Widgets
Powered by GitBook
On this page
  • Navigation Bar and Toolbar Icons
  • Tab Bar Icons
  • Home Screen Quick Action Icons
  1. Icons and Images

System Icons

PreviousLaunch ScreenNextNavigation Bars

Last updated 6 years ago

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

It’s a good idea to use these built-in icons as much as possible because they're familiar to people.

사람들에게 친숙하기 때문에 이러한 기본 제공 아이콘을 최대한 많이 사용하는 것이 좋습니다.

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 .

시스템 요구 사항에 맞는 시스템 제공 아이콘을 찾을 수 없는 경우 사용자 정의 아이콘을 디자인하십시오. 시스템 제공 이미지를 잘못 사용하는 것보다 자신의 시스템을 설계하는 것이 좋습니다.

Navigation Bar and Toolbar Icons

Use the following icons in and . For developer guidance, see .

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.

네비게이션바 또는 툴바에서 아이콘 대신 텍스트를 사용하여 항목을 나타낼 수 있습니다. 예를 들어, 캘린더는 툴바에서 "오늘", "캘린더"및 "받은 편지함"을 사용합니다. 고정된 공간 요소를 사용하여 네비게이션 및 툴바 아이콘 사이에 패딩을 제공 할 수도 있습니다.

Tab Bar Icons

Home Screen Quick Action Icons

Use the following icons in . For developer guidance, see .

Use the following icons in menus. For developer guidance, see .

Custom Icons
navigation bars
toolbars
UIBarButtonSystemItem
tab bars
UITabBarSystemItem
home screen quick action
UIApplicationShortcutIconType
System Icons - Icons and Images - iOS - Human Interface Guidelines - Apple Developer