대칭 프레이밍

Symmetry framing

화면을 좌우(또는 상하) 대칭으로 구성해 안정감과 형식미를 주는 구도. 중심축에 놓인 피사체가 자연스럽게 시선을 붙잡습니다.

다른 이름: Symmetrical compositionMirror composition
···
html
<div class="stage">
  <div class="axis"></div>
  <svg class="facade" viewBox="0 0 200 130" preserveAspectRatio="xMidYMid meet">
    <rect x="16" y="20" width="30" height="95" rx="2"/>
    <rect x="154" y="20" width="30" height="95" rx="2"/>
    <rect x="54" y="10" width="24" height="105" rx="2"/>
    <rect x="122" y="10" width="24" height="105" rx="2"/>
    <path d="M88,115 L88,46 A12,12 0 0 1 112,46 L112,115 Z"/>
  </svg>
  <div class="sweep"></div>
  <div class="core"></div>
</div>
css
.stage{position:absolute;inset:0;background:var(--surface);overflow:hidden}
.axis{position:absolute;left:50%;top:6%;bottom:6%;width:0;border-left:1px dashed var(--muted);opacity:.6}
.facade{position:absolute;left:6%;top:8%;width:88%;height:84%}
.facade rect,.facade path{fill:color-mix(in oklab,var(--fg) 78%,var(--surface))}
.core{position:absolute;left:50%;top:64%;width:5%;aspect-ratio:1;border-radius:50%;
  background:var(--accent-2);transform:translate(-50%,-50%);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 color-mix(in oklab,var(--accent-2) 50%,transparent)}
  50%{box-shadow:0 0 0 10px transparent}
}
.sweep{position:absolute;top:0;bottom:0;width:14%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:swp 4s ease-in-out infinite;mix-blend-mode:overlay}
@keyframes swp{0%{left:-16%}100%{left:100%}}

삼분할 법칙이 '정중앙을 피하라'고 한다면, 대칭 구도는 정반대입니다 — 오히려 정중앙에 피사체를 두고 양옆을 최대한 비슷하게 맞춥니다. 건축물의 정면, 복도, 거울에 비친 상처럼 원래 대칭인 피사체를 찍을 때 특히 강력합니다.

완벽한 대칭은 화면에 인위적이고 형식적인 느낌, 때로는 위압감이나 고요함을 줍니다. 웨스 앤더슨 감독의 영화들이 이 구도로 유명한 것도 그 형식미가 감독 특유의 동화 같은 톤과 잘 맞기 때문입니다.

완전한 대칭 대신 '한 가지만 다른' 구도(좌우는 대칭이지만 한 사람만 다른 곳을 본다)를 쓰면, 안정된 배경 속에서 그 하나의 어긋남이 유독 도드라져 보입니다 — 대칭 자체가 '무엇이 예외인지'를 강조하는 틀이 되는 셈입니다.

언제 쓰나

건축·인테리어 촬영, 형식적이고 정제된 무드가 필요한 브랜드 비주얼에. 피사체가 원래 비대칭이면 억지로 맞추기보다 삼분할을 쓰세요.