<amp-story-grid-layer template="vertical"> <amp-img src="moons.jpg" width="266" height="340" layout="responsive"> </amp-img> </amp-story-grid-layer>
Web
Stories
오픈 웹을 위한 시각적 스토리텔링
Web Stories 빠르게 로딩되는 전체 화면으로 독자에게 몰입감을 선사합니다. 흥미로운 애니메이션과 대화형 탭 조작을 통해 간편하게 시각적 내러티브를 창작하세요. AMP 스토리 형식은 오픈 웹의 일부로 무료로 제공되며, 누구나 웹사이트에서 활용할 수 있습니다. 또한, 폐쇄적인 생태계나 플랫폼에 제한되지 않고 웹상에서 공유 및 삽입이 가능합니다.
Web Stories 콘텐츠 퍼블리셔가 시각적으로 다양한 탭 기반 스토리로 뉴스와 정보를 전달할 수 있도록 모바일 중심의 포맷을 제공합니다. 그뿐 아니라, 광고주와 퍼블리셔는 AMP 스토리가 선사하는 강력한 광고 기회를 활용하여 몰입형 경험으로 웹상의 고유한 잠재 고객에게 도달할 수 있습니다.
뉴스 속보와 정보의 출처로서 Web Stories 활용하면 다양한 요소의 결합을 통해 수준 높은 저널리즘을 선보일 수 있습니다. 보도 내용, 사진, 동영상 및 모션 그래픽 등이 결합되어 독자들이 보도 자료를 검색할 때 보다 시각적인 정보를 제공합니다.
《워싱턴 포스트》 디자인 디렉터 Greg Manifold
이미지, 동영상 및 GIF
Web Stories 시각적으로 다양한 미디어를 포함하여 제작됩니다. 사진, 동영상, GIF 등 원하는 콘텐츠를 마음껏 활용하세요. 이미지와 동영상이 독자의 화면을 가득 채우고 원활하고 완전한 몰입형의 경험을 선사합니다. AMP를 통해 사용자 네트워크 연결 및 브라우저 성능에 맞는 파일 유형을 지정할 수도 있습니다.
텍스트 및 오디오
모바일 기기의 특성에 맞춰 한두 문장으로 구성된 작은 조각으로 자세한 내용을 전달하세요. 다양한 폰트 색상을 활용해 기본 가독성을 높이거나, 은은한 블랙 톤의 투명 그라데이션 오버레이와 같은 시각적 요소를 더하는 것도 좋은 방법입니다. 이를 통해 사용자 생성 콘텐츠 등의 임의의 배경 이미지에서도 뛰어난 가독성을 실현할 수 있습니다. 그뿐 아니라, 모든 페이지에 정보 전달용으로 짤막한 오디오 파일을 삽입하거나 배경 음악을 넣는 것도 가능합니다.
애니메이션 및 대화형 효과
독자의 흥미를 끄는 시각적 효과와 탭 조작 가능한 대화형 효과를 간편하게 생성하세요. 페이지로 제목이 날아와 떨어지거나 페이드인 혹은 움직이는 효과를 구현할 수도 있습니다. 동영상 클립이 완료되면 다음 페이지로 자동으로 넘어가도록 스토리를 구성하세요. 사용자가 스토리를 공유하고 사이트의 다른 콘텐츠를 살펴볼 수 있도록 스토리 끝부분에 소셜 미디어 공유 및 관련 링크를 삽입하는 것도 추천해 드립니다.