웹은 자동 Masonry를 해결했습니다. 포토북은 왜 아직일까요?

Masonry 레이아웃은 돌이켜보면 당연해 보이는 웹 아이디어 중 하나입니다. 비율이 다른 이미지 모음을 주고 열 너비를 정한 뒤, 요소가 빈 공간을 채우게 합니다. Pinterest가 이 패턴을 유명하게 만들었고 JavaScript 라이브러리가 보편화했으며, 현대 CSS가 플랫폼 자체의 기능으로 끌어오고 있습니다.

그렇다면 화면의 Masonry 그리드가 등장한 지 10년이 넘었는데도 포토북 만들기는 왜 여전히 축소판 데스크톱 출판처럼 느껴질까요?

웹에서는 빈 공간의 비용이 낮습니다

웹페이지는 계속 길어질 수 있습니다. 한 열이 더 길어지면 문서가 그만큼 높아질 뿐입니다. 독자는 스크롤합니다. Masonry 알고리즘은 국소적으로 타당한 결정만 내리면 됩니다. 다음 요소를 가장 작은 틈이 남는 곳에 놓는 것입니다.

인쇄된 양면 페이지는 닫힌 시스템입니다. 너비와 높이가 고정되고, 조심해서 다뤄야 할 제본 중앙이 있으며, 가장자리에는 재단 여백이 있고, 한정된 수의 사진을 모두 담아야 합니다. 접힌 선 아래에 ‘페이지의 나머지’는 없습니다.

사진은 서로 바꿔도 되는 직사각형이 아닙니다

레이아웃 엔진은 너비, 높이, 가로세로비를 봅니다. 사람은 가장자리 가까이 있는 얼굴, 수평을 유지해야 하는 지평선, 여백이 필요한 고요한 사진, 혹은 여행 전체를 상징하는 한 장을 봅니다.

기술적으로 완벽한 크롭이 피사체를 잘라낼 수 있습니다. 수학적으로 균형 잡힌 그리드가 영수증과 결혼식 인물 사진에 같은 시각적 비중을 줄 수도 있습니다. 몇 초 간격으로 찍은 두 사진은 함께 있어야 할 수 있지만, 가로세로비가 같은 두 사진은 그렇지 않을 수 있습니다.

빠진 계층은 점수화입니다

유용한 모델은 영리한 Masonry 규칙 하나가 아닙니다. 생성기 뒤에 비평가를 두는 방식입니다. 먼저 알려진 템플릿, 재귀적 페이지 분할, 높이를 공유하는 행, 너비를 공유하는 열 등 여러 유효한 배치를 만듭니다. 그런 다음 디자이너가 알아챌 특성을 기준으로 각 후보를 평가합니다.

• 크롭 비용: 각 사진에서 얼마나 사라지는가?
• 초점 안전성: 크롭이 얼굴과 주요 피사체를 보존하는가?
• 균형: 제본 중앙을 기준으로 시각적 무게가 의도적으로 보이는가?
• 리듬: 연속된 양면 페이지가 혼란스럽지 않으면서도 다양하게 보이는가?
• 위계: 주인공 사진이 충분한 공간을 받는가?
• 인쇄 안전성: 재단 여백, 재단선, 제본 중앙의 제약을 지키는가?

점수가 가장 높은 레이아웃이 ‘정답’인 것은 아닙니다. 소프트웨어가 가진 근거로 만들 수 있는 최선의 제안입니다.

‘자동’은 완성도 높은 초안을 뜻해야 합니다

포토북 도구는 흔히 두 가지 나쁜 약속 중 하나를 택합니다. 모든 것을 수동으로 하거나, ‘AI’가 아무 입력 없이 완성된 책을 만들어 준다고 합니다. 실제 디자인은 그 사이에 있습니다.

자동화는 빈 페이지 문제를 없애야 합니다. 180장의 사진을 몇 초 만에 일관된 초안으로 만들고, 원본 파일을 보존하며, 모든 결정을 되돌릴 수 있어야 합니다. 편집자는 여전히 사용자입니다. 이 사진을 강조하고, 저 두 장을 붙여 두고, 이 양면 페이지를 다시 만들고, 저 크롭을 잠급니다.

왜 지금일까요?

필요한 구성 요소가 성숙했습니다. 기기는 얼굴을 로컬에서 감지할 수 있습니다. 사진 보관함에는 이미 촬영 시각, 장소, 즐겨찾기가 있습니다. 수백 개 후보를 대화형으로 탐색할 만큼 레이아웃 생성도 빠릅니다. 네이티브 앱은 개인 사진을 서버에 올리지 않고 이 모든 작업을 할 수 있습니다.

마지막 부분은 중요합니다. 가족 기록은 사적인 것입니다. 좋은 자동 레이아웃 엔진이 또 하나의 클라우드 서비스가 될 필요는 없습니다. 소유자의 기기에서 사진 보관함 곁에 머물며, 아무것도 가져가지 않았기에 아무것도 잊지 않습니다.

우리가 만들고 있는 것

PhotoBooks는 템플릿과 생성형 페이지 분할을 사용한 뒤, 공통 점수 시스템으로 결과를 평가합니다. 인간 디자이너를 흉내 내는 것이 목표는 아닙니다. 비율, 일관성, 인쇄 제약, 유용한 출발점처럼 소프트웨어가 안정적으로 제공할 수 있는 디자인 전문성을 누구나 이용하게 하는 것이 목표입니다.

웹은 직사각형이 스스로 배열될 수 있음을 증명했습니다. 포토북에는 다음 단계가 필요합니다. 자신이 추억을 담고 있음을 이해하는 직사각형입니다.