색은 비슷하게 두고 재질(매끈함·거칠음·짜임)을 겹겹이 쌓아 깊이를 만드는 방법. 단색 방을 심심하지 않게 만드는 가장 손쉬운 수단입니다.
디자인 아틀라스<div class="room">
<svg viewBox="0 0 400 250">
<defs>
<pattern id="weave" width="8" height="8" patternUnits="userSpaceOnUse">
<rect width="8" height="8" fill="var(--surface)"/>
<path d="M0,0 L8,8 M8,0 L0,8" stroke="var(--line)" stroke-width="1"/>
</pattern>
<pattern id="knit" width="10" height="6" patternUnits="userSpaceOnUse">
<rect width="10" height="6" fill="var(--accent-3)" opacity=".25"/>
<path d="M0,3 q2.5,-4 5,0 q2.5,4 5,0" stroke="var(--accent-3)" stroke-width="1.4" fill="none"/>
</pattern>
<pattern id="dots" width="8" height="8" patternUnits="userSpaceOnUse">
<rect width="8" height="8" fill="var(--accent)" opacity=".2"/>
<circle cx="4" cy="4" r="1.4" fill="var(--accent)"/>
</pattern>
</defs>
<rect x="40" y="60" width="320" height="130" rx="16" fill="url(#weave)" stroke="var(--line)" stroke-width="2"/>
<path id="throw" d="M60,120 q150,-30 280,10 l0,60 q-150,26 -280,-10 Z" fill="url(#knit)"/>
<rect id="p1" x="80" y="80" width="60" height="50" rx="10" fill="url(#dots)" stroke="var(--line)" stroke-width="1.5"/>
<rect id="p2" x="160" y="86" width="60" height="50" rx="10" fill="var(--accent-2)" opacity=".55"/>
</svg>
</div>.room{width:min(92%,480px);aspect-ratio:400/250}
.room svg{width:100%;height:100%;display:block}
#throw{opacity:0;animation:seq 6s ease-in-out infinite}
#p1{opacity:0;animation:seq 6s ease-in-out infinite .5s}
#p2{opacity:0;animation:seq 6s ease-in-out infinite 1s}
@keyframes seq{0%,10%{opacity:0}20%,85%{opacity:1}95%,100%{opacity:0}}같은 회색이라도 매끈한 벨벳 쿠션, 거친 니트 담요, 부드러운 셔닐 러그를 겹쳐두면 색은 그대로인데 손으로 만졌을 때의 차이, 빛을 반사하는 방식의 차이 때문에 훨씬 입체적으로 보입니다. 색 대비 대신 재질 대비로 깊이를 만드는 방법입니다.
보통 큰 면(러그, 소파 커버)에는 짜임이 두드러지는 재질을, 중간 크기(담요, 쿠션)에는 결이 다른 니트나 벨벳을, 작은 소품(바구니, 화병)에는 자연 소재(라탄, 도자기)를 섞어 최소 3가지 다른 질감을 한 공간에 배치하는 것을 기준으로 삼습니다.
질감이 다 비슷한 매끈함이면 밋밋하고, 다 거칠면 공간이 무거워 보입니다. 매끈한 재질과 거친 재질을 번갈아 배치해야 손으로 만지지 않아도 눈으로 그 차이가 느껴집니다.
단색이나 무채색 톤으로 방을 꾸몄는데 밋밋하게 느껴질 때 씁니다. 큰 면·중간 면·작은 소품에 각각 다른 질감을 배정해 최소 3가지를 섞어보세요.