nn4
<div class="pdf-a4-wrapper" style="display: flex; flex-direction: column; align-items: center;">
<!-- Page 4 -->
<div class="pdf-page white" data-page-name="배치 변형 실험" style="padding: 10mm;">
<div class="photo-group column" data-group="group4" style="display: flex; flex-direction: column; gap: 4mm;">
<div style="display: flex; justify-content: flex-end;">
<a href="/files/attach/images/2025/04/30/7777915489fe969b04d17e34924afb68.jpg" data-lightbox="group4" data-title="첫 번째 사진 (오른쪽 정렬)">
<img src="/files/attach/images/2025/04/30/7777915489fe969b04d17e34924afb68.jpg" alt="첫 번째 사진" style="width: 100mm; aspect-ratio: 2 / 3;">
</a>
</div>
<div style="display: flex; justify-content: center;">
<a href="/files/attach/images/2025/04/30/2b792cf1845c8eeec5db20e68b728837.jpg" data-lightbox="group4" data-title="두 번째 사진 (가운데 정렬)">
<img src="/files/attach/images/2025/04/30/2b792cf1845c8eeec5db20e68b728837.jpg" alt="두 번째 사진" class="horizontal" style="width: 100mm; aspect-ratio: 3 / 2;">
</a>
</div>
</div>
<div class="text-box bordered left-align" style="margin-top: 10mm; width: calc(100% - 20mm); margin-left: auto; margin-right: auto; box-sizing: border-box;">
<h2 class="title">배치 변형 실험</h2>
<p class="body">한정된 종이 위의 여백을 다르게 써 보는 실험입니다. 같은 이미지도 보는 위치에 따라 흐름이 달라집니다.</p>
<p class="desc">사진을 보는 시선이 왼쪽에서 오른쪽으로 옮겨가는 구성입니다.</p>
</div>
<div class="pdf-footer center">4. 배치 변형 실험 -</div>
</div>
</div>
</div>
by eGrida posted Apr 30, 2025
