배경, 프레임, 여백

날것의 화면 녹화는 화면을 끝에서 끝까지 채우고, 누군가 스크린샷을 찍어 놓은 것처럼 읽힙니다. 배경 위로 안쪽에 들이고, 모서리를 둥글리고, 부드러운 그림자를 더하는 데 4초쯤 걸리고, 인상은 완전히 바뀝니다. 각 조절기가 무엇을 하고 어디서 도움이 되기를 그만두는지 설명합니다.

배경은 그림이 아니라 바닥이다

여덟 가지 배경은 모두 코드로 그린 그러데이션과 단색입니다. 밝은 종이, 어두운 잉크, 차가운 슬레이트, 따뜻한 모래, 가라앉은 이끼, 부드러운 잉걸, 밋밋한 단색, 그리고 투명 출력을 위한 '없음'. 일부러 조용합니다. 배경의 일은 녹화가 안쪽에 앉아 조명을 받은 것처럼 보이게 하는 것이지, 자신이 보이는 것이 아닙니다. 마찬가지로 일부러 보라-파랑 오로라는 없습니다. 그것은 제품 영상을 즉시 낡아 보이게 하고 다른 모든 것과 똑같아 보이게 하는 시각적 상투구이기 때문입니다. 밝은 UI에는 밝은 배경, 어두운 UI에는 어두운 배경을 — 혹은 대비를 위해 반대로 — 고르고, 그 뒤로는 생각을 그만두세요.

여백, 모서리, 그림자

여백은 녹화가 화면 가장자리에서 얼마나 안으로 들어가는지이고, 셋 중 가장 많은 일을 합니다. 5 % 언저리가 좋은 기본값, 여분의 공간이 의도로 읽히는 세로 형식에서는 조금 더, 끝에서 끝까지 보이고 싶을 때는 0. 둥근 모서리는 날것의 캡처가 아니라 창을 떠올리게 합니다. 그림자는 녹화에 공간 속 위치를 줍니다. 기본값은 세기 85 %이고 흐림과 오프셋이 화면에 비례해 조정되므로 어떤 해상도에서도 비례가 유지됩니다. 셋 다 같은 방향으로 망가집니다. 여백이 지나치면 UI가 읽을 수 없을 만큼 줄고, 둥글림이 지나치면 UI 모서리를 먹고, 그림자가 지나치면 20년 전 프레젠테이션 효과로 읽힙니다.

창 프레임과 브라우저 프레임

선택은 셋입니다. 없음, 점 세 개가 붙은 수수한 창 막대, 그리고 주소창이 있는 브라우저 프레임. 창 막대는 웹사이트가 아닌 모든 것에 맞습니다. 데스크톱 앱, 도구, 패널. 브라우저 프레임은 웹사이트라는 사실이 중요할 때 맞고, 주소창은 **당신이 입력한 URL만** 담고 입력하지 않으면 아무것도 담지 않습니다. 기본으로 비어 있는 것은 의도적입니다. 보여 주고 있는 것이 아닌 그럴듯한 URL을 찍는 것은 시청자를 오도하는 일이고, 그것은 저희가 내보낼 뜻이 없는 기본값입니다. 막대는 UI에 맞춰 밝은 것과 어두운 것이 있습니다.

카메라가 실제로 움직이는 것

알아 둘 값어치가 있습니다. 구성된 데모가 옳게 보이는 이유를 설명하니까요. 배경은 고정된 채로 있고, 확대되고 움직이는 것은 프레임에 담긴 녹화입니다. 줌은 프레임 안의 화면으로 들어가고, 그것이 놓인 바닥은 제자리에 남습니다. 책상 위의 화면으로 다가가는 카메라와 똑같지, 세상 전체가 확대되는 것과는 다릅니다. 배경이 녹화와 함께 확대된다면 모든 줌이 싸구려 슬라이드 전환처럼 느껴질 것입니다. 같은 렌더러가 미리보기와 내보낸 파일을 모두 그리므로, 편집하며 보는 것이 인코더가 받는 것입니다.