포컬 포인트

Focal point

방에 들어섰을 때 시선이 가장 먼저 머무는 하나의 지점. 벽난로·창문·큰 그림처럼 자연히 있는 것을 살리거나, 없으면 가구 배치로 새로 만듭니다.

다른 이름: Focal point designAnchor piece
···
html
<div class="room">
<svg viewBox="0 0 400 250">
  <rect class="wall" width="400" height="250"/>
  <rect class="floor" y="206" width="400" height="44"/>
  <rect class="mass" x="170" y="120" width="60" height="86" rx="2"/>
  <rect class="mass" x="162" y="112" width="76" height="10" rx="2"/>
  <path class="mass" d="M186,206 L186,166 A14,14 0 0 1 214,166 L214,206 Z"/>
  <path id="flame" class="flame" d="M196,204 q4,-16 8,0 q-4,-8 -8,0" />
  <g transform="rotate(12 92 190)">
    <rect class="chair" x="70" y="170" width="44" height="20" rx="6"/>
    <rect class="chair" x="70" y="140" width="16" height="50" rx="6"/>
  </g>
  <g transform="rotate(-12 308 190)">
    <rect class="chair" x="286" y="170" width="44" height="20" rx="6"/>
    <rect class="chair" x="314" y="140" width="16" height="50" rx="6"/>
  </g>
  <path class="gaze" d="M92,180 L192,175"/>
  <path class="gaze" d="M308,180 L208,175"/>
  <rect id="ring" class="ring" x="176" y="118" width="48" height="92" rx="4"/>
</svg>
</div>
css
.room{width:min(92%,480px);aspect-ratio:400/250}
.room svg{width:100%;height:100%;display:block}
.wall{fill:var(--surface)}
.floor{fill:color-mix(in oklab,var(--muted) 25%,var(--surface))}
.mass{fill:var(--fg);opacity:.7}
.chair{fill:var(--fg);opacity:.5}
.flame{fill:var(--accent-2);animation:flick 1.4s ease-in-out infinite}
@keyframes flick{0%,100%{opacity:.75}50%{opacity:1}}
.ring{fill:none;stroke:var(--accent);stroke-width:2;opacity:.9;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{opacity:.9;stroke-width:2}70%{opacity:0;stroke-width:14}100%{opacity:0;stroke-width:14}}
.gaze{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 6;opacity:.55;animation:flow 1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-20}}

방에 초점이 없으면 시선이 갈 곳을 못 찾고 가구도 벽을 따라 나란히 늘어서기 쉽습니다. 포컬 포인트는 방에 들어선 사람의 시선이 가장 먼저 향하는 한 지점을 정하고, 나머지 가구를 그 지점을 향해 배치해 방 전체에 중심을 만드는 원칙입니다.

벽난로나 통창처럼 건축적으로 이미 존재하는 요소가 있으면 그것을 그대로 살립니다. 없다면 큰 그림, 침대 헤드보드, TV 콘솔처럼 크기나 색이 두드러지는 가구를 만들어 새 초점으로 세울 수 있습니다. 소파와 의자를 그 지점을 바라보게 배치하면 시선과 동선이 자연히 한곳으로 모입니다.

한 방에 초점이 두 개 이상이면 시선이 분산돼 어느 쪽도 강조되지 않습니다. 창문과 TV가 서로 다른 벽에 있어 경쟁하는 경우가 흔한 예로, 이럴 땐 하나를 주 초점으로 정하고 다른 하나는 밝기·크기를 낮춰 보조로 물러나게 합니다.

언제 쓰나

가구를 배치했는데 방이 산만하게 느껴질 때 가장 먼저 점검할 원칙입니다. 창문과 TV처럼 초점 후보가 두 개 이상이면 하나를 정하고 나머지는 보조로 낮추세요.