3P : 11 - 14
<div class="pdf-a4-wrapper" style="display: flex; flex-direction: column; align-items: center;">
<!-- Page 11 -->
<div class="pdf-page white" data-page-name="11페이지" style="padding: 10mm 10mm;"><!-- 상단 문구 -->
<div class="pdf-header center">세 장의 시선, 하나의 흐름</div>
<!-- 세로사진 3장 가로 정렬 (축소 버전) -->
<div class="photo-group horizontal-3" data-group="group11" style="justify-content: center;">
<a data-lightbox="group11" data-title="2025-05-02 사진 1" href="/files/attach/images/2025/05/02/64c3495858e52c2df8dff2f302591a10.jpg">
<img alt="2025-05-02 사진 1" class="vertical small" src="/files/attach/images/2025/05/02/64c3495858e52c2df8dff2f302591a10.jpg" />
</a>
<a data-lightbox="group11" data-title="2025-05-02 사진 2" href="/files/attach/images/2025/05/02/0d30f71df478595afff2570cade0352f.jpg">
<img alt="2025-05-02 사진 2" class="vertical small" src="/files/attach/images/2025/05/02/0d30f71df478595afff2570cade0352f.jpg" />
</a>
<a data-lightbox="group11" data-title="2025-05-02 사진 3" href="/files/attach/images/2025/05/02/6b82e0da1388cdf9204235ddbd82859d.jpg">
<img alt="2025-05-02 사진 3" class="vertical small" src="/files/attach/images/2025/05/02/6b82e0da1388cdf9204235ddbd82859d.jpg" />
</a>
</div>
<!-- 설명 글박스 -->
<div class="text-box bordered left-align">
<h2 class="title">정적인 흐름</h2>
<p class="body">세로로 찍힌 이미지를 가로로 나란히 두면, 서로 다른 시선이 하나의 리듬처럼 연결됩니다. 이 배치는 각 장면이 독립적이면서도 연결되어 있다는 것을 보여줍니다.</p>
<p class="desc">각 이미지에 담긴 감정의 밀도와 거리감이 서로 대조되면서도 묘하게 균형을 이룹니다.</p>
</div>
<!-- 페이지 번호 -->
<div class="pdf-footer center">11. 세로사진 배치 -</div>
</div>
<!-- Page 12 -->
<div class="pdf-page white" data-page-name="12페이지" style="padding: 10mm 10mm;">
<!-- 상단 문구 -->
<div class="pdf-header center">한 장면, 또 한 장면, 여운처럼</div>
<!-- 가로 사진 3장을 세로로 배치 -->
<div class="photo-group vertical-stack" data-group="group12">
<a data-lightbox="group12" data-title="2025-05-02 사진 A" href="/files/attach/images/2025/05/02/247332ce9928fc1b0f17baef58d5873e.jpg">
<img alt="사진 A" class="horizontal" src="/files/attach/images/2025/05/02/247332ce9928fc1b0f17baef58d5873e.jpg" />
</a>
<a data-lightbox="group12" data-title="2025-05-02 사진 B" href="/files/attach/images/2025/05/02/6a155458ff602741ec3609f40d9b5fe7.jpg">
<img alt="사진 B" class="horizontal" src="/files/attach/images/2025/05/02/6a155458ff602741ec3609f40d9b5fe7.jpg" />
</a>
<a data-lightbox="group12" data-title="2025-05-02 사진 C" href="/files/attach/images/2025/05/02/ac411c2931b005a2922b71592d1f5577.jpg">
<img alt="사진 C" class="horizontal" src="/files/attach/images/2025/05/02/ac411c2931b005a2922b71592d1f5577.jpg" />
</a>
</div>
<!-- 글상자 제거됨 -->
<!-- 페이지 번호 -->
<div class="pdf-footer center">12. 가로사진 스택 -</div>
</div>
<!-- Page 13 -->
<div class="pdf-page white" data-page-name="13페이지" style="padding: 10mm 10mm;">
<!-- 상단 문구 -->
<div class="pdf-header left">좌우 조화로운 균형</div>
<!-- 사진 그룹 -->
<div class="photo-group" data-group="group13">
<!-- 왼쪽 세로사진 -->
<div class="left-vertical">
<a href="/files/attach/images/2025/05/02/aa07b088d1ca1fe5bc1066db591611e5.jpg" data-lightbox="group13">
<img src="/files/attach/images/2025/05/02/aa07b088d1ca1fe5bc1066db591611e5.jpg" alt="세로사진" />
</a>
</div>
<!-- 오른쪽 정방형 사진 2열 -->
<div class="right-square-stack">
<a href="/files/attach/images/2025/05/02/3d168a98754aad0cb3f05c5a17ee7f58.jpg" data-lightbox="group13">
<img src="/files/attach/images/2025/05/02/3d168a98754aad0cb3f05c5a17ee7f58.jpg" alt="정방형 사진 1" />
</a>
<a href="/files/attach/images/2025/05/02/20cf3d6df5c568787a15ef45f0dcb253.jpg" data-lightbox="group13">
<img src="/files/attach/images/2025/05/02/20cf3d6df5c568787a15ef45f0dcb253.jpg" alt="정방형 사진 2" />
</a>
</div>
</div>
<!-- 📌 글상자 추가 -->
<div class="text-box bordered left-align">
<h2 class="title">형태의 대조, 시선의 리듬</h2>
<p class="body">긴 세로 프레임과 정방형 이미지가 나란히 배치되며 시각적인 균형을 형성합니다. 서로 다른 형태의 대비는 단순한 구조 속에서도 풍부한 리듬감을 만들어냅니다.</p>
<p class="desc">사진은 말하지 않지만, 서로 다른 모양의 구도가 교차하며 감상의 속도를 조절합니다.</p>
</div>
<!-- 페이지 번호 -->
<div class="pdf-footer center">13. 좌우 배치 -</div>
</div>
<!-- Page 14 -->
<div class="pdf-page white" data-page-name="14페이지" style="padding: 10mm 10mm;">
<!-- 상단 문구 -->
<div class="pdf-header left">반대의 배치, 다른 균형</div>
<!-- 사진 그룹 -->
<div class="photo-group" data-group="group14">
<!-- 왼쪽: 정방형 사진 2장 -->
<div class="left-square-stack">
<a href="/files/attach/images/2025/05/02/628c74f0cac8f286377628cac8044f4d.jpg" data-lightbox="group14">
<img src="/files/attach/images/2025/05/02/628c74f0cac8f286377628cac8044f4d.jpg" alt="정방형1" />
</a>
<a href="/files/attach/images/2025/05/02/22f2789842dbc9ef1684f54126289c95.jpg" data-lightbox="group14">
<img src="/files/attach/images/2025/05/02/22f2789842dbc9ef1684f54126289c95.jpg" alt="정방형2" />
</a>
</div>
<!-- 오른쪽: 세로사진 -->
<div class="right-vertical">
<a href="/files/attach/images/2025/05/02/ae787cf5dc14a4560fe9522e9ef91ab4.jpg" data-lightbox="group14">
<img src="/files/attach/images/2025/05/02/ae787cf5dc14a4560fe9522e9ef91ab4.jpg" alt="세로사진" />
</a>
</div>
</div>
<!-- 글상자 -->
<div class="text-box bordered left-align">
<h2 class="title">균형의 전환</h2>
<p class="body">이전과 반대의 구도를 통해 시선의 흐름과 공간의 중심을 전환했습니다. 오른쪽으로 기울어진 무게 중심이 더 동적인 인상을 남깁니다.</p>
<p class="desc">같은 구성요소도 위치가 바뀌면 전혀 다른 긴장감을 만들어냅니다.</p>
</div>
<!-- 페이지 번호 -->
<div class="pdf-footer center">14. 반대의 배치 -</div>
</div>
</div>
by eGrida posted May 02, 2025
