brunch

You can make anything
by writing

C.S.Lewis

by Lawn Jan 02. 2023

[HIG] Branding

앱의 고유한 브랜드 아이덴티티

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


Introduction


앱과 게임은 다양한 플랫폼에서 사람들에게 일관된 경험을 제공하며, 사용자들이 알아볼 수 있는 방식으로 고유한 브랜드 아이덴티티를 표현합니다.


app icon을 통해 사용자들에게 브랜드를 표현하는 방법 외에도 브랜드를 강조할 수 있는 다양한 방법이 있습니다. 앱 스토어 내 가이드라인은 App Store Marketing Guidelines을 참고하세요.


Best practices


브랜드만의 특별함을 사용자들에게 보여주세요. 예를 들어 단어, 느낌표, 그림 이모티콘, 문장 구조를 사용하여 사용자에게 브랜드 고유의 느낌을 전달할 수 있습니다.


악센트 색상을 적용하는 것을 고려해 보세요. 대부분의 플랫폼에서 아이콘, 버튼, 텍스트에 적용되는 색상을 지정할 수 있습니다. macOS에서 사람들은 앱이 지정하는 색상 대신 시스템에서 사용할 수 있는 고유한 강조 색상(accent color)을 선택할 수도 있습니다. 가이드라인은 Color를 참고하세요.


커스텀 글꼴의 사용을 고려해 보세요. 브랜드를 위해 커스텀 글꼴이 필요한 경우 모든 크기에서 쉽게 읽을 수 있고, bold 텍스트 및 larger type과 같은 손쉬운 사용 기능을 지원하는지 확인하세요. 시스템 글꼴은 작은 크기에도 사용자의 불편함 없이 높은 가독성을 제공하기 위해 만들어졌기 때문에 본문 및 캡션에 시스템 글꼴을 사용하는 동안 헤드라인 및 부제목에 커스텀 글꼴을 사용하는 것이 좋을 수 있습니다. 가이드라인은 Typography를 참고하세요.


브랜딩은 항상 콘텐츠를 따르도록 합니다. 브랜드를 위한 요소를 표시하는 것 외에 불필요한 화면 공간을 사용하면 사람들이 원하는 콘텐츠를 위한 공간이 줄어들 수 있습니다. 사람들의 경험을 방해하지 않고 눈에 거슬리지 않는 방식으로 브랜딩을 경험을 제공하는 것이 좋습니다.


패턴을 일관되게 사용하여 사람들이 편안함을 느끼도록 해야 합니다. 사람들에게 친숙한 패턴을 제공하는 경우 처음 보는 인터페이스라도 쉽게 접근할 수 있습니다. 예를 들어 UI 구성 요소를 예상 위치에 배치하고 표준 기호를 사용하여 사람들에게 친숙한 사용 경험을 제공합니다.


사용자의 맥락에 맞지 않는 앱이나 게임 로고를 강조하지 마세요. 사람들은 자신이 사용 중인 앱의 로고를 기억할 필요가 없으며, 로고에 공간을 사용하는 것보다 사람들이 원하는 정보를 제공하는 것이 좋습니다.


앱의 브랜딩을 위해 런치 화면을 사용하지 마세요. 일부 플랫폼에서는 시작 화면(Launch Screen)을 사용하여 사용자에게 기다리는 경험을 최소화합니다. 또한 게임에 리소스를 로드할 수 있는 약간의 시간을 제공합니다. 가이드라인은 Launch screens 참고하세요. 시작 화면(Launch Screen)은 정보를 전달하기에는 빠르게 사라지기 때문에 브랜딩 콘텐츠를 위한 시작 페이지 또는 온보딩 화면을 표시하는 것을 고려해 볼 수 있습니다. 가이드라인은 Onboarding을 참고하세요.


Apple의 상표 지침을 따르세요. Apple 상표는 앱 이름이나 이미지에 나타나서는 안 됩니다. Apple Trademark List와 Guidelines for Using Apple Trademarks를 참고하세요.


Platform considerations


No additional considerations for iOS, iPadOS, macOS, tvOS, or watchOS.


Resources


Related   

Marketing resources and identity guidelines

Show more with app previews

Color


Videos   

How to Pick a Custom Font WWDC 2017

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