Themes

iOS Design Themes

As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality.

앱 디자이너로서 앱 스토어 차트의 맨 위로 올라가는 특별한 제품을 제공 할 수 있습니다. 이렇게하려면 품질 및 기능면에서 높은 기대치를 충족해야합니다.

Three primary themes differentiate iOS from other platforms:

세 가지 기본 테마는 iOS를 다른 플랫폼과 차별화합니다.

  • Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.

명쾌함. 시스템 전체에서 텍스트는 모든 기기에서 읽혀야 하고, 아이콘은 정확하고 명쾌하며, 장식은 미묘하고 적절하며, 기능에 초점을 맞추는 것은 디자인에 동기를 부여합니다. 여백, 색상, 글꼴, 그래픽 및 인터페이스 요소는 중요한 텐츠를 강조하며 상호 작용하게 합니다.

  • Deference. Fluid motion and a crisp, beautiful interface help people understand and interact with content while never competing with it. Content typically fills the entire screen, while translucency and blurring often hint at more. Minimal use of bezels, gradients, and drop shadows keep the interface light and airy, while ensuring that content is paramount.

존중. 실제같은 동작과 선명하고 아름다운 인터페이스는 사람들이 컨텐츠를 이해하는 데 있어서 헷갈리지 않게 상호 작용하도록 도와줍니다. 일반적으로 컨텐츠는 전체 화면을 채우지만 반투명과 흐림은 더 많은 것을 암시하곤 합니다. 그렇기에 베젤, 그라디언트 및 그림자의 사용을 최소화하여 인터페이스를 밝게 유지하면서 컨텐츠를 최우선으로 해야 합니다.

  • Depth. Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding. Touch and discoverability heighten delight and enable access to functionality and additional content without losing context. Transitions provide a sense of depth as you navigate through content.

깊이. 뚜렷한 시각적 레이어와 실제같은 동작은 계층(깊이)을 알기 쉽게 전달하고 활력을 부여하며 이해를 돕습니다. 감동과 최고의 기쁨을 발견할 수 있도록 하고, 맥락을 잃지 않고 기능 및 추가 컨텐츠에 대한 액세스를 가능하게 합니다. 트렌지션은 컨텐츠를 탐색할 때 깊이감을 제공합니다.

Design Principles

To maximize impact and reach, keep the following principles in mind as you imagine your app’s identity.

영향력과 도달 범위를 극대화하려면 앱의 정체성을 정할 때 다음 원칙을 염두에 둬야 합니다.

Aesthetic Integrity

Aesthetic integrity represents how well an app’s appearance and behavior integrate with its function. For example, an app that helps people perform a serious task can keep them focused by using subtle, unobtrusive graphics, standard controls, and predictable behaviors. On the other hand, an immersive app, such as a game, can deliver a captivating appearance that promises fun and excitement, while encouraging discovery.

심미적인 무결성은 앱의 모양과 동작이 기능과 얼마나 잘 통합되어 있는지 나타냅니다. 예를 들어, 사람들이 심각한 작업을 수행하는 데 도움이되는 앱은 미묘하고 눈에 거슬리지 않는 그래픽, 표준 컨트롤 및 예측 가능한 동작을 사용하여 집중력을 유지할 수 있습니다. 반면에 게임과 같은 몰입 형 앱은 재미와 흥분을 약속하는 매력적인 모습을 제공 할 수 있으며 동시에 발견을 장려합니다.

Consistency

A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. The app incorporates features and behaviors in ways people expect.

일관된 앱은 시스템 제공 인터페이스 요소, 잘 알려진 아이콘, 표준 텍스트 스타일 및 통일 된 용어를 사용하여 익숙한 표준 및 패러다임을 구현합니다. 이 앱은 사람들이 기대하는 방식으로 기능과 동작을 통합합니다.

Direct Manipulation

The direct manipulation of onscreen content engages people and facilitates understanding. Users experience direct manipulation when they rotate the device or use gestures to affect onscreen content. Through direct manipulation, they can see the immediate, visible results of their actions.

화면상의 컨텐츠를 직접 조작하는 것은 사람들을 끌어 들이고 이해를 돕습니다. 사용자는 장치를 회전하거나 제스처를 사용하여 화면 컨텐츠에 영향을 줄 때 직접 조작을 경험합니다. 직접 조작을 통해 즉각적이고 가시적인 행동 결과를 볼 수 있습니다.

Feedback

Feedback acknowledges actions and shows results to keep people informed. The built-in iOS apps provide perceptible feedback in response to every user action. Interactive elements are highlighted briefly when tapped, progress indicators communicate the status of long-running operations, and animation and sound help clarify the results of actions.

피드백은 행동을 인정하고 결과를 보여 주어 사람들에게 정보를 제공합니다. 내장 된 iOS 앱은 모든 사용자 행동에 대한 응답으로 인지 가능한 피드백을 제공합니다. 대화형 요소는 도청 될 때 잠시 강조 표시되고 진행 표시기는 장기 실행 작업의 상태를 전달하며 애니메이션 및 사운드는 작업 결과를 명확하게 보여줍니다.

Metaphors

People learn more quickly when an app’s virtual objects and actions are metaphors for familiar experiences—whether rooted in the real or digital world. Metaphors work well in iOS because people physically interact with the screen. They move views out of the way to expose content beneath. They drag and swipe content. They toggle switches, move sliders, and scroll through picker values. They even flick through pages of books and magazines.

앱의 가상 객체와 동작이 실제 환경이나 디지털 환경에 뿌리내린 친숙한 경험에 대한 메타포인 경우 사람들은 더 빨리 학습합니다. 메타포는 사람들이 물리적으로 화면과 상호 작용하기 때문에 iOS에서 잘 작동합니다. 사용자는 아래에 있는 컨텐츠를 보기 위해 현재 화면에서 벗어납니다. 사용자는 컨텐츠를 드래그 앤 스와이프 합니다. 스위치를 토글 하고, 슬라이더로 이동하며, 스크롤로 값을 조절합니다. 그들은 심지어 실제 책과 잡지처럼 페이지를 훑어봅니다.

User Control

Throughout iOS, people—not apps—are in control. An app can suggest a course of action or warn about dangerous consequences, but it’s usually a mistake for the app to take over the decision-making. The best apps find the correct balance between enabling users and avoiding unwanted outcomes. An app can make people feel like they’re in control by keeping interactive elements familiar and predictable, confirming destructive actions, and making it easy to cancel operations, even when they’re already underway.

iOS 전반에 걸쳐 앱이 아닌 사람들이 제어할 수 있습니다. 앱은 행동 방침을 제안하거나 위험한 결과에 대해 경고할 수 있지만, 일반적으로 앱이 의사 결정을 내리는 것은 실수입니다. 최적의 애플리케이션은 사용자를 지원하고 원치 않는 결과를 피할 수 있는 올바른 균형을 찾습니다. 앱은 상호작용 요소를 친숙하고 예측 가능한 상태로 유지하고, 파괴적인 행동을 확인하며, 이미 실행 중일 때에도 작업을 취소하는 것을 쉽게 함으로써, 사람들이 통제할 수 있다고 느끼게 할 수 있습니다.

Themes - iOS - iOS - Human Interface Guidelines - Apple Developer

Last updated