스토리에 공유하기
스토리에 공유하기를 통해 앱 사용자들이 콘텐츠를 Facebook 스토리로 공유하도록 지원할 수 있습니다. |
개요
Android 암시적 인텐트 및 iOS 맞춤 URL 스키마를 사용하면 앱에서 사진, 동영상과 스티커를 Facebook 앱으로 보낼 수 있습니다. Facebook 앱이 해당 콘텐츠를 받아서 스토리 작성기에 읽어들이면 사용자는 콘텐츠를 Facebook 스토리에 게시할 수 있습니다.
 | Instagram 앱의 스토리 작성기는 배경 레이어와 스티커 레이어로 구성됩니다. 배경 레이어배경 레이어는 화면을 채우며 사진, 동영상, 단색 또는 컬러 그래디언트로 맞춤 설정할 수 있습니다. 스티커 레이어스티커 레이어(선택 사항)는 이미지, 텍스트 또는 그 두 가지를 모두 포함할 수 있으며, 사용자가 스토리 작성기에서 레이어를 추가로 맞춤 설정할 수 있습니다. |
시작하기
스토리에 공유하기를 구현하기 전에 Facebook 플랫폼 약관과 개발자 정책을 검토하세요.
디자인 원칙
사용자가 공유하려는 대상에 집중
디자인은 간단하고 사용자의 기대와 일치해야 합니다. 탭하거나 상호작용할 수 있을 것처럼 보이는 경쟁적 시각 요소가 없어야 합니다. 콘텐츠는 보기 환경에 대해 투명하고 정확해야 합니다.
스토리 경험의 중요성
시각적 스타일을 구축하는 동시에 전체적인 스토리 경험을 고려하세요. 사용자가 스토리를 보는 시간은 약 5초뿐이라는 점을 기억하세요. 가장 기본적인 정보를 앞으로 가져오고 집중을 방해하는 요소를 줄이세요.
명확성 지향
단순하게 디자인하세요. 스토리의 중심은 사용자가 공유하려는 미디어가 되어야 합니다. 콘텐츠를 최소화하고 적절한 방식으로 시각적 요소를 보완해야 합니다.
디자인 가이드라인
캔버스
표준 스토리 캔버스로 프로젝트를 시작해보세요. 캔버스는 여기에서 확인할 수 있습니다. |  |
안전 영역
소형 기기(Androids 또는 iPhone 8 이하)를 사용하는 사용자를 염두에 두세요. 스토리 상단과 하단에는 Facebook 스토리 UI를 배치해야 합니다. |  |
레이어 요소
디자인은 상호작용보다는 정보를 제공하는 방향이어야 합니다. 단순한 시각적 경험을 디자인하면 사용자가 공유된 미디어 자체에 집중할 수 있습니다. 행동 유도 버튼(CTA)이나 사용자가 상호작용할 수 없는 다른 UI 구성 요소와 비슷한 요소를 사용하지 마세요. |  |
컨텍스트
사용자가 스토리를 보는 동안 어디에 있는지 고려하는 것이 중요합니다. 추가 콘텐츠를 최소화하는 것을 목표로 합니다. 콘텐츠는 컨텍스트 측면에서 관련이 있고 공유된 미디어를 보완해야 합니다. 불필요하거나 부정확한 컨텍스트는 추가하지 마세요. 여기에는 이미지는 고정이지만 동영상은 재생되고 있다고 안내하는 것이 포함될 수 있습니다. |  |
접근성: 색상과 대비
깨끗하고 단순한 배경을 사용하여 공유되는 미디어에 집중하도록 하세요. 웹 콘텐츠 접근성 가이드라인은 텍스트의 경우 4.5:1, 제목 또는 그래픽의 경우 3:1의 색상 대비를 권장합니다. 모든 디자인은 웹 콘텐츠 접근성 가이드라인을 준수해야 합니다. |  |
접근성: 텍스트
적절한 색상 대비 원칙을 사용하여 텍스트와 배경을 구분하세요. 웹 콘텐츠 접근성 가이드라인은 텍스트의 경우 4.5:1, 제목 또는 그래픽의 경우 3:1의 색상 대비를 권장합니다. 모든 디자인은 웹 콘텐츠 접근성 가이드라인을 준수해야 합니다. |  |
디자인 시스템
디자인에 회사 브랜드를 추가하세요! Facebook 브랜드와 유사한 요소나 색상을 피해 디자인을 명확히 차별화하세요. |  |
기타 권장 사항
컨테이너가능하면 컨테이너에 둥근 모서리를 사용하세요. 그러면 디자인이 통합되고 더욱 매력적인 느낌이 부여됩니다. |  |
Instagram 스토리에 공유하기
앱 사용자가 콘텐츠를 Instagram 스토리에 공유하도록 지원할 수도 있습니다. 이에 관한 방법은 Instagram 스토리에 공유하기 문서를 참조하세요.