만화 패널 레이아웃은 독자가 알아차리는 내용, 알아차리는 순서, 순간이 느끼는 시간이라는 세 가지를 동시에 제어합니다. 간단한 그리드로 시작하여 스토리상의 이유로만 분리하고 썸네일 크기로 읽기 경로를 테스트하세요.
보이지 않는 그리드부터 시작하세요
그리드는 완성된 페이지 아래에 반복되는 행과 열의 집합입니다. 개별 패널이 병합되거나 확장되는 경우에도 간격과 비율이 일관되게 유지됩니다.
첫 번째 페이지의 경우 다음 구조 중 하나를 사용하십시오.
- 대화와 명확한 행동을 위한 3개의 동일한 수평 계층.
- 동일한 가중치를 적용한 4개의 비트를 위한 2×2 그리드.
- 세 개의 작은 액션 패널 위에 하나의 넓은 설치 패널이 있습니다.
- 아래에 좁은 반응 스트립이 있는 하나의 주요 패널.
일관성은 독자에게 기준을 제공합니다. 그러면 기준선을 깨는 패널이 중요하게 느껴집니다.
패널 크기는 기간을 나타냅니다.
대형 패널은 검사를 유도하고 순간을 연장시킬 수 있습니다. 일련의 좁은 패널은 반복 작업을 가속화할 수 있습니다. 이는 스톱워치가 아닌 표현적 경향입니다. 이미지의 복잡성, 대화, 친숙함도 독서 시간을 변화시킵니다.
모든 패널이 극적이라면 어느 것도 그렇지 않습니다. 페이지를 전달하는 이미지에 대해 가장 큰 모양을 예약하십시오.
Gutters는 독자에게 이벤트를 연결하도록 요청합니다.
홈통은 패널 사이의 공간입니다. 독자는 그 전체에서 무슨 일이 일어나는지 추론합니다. Scott McCloud가 Understanding Comics에서 종결이라고 부르는 프로세스입니다.
인접한 패널이 이동할 수 있습니다.
- 한 순간부터 다음 순간까지.
- 하나의 행동부터 그 결과까지.
- 한 장면 내에서 한 주제에서 다른 주제로.
- 장면, 장소 또는 기간 사이.
- 아이디어의 관련 측면 사이.
점프가 클수록 독자에게 더 많은 맥락이 필요합니다. 캡션, 반복되는 개체, 일관된 색상 또는 명확한 설정 이미지가 이를 연결할 수 있습니다.
읽는 순서를 보호하세요
왼쪽에서 오른쪽으로 페이지에서 일반적인 경로는 가로로 이동한 다음 아래로 이동합니다. 패널 사이의 간격이 의도한 경로와 다른 그룹화를 암시하는 경우 문제가 나타납니다.
눈을 가늘게 뜨기 테스트를 사용하세요. 세부 사항이 사라질 때까지 페이지를 줄이세요. 패널 모양과 간격은 여전히 순서를 나타내야 합니다.
독자가 오른쪽으로 이동하거나 아래로 이동하는 것 중에서 선택해야 하도록 두 개의 패널을 배치하지 마십시오. 두 경로가 모두 그럴듯해 보이면 정렬이나 간격을 조정하세요.
페이지 넘김을 편집으로 사용
다음 페이지의 정보는 인쇄된 리더와 페이지가 매겨진 리더에 물리적으로 숨겨져 있습니다. 차례가 되기 전에 질문, 다가오는 행동, 불완전한 시각 자료를 넣습니다. 그 뒤에 답을 놓으십시오.
절벽으로 끝나는 모든 페이지를 낭비하지 마십시오. 페이지는 조용한 감정적 변화로 끝날 수도 있습니다. 차례는 단순히 통제된 부재를 만들어냅니다.
세로형 웹툰의 레이아웃
수직 스크롤은 페이지 넘기기를 거리로 대체합니다. 비어 있는 공간은 측정 가능한 시간이 된다.
긴 간격을 아껴서 사용하십시오. 공간이 너무 많으면 일상적인 대화가 중단된 것처럼 느껴지고 독자의 피로도가 높아집니다. 관련 교류를 긴밀하게 유지하세요. 공개, 위치 변경 또는 감정 재설정 전에 거리를 두십시오.
모바일에서는 실제 너비로 테스트하세요. 데스크탑 캔버스에서는 인상적으로 보이더라도 휴대폰 화면으로 축소하면 상세한 와이드 샷을 읽을 수 없게 될 수 있습니다.
경로에 풍선 맞추기
대화 순서대로 말풍선을 배치하세요. 독자는 가능하면 초점이 되는 행동이나 얼굴을 건너기 전에 화자의 풍선을 만나야 합니다.
글자는 구성의 일부입니다. 스케치나 프롬프트에서 이를 위한 공간을 예약하세요. 예술이 끝난 후 풍선을 추가하면 표정이 가려지고 어색한 꼬리가 생기는 경우가 많습니다.
고쳐야 할 다섯 가지 레이아웃 실수
- 어디서나 동일하게 강조: 페이지당 하나의 시각적 우선순위를 선택합니다.
- 모호한 간격: 간격을 만들어 행과 그룹을 강화합니다.
- 장식적인 대각선: 기울어진 패널은 에너지를 암시합니다. 장면이 그것을 얻을 때 사용하십시오.
- 말할 여지가 없습니다. 최종 이미지 전에 문자를 계획하세요.
- 그리드를 너무 일찍 깨는 경우: 그리드를 방해하기 전에 리듬을 확립하세요.
10분 레이아웃 연습
여섯 개의 작은 직사각형을 그립니다. 6개의 패널에서 동일한 이벤트(누군가가 상자를 열고 내부 내용을 인식함)를 전달합니다. 사람에는 원만 사용하고 사물에는 사각형만 사용하세요.
동일한 패널로 버전 1을 만드세요. 하나의 주요 공개로 버전 2를 만드세요. 눈이 멈추는 곳을 비교해 보세요. 이는 그리기 불안을 제거하고 그 아래의 타이밍 결정을 노출시킵니다.
시퀀스가 명확하게 읽혀지면 완성된 아트로 이동하거나 그리지 않고 만화를 만드는 방법의 워크플로를 사용하세요.
출처 및 추가 자료
- 윌 아이스너(Will Eisner), 만화와 연속 예술.
- Scott McCloud, 만화의 이해.
- Thierry Groensteen, The System of Comics, 페이지 전체의 관계에 대한 더 깊은 설명.