brunch

You can make anything
by writing

C.S.Lewis

by Lawn Apr 01. 2024

[HIG] Color wells

화면 요소의 색상을 조절하는 컬러 웰

본 문서는 Apple의 Human Interface Guideline(이하 HIG) 문서를 한글로 번역한 것입니다. iOS 생태계 내에서 HIG를 읽으시는 분들이 번역본이 없어 불편함을 겪는 것을 알게 되었고, 이에 한글로 번역을 하게 되었습니다. iOS 커뮤니티 Async Swift에서 자율적으로 모인 9명이 함께 번역했으며, 일체의 상업적인 목적을 띄지 않습니다. 이 문서를 학습에 적극적으로 이용해 주시돼, 상업적인 용도로 이용하시는 것은 지양해 주시기 바랍니다. 감사합니다.


Introduction


컬러 웰(color well)을 사용하면 텍스트, 도형, 가이드 및 기타 화면 요소의 색상을 조정할 수 있습니다.

컬러 웰(color well)은 사람들이 탭 하거나 클릭하면 색상 선택기가 표시됩니다. 이 색상 선택기(color picker)는 시스템에서 제공되거나 사용자가 디자인한 사용자 지정 인터페이스일 수 있습니다.


Best practices


익숙한 환경을 위해 시스템에서 제공하는 색상 선택기(color picker)를 고려해 보세요. 기본 제공 색상 선택기(color picker)를 사용하면 일관된 환경을 제공할 뿐만 아니라 모든 앱에서 액세스 할 수 있는 색상 세트를 저장할 수 있습니다. 시스템에서 정의한 색상 선택기는 iOS, iPadOS 및 macOS에서 앱을 개발할 때 익숙한 환경을 제공하는 데도 도움이 될 수 있습니다.



Platform considerations


No additional considerations for iOS, iPadOS, or visionOS. Not supported in tvOS or watchOS.


macOS

사람들이 색상을 클릭하면 하이라이트가 표시되어 해당 색상이 활성화되었음을 시각적으로 확인할 수 있습니다. 그런 다음 사람들이 색상을 선택할 수 있도록 색상 선택기가 열립니다. 사용자가 색상을 선택하면 컬러 웰(color wess)이 업데이트되어 새 색상이 표시됩니다.


컬러 웰(color wess)은 드래그 앤 드롭도 지원하므로 사용자는 한 컬러 웰(color wess)에서 다른 컬러 웰(color wess)로, 색상 선택기에서 컬러 웰(color wess)로 색상을 드래그할 수 있습니다.



Resources


Related  

Color


Developer documentation  

UIColorWell — UIKit

UIColorPickerViewController — UIKit

NSColorWell — AppKit

작가의 이전글 [HIG] Windows
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari