디자인 아틀라스
EN
⌂ 인테리어·공간 디자인

컬러 블로킹(인테리어)

Color blocking (interior)

벽·가구·바닥을 명확한 경계선으로 나눠 서로 다른 단색을 붙여넣는 배색 기법. 그러데이션 없이 색과 색이 맞닿는 경계 자체가 디자인이 됩니다.

다른 이름: Color drenchingPaint blocking
···
html
<div class="room">
<svg viewBox="0 0 400 250">
  <rect id="upper" x="0" y="0" width="400" height="150" fill="var(--accent)"/>
  <rect id="lower" x="0" y="150" width="400" height="60" fill="var(--fg)" opacity=".08"/>
  <rect y="210" width="400" height="40" fill="var(--muted)" opacity=".25"/>
  <rect x="150" y="160" width="140" height="42" rx="8" fill="var(--surface)" stroke="var(--line)" stroke-width="3"/>
  <rect x="158" y="140" width="50" height="22" rx="4" fill="var(--surface)" stroke="var(--line)" stroke-width="3"/>
  <rect x="232" y="140" width="50" height="22" rx="4" fill="var(--surface)" stroke="var(--line)" stroke-width="3"/>
</svg>
</div>
css
.room{width:min(92%,480px);aspect-ratio:400/250}
.room svg{width:100%;height:100%;display:block}
#upper{animation:swap 6s ease-in-out infinite}
@keyframes swap{0%,45%{fill:var(--accent)}55%,100%{fill:var(--accent-2)}}

그래픽 디자인의 컬러 블로킹을 방 안으로 옮긴 것으로, 색을 섞거나 그러데이션으로 넘기지 않고 명확한 선(보통 바닥에서 일정 높이, 혹은 대각선)에서 뚝 끊어 다른 색으로 넘어갑니다. 벽 하나를 반으로 나눠 위아래 다른 색을 칠하거나, 문·몰딩까지 벽과 같은 색으로 칠하는 "컬러 드렌칭"과 함께 쓰이는 경우가 많습니다.

경계선의 위치가 전체 인상을 좌우합니다. 눈높이보다 낮게 나누면 방이 아늑하고 낮아 보이고, 천장 가까이서 나누면 오히려 층고가 높아 보입니다. 대비가 강한 두 색을 쓸수록 경계가 또렷해지고, 톤이 가까운 색을 쓰면 은은한 구분에 머뭅니다.

가구나 패브릭 색이 너무 많으면 벽의 색 경계와 경쟁해서 산만해지므로, 컬러 블로킹을 쓴 벽 주변은 가구를 무채색으로 두고 색은 벽에만 집중시키는 것이 정돈되어 보입니다.

언제 쓰나

밋밋한 흰 벽에 개성을 주고 싶지만 전체를 칠하긴 부담스러울 때 씁니다. 경계선 높이를 먼저 정하고, 벽 주변 가구는 무채색으로 맞춰 색이 벽에만 집중되게 하세요.