비디오 배경이있는 16 개의 멋진 웹 사이트

웹 사이트를 디자인한다고해서 정적 인 경험을 만들어야하는 것은 아닙니다. 인쇄가 아닙니다. 의 상승과 함께 HTML5 다음과 같은 것을 추가하는 것이 더 쉬워졌습니다. 생기 보다 풍부한 사용자 경험을 제공합니다. 이러한 시각적 번영은 적절하게 수행하면 더 흥미롭고 몰입감 있고 놀라운 경험을 만드는 데 종종 작동 할 수 있습니다. 또한 마찬가지입니다. 비디오 , HTML5를 사용하면 액세스 가능한 방식으로 훨씬 쉽게 구현할 수 있습니다.

일부 사이트는 새롭고 창의적인 방식으로 시각적 경험을 변경할 수 있도록 웹 페이지의 배경으로 사용하여 브라우저 크기의 큰 비디오를 최대한 활용하고 있습니다. 일부 사이트는 큰 배경 비디오를 사용하여 분위기와 분위기를 미묘하게 바꾸는 반면, 다른 사이트는 제품을 실제로 시연하거나 일반 정적 페이지만큼 쉽거나 재미 있지 않은 스토리를 전달하는 데 사용합니다.

영감을주기 위해 비디오 배경을 최대한 활용하는 더 창의적이고 기발하며 흥미로운 사이트 예를 수집했습니다. 다음 웹 디자인 프로젝트에 유용한 쇼케이스를 찾으시기 바랍니다.



01. mediaBOOM

웹 사이트 비디오 배경 : Mediaboom

복고풍 스타일의 영화 배경은이 광고 대행사의 이야기를 알려줍니다.

mediaBOOM은 브랜딩을 만들기 위해 독특한 접근 방식을 취한 인터랙티브 광고 대행사입니다. 레트로 아메리카나 스타일로 촬영 한 배경 비디오는 1950 년대 맨해튼을 닮은 허구의 세계를 배경으로 한 소속사 이야기를 담고 있습니다.

학위없이 웹 디자이너가되는 방법

02. 마이 프로방스 페스티벌

웹 사이트 비디오 배경 : My Provence Festival

이 배경 비디오가 제공하는 에너지 감각은 놀랍습니다.

MyProvence 페스티벌 사이트는 배경 비디오를 사용하여 해당 지역을 탐험하는 아티스트의 하이라이트를 보여줍니다. 비디오의 음악과 장면이 완벽하게 조화를 이루어 사이트의 기분을 고양시킵니다.

03. 스포티 파이

웹 사이트 비디오 배경 : Spotify

배경 비디오는 Spotify의 랜딩 페이지에 감정을 더합니다

음악 스트리밍 앱 Spotify는 배경 비디오를 사용하여 랜딩 페이지에 감정을 더합니다. 사이트의 핵심 메시지는 Spotify가 매 순간 음악을 제공 할 수 있다는 것입니다. 다양한 방식으로 감성적 인 애착을 보여주는 일련의 클립 인 배경 비디오는 동반 음악과 잘 어우러져 브랜드 주변에 감성적 인 분위기를 조성합니다.

04. 파이의 삶

웹 사이트 비디오 배경 : Life of PI

아름답게 촬영 된 영화에는 아름다운 웹 사이트 배경이 있습니다.

이안 감독의 오스카상 수상작 <라이프 오브 파이>의 홍보 웹 사이트는 아름다운 장면 발췌 부분을 보여줌으로써 전체 브라우저 크기의 배경을 최대한 활용합니다. 음악과 함께 각 장면은 미니멀 한 디자인을 더 흥미롭고 영감을주는 것으로 바꾸는 데 도움이됩니다.

05. 텔레비전

웹 사이트 비디오 배경 : 텔리

이 사이트의 비디오 배경은 바람에 흔들리는 풀을 보여줍니다.

Telly는 가장 인기있는 바이럴 동영상을 찾아 공유하는 스타트 업입니다. '정보'페이지는 희미하고 반복되는 배경 비디오를 사용하여 분위기를 아름답게 설정하는 데 도움이됩니다.

06. Fernando Maclen

웹 사이트 비디오 배경 : Fernando Maclen

흐릿한 비디오 배경은 Maclen이 작동하는 모습을 보여줍니다.

Fernando Maclen은 흐릿한 비디오 배경을 사용하여 자신의 작업 방식을 보여주는 재능있는 디자이너입니다. 그 결과는 단순하고 깔끔한 디자인을 유지하면서 흥미롭고 기억에 남을 것입니다.

07. Windward

웹 사이트 비디오 배경 : Windward

이 앱 웹 사이트의 미묘한 배경이 분위기를 잘 설정합니다.

Windward는 조수, 풍속 및 기온에 대한 데이터를 표시하여 선원을 위해 설계된 iPhone 앱입니다. 합리적으로 고르지 않은 바다를 보여주는 배경 비디오는 너무 산만하지 않고 분위기를 잘 설정합니다.

08. 문제

웹 사이트 비디오 배경 : Matter

배경이 예상치 못한 것이므로 눈에 띄는 영향을 미칩니다.

Matter는 무작위로 선택된 일련의 비디오를 사용하는 전략적 디자인 컨설팅 회사입니다. 각 비디오는 다른 사람을 사이트의 배경으로 보여줍니다. 이것은 사이트를 돋보이게하는 데 정말 도움이됩니다. 예상치 못한 일이기 때문에 그 경험은 놀랍고 기억에 남게됩니다.

09. 이글 클린

웹 사이트 비디오 배경 : Eagleclean

기발한 비디오는 그렇지 않으면 지루한 홈페이지에 유머를 더합니다.

런던 청소 회사 Eagleclean은 유머를 더하기 위해 사이트에 아주 짧은 비디오를 통합합니다. 랜딩 페이지는 처음에는 아주 작은 얼룩으로 나타나며 장갑을 낀 손으로 빠르게 제거됩니다.

10. 드 로모 랜드 성

웹 사이트 비디오 배경 : Dromoland Castle

비디오 배경은 호텔 주변의 장엄한 자연을 전달하는 데 도움이됩니다.

Dromoland Castle은 아일랜드의 유명한 호텔이자 시골 저택입니다. 홈페이지는 대규모 배경 비디오를 사용하여 멋진 부지, 골프 및 인근 야생 동물을 보여줍니다.

열한. Y.CO 요트

웹 사이트 비디오 배경 : YCO 요트

비디오 배경은 지나치게 판매 지향적이지 않고 열망 적입니다.

럭셔리 요트 시장에서 드문 몇 안되는 사람이 아니더라도 Y.CO 요트 웹 사이트는 여전히 흥미 롭습니다. 대형 비디오를 사용하여 요트 중 하나에서 휴가를 즐기는 가족의 장면을 backgrounfd로 보여줍니다. 이 영화는 너무 거짓이나 '세일'없이 열망 적이다.

12. Flipboard

웹 사이트 비디오 배경 : Flipboard

Flipboard 홈페이지의 비디오 배경은 앱이 실제로 어떻게 작동하는지 보여줍니다.

Flipboard는 RSS 피드, Twitter 및 Facebook 계정을 하나의 디지털 매거진으로 통합하는 iPhone 및 iPad 앱으로 흥미로운 기사 사이를 쉽게 넘길 수 있습니다. 사용자 인터페이스가 매우 중요하기 때문에 웹 사이트의 홈페이지 배경은 사용중인 앱의 비디오에 제공됩니다. 이 경우 앱이 어떻게 작동하는지 알려주기보다 보여주는 것은 천재적입니다.

13. 나이키 조던 M6

웹 사이트 비디오 배경 : Nike Jordan M6

배경 비디오는 Nike Jordan M6가 어떻게 디자인되었는지에 대한 이야기를 들려줍니다.

Nike Jordan M6 웹 사이트는 배경 비디오를 사용하여 새로운 운동화 디자인 생성되었습니다. 명백한 판매 기반 메시지를 전달하는 대신 Nike는 각 디자인 선택의 이유에 대해 간단히 이야기합니다. Jordan M6 구매를 생각하는 사람에게는 제품이 어떻게 만들어 졌는지에 대한 매혹적인 통찰력이됩니다.

14. 아케이드 파이어

웹 사이트 비디오 배경 : Arcade Fire

이 배경 뮤직 비디오는 대화 형입니다. 한 번 사용해보세요!

인디 록 밴드 Arcade Fire는 종종 그들의 기발함으로 유명했으며, 그들은 Neon Bible 앨범의 실험적인 홍보 트레일러에 실망하지 않습니다. 타이틀 트랙이 재생되는 동안 배경 비디오는 동기화되지만 상호 작용합니다. 비디오가 재생되는 동안 손을 클릭 해보십시오.

열 다섯. 카세트

웹 사이트 비디오 배경 : The Cassette

이 프랑스 신발 가게는 사이트에서 매우 창의적인 배경 비디오 사용을 보여줍니다.

The Cassette는 배경 비디오를 창의적으로 사용하는 프랑스 온라인 신발 가게입니다. 홈페이지의 배경은 베스트셀러 중 하나가 모델링되어 모든 각도에서 어떻게 보이는지 볼 수 있도록하는 데 전념합니다.

16. 나무

The Wood는 벨기에 브뤼셀의 Sonian Forest 가장자리에 위치한 레스토랑입니다. 홈페이지와 사이트 전체의 미묘한 비디오는 분위기를 조성하고 장소의 소박한 장식과 완벽하게 어울립니다.

: 알렉스 블랙

알렉스 블랙 씁니다 PrintExpress.co.uk . 여가 시간에는 웹 앱을 디자인하고 코딩하는 것을 배우고 그래픽과 인쇄를 공부합니다. 디자인.

이것은 이전에 Creative Bloq에 게재 된 기사의 업데이트 된 버전입니다.