지난 몇 년 동안 대부분의 웹 디자인 서비스 회사는 배경 비디오를 디자인 요소로 사용하고 있습니다. 이 스타일은 웹 연결을 증폭시켜 더 빠르게 만들고, 비디오 코덱을 개선하며, 브라우저도 HTML5 비디오에 대한 향상된 지원을 얻을 수 있습니다 강아지.
디자인이 나쁘면 배경 비디오도 해로운 결과를 초래할 수 있습니다. 예를 들어, 페이지의 다른 부분을 느리게 하거나 방문자의 주의를 실제 페이지 콘텐츠에서 빼앗을 수 있으며, 너무 많은 팬닝이나 움직임이 있으면 사용자에게 불쾌감이나 불안감을 줄 수도 있습니다.
반대로, 잘만 한다면 배경 영상은 불필요한 관심 층을 더하는 웅장하고 미묘한 디자인적 터치가 될 수도 있습니다.
따라서 배경 영상을 디자인할 때 실수를 피하려면 다음의 간단한 지침을 따르세요.
압축된 비디오를 갖는 것이 항상 더 좋습니다
비디오가 크면 항상 방해가 되고 웹사이트 전체가 느리게 로딩되는 것 같은 나쁜 느낌을 줍니다.
이를 피하기 위해, 우리는 실제로 비디오를 우리가 만족스러워 보이는 가장 낮은 비트 전송률로 압축할 필요가 있습니다. 완벽하게 선명하고 눈길을 끄는 고품질 비디오를 사용하는 것은 매력적이지만, 웹사이트 로딩 시간과 끊어진 스트리밍을 위해서는 가치가 없습니다.
아티팩트를 숨기려면 오버레이를 추가합니다.
고품질이든 저품질이든 비디오의 꼭대기에 오버레이를 추가해야 합니다. 이는 품질을 가리는 데 도움이 될 수 있습니다. 이는 비디오 바로 뒤에 완전히 자리 잡은 div를 추가하기만 하면 됩니다.
특정 비디오에 적절한 CSS 속성을 사용하여 사용자가 비디오를 마우스 오른쪽 버튼으로 클릭하여 일시 정지, 재생, 저장 등을 수행할 때 비디오가 멈추지 않도록 하세요.
밝은 색상의 반투명 오버레이가 약간 도움이 되고, 특히 오버레이 색상을 웹사이트 디자인 색상과 잘 어울리도록 잡아당기면 정말 보기 좋게 보일 수 있습니다. 패턴이 있는 오버레이는 품질을 더 잘 위장하지만 일부 디자인에는 맞지 않을 수 있습니다.
짧은 길이의 영상이어야 합니다
영상의 길이는 항상 30~40초로 제한하세요. 더 나은 방법은 완벽하게 반복되는 짧은 영상을 찾는 것입니다. 하지만 영상의 길이에 따라 크기가 1MB 또는 2MB보다 작아도 됩니다.
비디오가 콘텐츠를 지배해서는 안 됩니다.
