LAB/화면 구성과 사용성

Composition Lab

같은 물건, 다른 배치.
무엇이 먼저 보이는지 비교해보세요.

01물건 배치

크기, 간격, 방향을 하나씩 바꾸며 인상을 비교하세요.

주제마다 독립된 예제예요. 바꾼 배치는 각 주제에 그대로 남습니다.

하나의 크기를 바꾸며, 먼저 보이는 물건이 달라지는지 살펴보세요.

크기 대비

물건을 드래그하거나, 선택 후 방향키로 이동 · Shift로 크게 이동

Q.

가장 큰 물건과 가장 먼저 보이는 물건이 같나요? 작은 물건을 더 키우면 무엇이 달라지나요?

예시 배치 불러오기

예시를 오가며 비교하세요. 직접 바꾼 배치는 아래 버튼으로 돌아갈 수 있어요.

물건 선택
상자선택됨

실루엣으로 바꿔 면적의 차이도 비교해보세요. 서로 다른 모양은 같은 배율에서도 다르게 보여요.

02이미지 · 명암 덩어리

내 이미지의 덩어리와 여백을 나누고, 구도 선을 겹쳐보세요.

구도 예시
—
이미지를 읽는 중…
현재 프레임의 흑백 면적검정 — · 흰색 —

구도 선은 정답이 아닌 비교 도구예요. 큰 덩어리, 여백, 시선이 모이는 위치를 관찰하세요.

01 / 명암 덩어리

밝기를 기준으로 배경과 내부 그림자까지 묶어 보여줍니다.

02 / 화면 비율

비율을 바꿔 다른 프레임을 비교하세요. 원본 파일은 그대로 유지됩니다.

03 / 구도 가이드
명암 덩어리와 구도를 읽는 법

실루엣은 외곽만 보고도 형태·포즈·방향이 읽히는가의 문제입니다. 이 실습의 명도 마스크는 밝기로 나눈 덩어리라서 배경이나 내부 그림자도 함께 묶일 수 있어요. 외곽을 정확히 보려면 배경과 분리된 이미지도 함께 비교하세요.

삼분할 선은 가로·세로의 1/3과 2/3, 황금 분할은 약 38.2%와 61.8%입니다. 황금 나선은 90°마다 반지름이 약 1.618배 커지는 곡선이며, 화면 비율에 맞춰 찌그러뜨리지 않습니다. 나선의 중심과 흐름을 옮기며 비교하세요.

도타 2 아트 가이드의 관찰 포인트: 작은 크기에서도 알아볼 수 있는 외곽, 큰 명도 덩어리, 시선이 모이는 대비, 디테일 사이의 쉼. 특정 비율에 맞는다는 이유만으로 좋은 구도가 되는 것은 아닙니다.

흑백은 선형 sRGB 휘도에서 계산하며, 투명 영역은 흰 배경에 합성합니다. 면적은 현재 잘린 프레임의 축소 미리보기 기준입니다. 이미지는 이 브라우저에서 처리하며 서버로 보내지 않습니다.

Composition Lab | Studio Penumbra