10분할: 넘겨 보는 X 캐러셀에 사진 전체를
10분할은 사진 전체를 균등한 조각 10개로 자르는, X의 대표적인 분할 사진입니다. 조각이 세 개 이상이면 X는 줄을 최대 높이로 유지하므로 4:5보다 넓은 사진은 타임라인 가장자리 밖으로 이어지고, 게시물은 나머지를 보려는 스와이프를 부릅니다. 자르는 곳마다 X가 테두리와 간격 뒤로 가리는 6px를 빼 두므로 수평선이나 한 줄의 글자가 조각에서 조각으로 곧게 이어집니다.
나만의 스타일로 만들기
타임라인 끝에서 멈추기
모든 조각을 한 화면에 보여 주려면 줄 너비에서 '타임라인 꽉 채우기 (양옆 잘림)'을 고르고, 넓은 사진의 어느 부분을 남길지는 자르기 위치로 정하세요.
휴대폰 먼저
X를 넘겨 보는 사람은 대부분 휴대폰을 쓰므로, 데스크톱 타임라인의 490px 영역을 노린 게시물이 아니라면 간격 맞춤 기준은 '휴대폰'으로 두세요.
자주 묻는 질문
줄이 타임라인 가장자리 밖으로 넘어가는 이유는 무엇인가요?
X는 좁은 조각이 세 개 이상인 줄을 사진 비율과 상관없이 게시물 미디어 영역 너비의 1.24446배 높이로 만듭니다. 그래서 4:5보다 넓은 사진은 타임라인이 보여 주는 것보다 더 넓은 폭이 필요하고, 나머지는 한 번 넘기면 보입니다.
사용 방법
사진 추가하기
사진을 업로드하거나 갤러리에서 고르세요. 4:5이거나 그보다 세로로 긴 사진은 타임라인 안에 전체가 보이고, 그보다 가로로 넓은 사진은 가장자리 밖으로 이어져 스와이프를 부릅니다.
줄 다듬기
조각 수를 2개에서 20개 사이로 고르고, 줄 너비와 간격을 맞출 타임라인을 정하세요. 조각 가장자리를 드래그하면 넓어지고, 사진을 드래그하면 자르는 위치가 움직이며, 가장자리를 더블클릭하면 조각이 균등해집니다.
내려받아 게시하기
무료 UX Pilot 계정으로 로그인하면 조각마다 PNG 한 장씩, 순서대로 번호를 붙인 ZIP을 내려받을 수 있습니다. 그런 다음 그 순서대로 모두 하나의 게시물에 추가하세요.