게이지는 값 범위 내에서 특정 수치를 표시합니다.
In addition to indicating the current value in a range, a gauge can provide more context about the range itself. For example, a temperature gauge can use text to identify the highest and lowest temperatures in the range and display a spectrum of colors that visually reinforce the changing values.
게이지는 범위의 현재 값을 표시할 뿐만 아니라 범위 자체에 대한 더 많은 컨텍스트를 제공할 수 있습니다. 예를 들어, 온도 게이지는 텍스트를 사용하여 범위에서 가장 높은 온도와 가장 낮은 온도를 식별하고 변화하는 값을 시각적으로 보강하는 색상의 스펙트럼을 표시할 수 있다.
A gauge uses a circular or linear path to represent a range of values, mapping the current value to a specific point on the path. A standard gauge displays an indicator that shows the current value’s location; a gauge that uses the capacity style displays a fill that stops at the value’s location on the path.
게이지는 원형 또는 선형 경로를 사용하여 값 범위를 나타내며 현재 값을 경로의 특정 지점에 매핑합니다. 표준 게이지는 현재 값의 위치를 표시하는 표시기를 표시하고, 용량 스타일을 사용하는 게이지는 경로의 값 위치에 정지하는 채우기를 표시합니다.
Circular and linear gauges in both standard and capacity styles are also available in a variant that’s visually similar to watchOS complications. This variant — called accessory — works well in iOS Lock Screen widgets and anywhere you want to echo the appearance of complications.
표준 및 용량 스타일의 원형 및 선형 게이지도 시계와 시각적으로 유사한 변형으로 사용할 수 있습니다.운영 체제의 복잡성. 액세서리라고 불리는 이 변형은 iOS 잠금 화면 위젯과 복잡한 모양을 반영하고 싶은 모든 곳에서 잘 작동합니다.
NOTEIn addition to gauges, macOS also supports level indicators, some of which have visual styles that are similar to gauges. For guidance, see macOS.
참고 게이지 외에도 MacOS는 레벨 표시기도 지원하며, 일부는 게이지와 유사한 시각적 스타일을 가지고 있습니다. 자세한 내용은 macOS를 참조하십시오.
Write succinct labels that describe the current value and both endpoints of the range. Although not every gauge style displays all labels, VoiceOver reads the visible labels to help people understand the gauge without seeing the screen.
현재 값과 범위의 두 끝점을 모두 설명하는 간결한 레이블을 작성합니다. 모든 게이지 스타일이 모든 레이블을 표시하는 것은 아니지만, VoiceOver는 표시되는 레이블을 읽어 사람들이 화면을 보지 않고 게이지를 이해하도록 도와줍니다.
Consider filling the path with a gradient to help communicate the purpose of the gauge. For example, a temperature gauge might use colors that range from red to blue to represent temperatures that range from hot to cold.
게이지의 목적을 전달하는 데 도움이 되는 그라데이션으로 경로를 채우는 것을 고려하십시오. 예를 들어, 온도 게이지는 고온에서 저온에 이르는 온도를 나타내기 위해 빨간색에서 파란색 범위의 색상을 사용할 수 있습니다.
No additional considerations for iOS, iPadOS, or watchOS. Not supported in tvOS.
iOS, iPadOS 또는 watchOS에 대한 추가 고려 사항은 없습니다. TVOS에서 지원되지 않습니다.
In addition to supporting gauges, macOS also defines a level indicator that displays a specific numerical value within a range. You can configure a level indicator to convey capacity, rating, or — rarely — relevance.
MacOS는 게이지를 지원하는 것 외에도 범위 내의 특정 수치를 표시하는 레벨 표시기를 정의합니다. 용량, 등급 또는 드물게 관련성을 전달하도록 수준 표시기를 구성할 수 있습니다.
The capacity style can depict discrete or continuous values.
용량 스타일은 이산 또는 연속 값을 나타낼 수 있습니다.
Continuous. A horizontal translucent track that fills with a solid bar to indicate the current value.
연속. 현재 값을 나타내기 위해 실선으로 채워진 수평 반투명 트랙.
Discrete. A horizontal row of separate, equally sized, rectangular segments. The number of segments matches the total capacity, and the segments fill completely — never partially — with color to indicate the current value.
이산형. 동일한 크기의 직사각형 세그먼트로 이루어진 수평 행입니다. 세그먼트 수는 총 용량과 일치하며, 세그먼트는 부분적이 아니라 현재 값을 나타내는 색상으로 완전히 채웁니다.
Consider using the continuous style for large ranges. A large value range can make the segments of a discrete capacity indicator too small to be useful.
큰 범위에 연속 스타일을 사용하는 것을 고려해 보십시오. 값 범위가 크면 개별 용량 표시기의 세그먼트가 너무 작아서 유용하지 않을 수 있습니다.
Consider changing the fill color to inform people about significant parts of the range. By default, the fill color for both capacity indicator styles is green. If it makes sense in your app, you can change the fill color when the current value reaches certain levels, such as very low, very high, or just past the middle. You can change the fill color of the entire indicator or you can use the tiered state to show a sequence of several colors in one indicator, as shown below.
사람들에게 범위의 중요한 부분을 알리기 위해 채우기 색을 변경하는 것을 고려해 보십시오. 기본적으로 두 용량 표시기 스타일의 채우기 색은 녹색입니다. 앱에서 사용할 수 있는 경우 현재 값이 매우 낮음, 매우 높음 또는 중간을 조금 지났을 때와 같은 특정 수준에 도달하면 채우기 색을 변경할 수 있습니다. 아래와 같이 전체 표시기의 채우기 색을 변경하거나 계층화 상태를 사용하여 하나의 표시기에 여러 색의 순서를 표시할 수 있습니다.
Tiered level appearance
For guidance using the rating style to help people rank something, see Rating indicators.
등급 스타일을 사용하여 순위를 매기는 방법은 등급 표시기를 참조하십시오.
Although rarely used, the relevance style can communicate relevancy using a shaded horizontal bar. For example, a relevance indicator might appear in a list of search results, helping people visualize the relevancy of the results when sorting or comparing multiple items.
거의 사용되지 않지만 관련 스타일은 음영 처리된 수평 막대를 사용하여 관련성을 전달할 수 있습니다. 예를 들어, 여러 항목을 정렬하거나 비교할 때 결과의 관련성을 시각화하는 데 도움이 되는 관련성 표시기가 검색 결과 목록에 나타날 수 있습니다.