brunch

You can make anything
by writing

C.S.Lewis

by Lawn Feb 15. 2023

[HIG] Text views

앱에 텍스트를 보여주는 텍스트 뷰

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


Introduction


텍스트 뷰(Text view)는 선택적으로 편집할 수 있는 여러 줄의 스타일이 지정된 텍스트 콘텐츠를 보여줍니다.


텍스트 뷰(Text views)는 높이에 제한이 없으며 콘텐츠가 뷰 밖으로 확장될 때 스크롤이 가능합니다. 기본적으로 텍스트 뷰(Text views) 내의 콘텐츠는 앞쪽 가장자리에 정렬되며 시스템이 제공하는 레이블 색상을 사용합니다. iOS 또는 iPadOS에서 텍스트 뷰(Text views)를 편집할 수 있는 경우 사람들이 뷰(View)를 선택하면 키보드가 나타납니다.


Best Practices


편집할 수 있거나 특수한 형식으로 텍스트를 표시해야 할 경우를 텍스트 뷰(Text views)를 사용하세요. 텍스트 뷰(Text view)는 특수 텍스트를 표시하고 텍스트를 입력받는데 가장 많은 옵션을 제공한다는 점에서 text fields와 labels과 다릅니다. 적은 양의 텍스트를 표시해야 하는 경우에는 레이블을 사용하거나 텍스트를 편집해야 하는 경우에는 text field를 사용하는 것이 더 간단하고 좋습니다.


텍스트를 읽을 수 있도록 해야 합니다. 여러 글꼴, 색상 및 정렬을 사용할 수 있지만 콘텐츠의 가독성을 유지하는 것이 중요합니다. Dynamic Type을 사용해서 디바이스의 텍스트 크기가 변경되더라도 텍스트가 일관적으로 잘 보이게 하는 것이 좋습니다. 또한 손쉬운 사용 기능의 굵은 텍스트(bold text)와 같이 접근성(accessibility) 기능도 사용 가능한지 테스트해야 합니다. 자세한 내용은 Accessibility와 Typograpy을 확인하세요.


역자 설명 : Dynamic Type이란, 사용자가 원하는 글씨 사이즈로 앱의 콘텐츠를 볼 수 있는 적응성(flexibility)을 제공합니다.


유용한 텍스트를 선택할 수 있도록 합니다. 텍스트 뷰(Text view)에 오류메시지, 일련번호 또는 IP 주소와 같은 유용한 정보가 포함된 경우, 다른 곳에 붙여 넣기 위해 사용자가 선택하고 복사할 수 있도록 하세요.


Platform considerations


No additional considerations for macOS.


iOS, iPadOS

적절한 타입의 키보드를 보여주세요. 키보드 타입은 여러 가지가 있으며, 각각 다른 타입을 입력할 수 있도록 설계되어 있습니다. 데이터 입력을 간소화하려면 텍스트 뷰(text view)를 편집할 때 표시하는 키보드가 콘텐츠 유형에 적합해야 합니다. 자세한 내용은 Onscreen keyboards을 확인해 주세요.


tvOS

텍스트 뷰(Text view)를 사용하여 tvOS에서 텍스트를 표시할 수 있습니다. tvOS의 텍스트 입력은 최소로 설계되었기 때문에 tvOS는 편집할 수 있는 텍스트 대신 text fields를 사용합니다.


watchOS

WatchKit의 레이블 또는 SwiftUI의 text view로 watchOS에 텍스트를 표시할 수 있습니다. 자세한 내용은 Labels를 확인하세요.


Resources


Related   

Labels

Text fields

Combo boxes


Developer documentation   

Text — SwiftUI

UITextView — UIKit

NSTextView — AppKit


                    

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