브랜디드 앱은 Vimeo OTT Enterprise 고객에게만 제공됩니다. Vimeo OTT 사이트용 앱에 관심이 있는 경우 영업팀에 문의해 주세요.
Vimeo OTT 브랜디드 앱은 카테고리, 컬렉션 및 다양한 행 수준 사용자 지정을 사용하여 콘텐츠를 큐레이션, 사용자 지정 및 정리하는 방법을 반영합니다. 시청자는 앱에서 대부분의 시간을 라이브러리를 탐색하고 콘텐츠를 시청하는 데 사용합니다.
그러나 시청자가 앱을 열기 전에 앱 스토어와 자신의 기기에서 앱을 찾아야 합니다. 앱 스토어에서 앱을 검색한 순간부터 매일 사용하는 순간까지 앱의 모양과 느낌을 사용자 지정할 수 있습니다.
이 문서에서는 앱을 사용자 지정하는 데 필요한 브랜드 그래픽을 팀에 제공하는 방법과 시작하는 데 도움이 되는 업계 모범 사례에 대해 설명합니다. 선택하는 브랜드 그래픽은 앱이 독특하고 매력적이며 웹 제품과 더 넓은 브랜드 정체성과 일관성을 유지하는 데 도움이 될 수 있습니다.
이 도움말에 포함된 내용:
앱 경험과 각 사용자 정의 브랜드 요소를 자세히 살펴보려면 이 문서 하단에 첨부된 앱 디자인 모형을 다운로드하세요.
브랜드 로고
로고는 눈에 띄고, 단순하며, 시선을 사로잡아야 합니다. 항상 고유한 브랜드 로고를 목표로 삼아야 합니다. 기존 브랜드를 모방하지 마세요.
로고는 앱의 여러 위치에 사용할 수 있습니다:
- 앱 아이콘 위에
- 모바일 탐색 화면의 상단 악센트 바에서
- TV 탐색 화면의 탐색 사이드바에서
- 시작 화면에서
- 로그인 게이트에서
- 설정 화면에서
💡 모범 사례: 어떤 상황에서도 읽기 쉽도록 다양한 크기와 색상의 로고를 제공하세요.
최소 로고 크기: 1024 x 1024 px. 권장 로고 크기: 2000 x 2000 px 또는 확장 가능한 벡터 형식.
앱 아이콘
앱 아이콘은 시청자가 가장 먼저 보는 것 중 하나로, 시청자의 기기에 표시될 뿐만 아니라 앱 스토어 목록의 맨 위에도 나타납니다.
- 아이콘을 간단하게 유지하세요. 앱 아이콘은 전체 브랜드 로고와 다를 수 있습니다!
- 텍스트를 거의 또는 전혀 사용하지 마세요. 작은 아이콘이나 소파에 앉아 있는 경우에 텍스트를 읽기 어려울 수 있습니다.
- 일부 앱 플랫폼에서는 앱 아이콘 로고에 전체 앱 이름을 포함하도록 요구합니다. Vimeo 팀은 이러한 요구 사항을 충족하기 위해 변형 아이콘을 요청할 수 있습니다.
- 알아볼 수 있는 아이콘이나 브랜드 마크를 사용하세요.
💡 모범 사례: 가능하면 모바일 앱 아이콘을 단순하게 유지하고 텍스트와 얇은 글꼴은 피하세요.
💡 모범 사례: TV 앱 아이콘에 앱 이름을 포함하되, 소파에서 읽을 수 있을 정도로 간단한 디자인을 유지하세요.
모바일 앱의 최소 아이콘 크기: 1024 x 1024px, TV 앱의 경우 1280 x 768px. 권장 아이콘 크기: 너비 2000px 또는 확장 가능한 벡터 형식.
Vizio 앱은 확장 가능한 벡터 형식의 아이콘을 필요로 합니다.
테마
모바일 앱은 라이트 테마 또는 다크 테마로 실행될 수 있습니다. 시청자는 원하는 테마로 전환할 수 있도록 두 가지 옵션의 모습을 모두 고려하세요.
앱 색상
브랜드 색상은 조직을 나타냅니다. 전체 앱 환경과 로고와 잘 대비되는 색상을 고려하세요.
색상을 선택할 수 있습니다.
- 모바일 탐색 화면의 상단 강조 표시줄(라이트 및 다크 테마)
- TV 탐색 화면의 탐색 사이드바
- 버튼
Vimeo OTT 앱 제품군 내에서 글꼴 색상을 사용자 지정할 수 없습니다. 접근성과 가독성을 보장하기 위해 배경에 따라 검은색이나 흰색이 사용됩니다.
💡 모범 사례: 흰색이나 검은색은 배경과 섞여 중요한 버튼을 가릴 수 있습니다. 최소한 하나의 대조적인 브랜드 색상을 선택하세요.
시작 화면
앱이 로드되는 동안 시작 화면이 잠시 표시됩니다. 일반적으로 시청자는 시작 화면을 볼 시간이 1~2초밖에 없습니다. 로고가 중앙에 배치된 단순하고 독특한 디자인이나 표현력이 풍부한 이미지가 시작 화면에 잘 어울립니다.
시작 화면은 휴대폰, 태블릿, TV와 같은 다양한 기기 형태에서 전체 화면으로 표시됩니다.
💡 모범 사례: 중요한 로고와 주제를 캔버스 중앙에 배치하거나 각 치수에 대한 시작 화면 옵션을 제공하세요.
모바일 시작 화면 크기:
- 태블릿의 세로 방향에서 2048 x 2732 픽셀(3:4)
- 태블릿의 가로 방향에서 2732 x 2048 픽셀(4:3)
- 휴대폰과 16:9 태블릿은 태블릿 시작 화면에서 화면이 잘립니다.
TV 시작 화면 크기:
- 1920 x 1080 픽셀 (HD) 또는 3840 x 2160 (4K)
로그인 게이트
로그인 게이트는 사용자가 앱을 처음 열 때 또는 계정이 필요한 콘텐츠나 기능에 액세스하려고 할 때마다 시작 화면 뒤에 표시됩니다. 대부분의 사용자는 관심 있는 사용자에서 시청자로 전환되는 순간, 이 화면을 한 번만 보게 됩니다.
로그인 게이트를 설계할 때 고려해야 할 몇 가지 아이디어는 다음과 같습니다:
- 섬네일 그리드로 라이브러리의 폭을 보여주세요.
- 보색을 사용하여 브랜드 로고를 강화하세요.
- 로그인 게이트의 주요 목표는 전환이라는 점을 기억하세요! 제공하는 서비스의 가치를 전달하고, 콜 투 액션버튼에 중점을 두세요.
모바일 로그인 게이트 크기:
- 태블릿의 세로 방향에서 2048 x 2732 픽셀(3:4)
- 태블릿의 가로 방향에서 2732 x 2048 픽셀(4:3)
- 휴대폰과 16:9 태블릿은 태블릿 로그인 게이트에서 잘려나갑니다.
- 모바일 로그인 게이트 배경은 테마에 따라 어둡거나 밝은 그라데이션으로 오버레이되어 접근성과 가독성을 보장합니다.
TV 로그인 게이트 치수:
- 1920 x 1080 픽셀 (HD) 또는 3840 x 2160 (4K)
기존 Vimeo OTT Enterprise 고객이시며, 앱 디자인을 새롭게 바꾸고 싶으신가요? 앱 디자인 요청을 여기에서 제출하세요.