종료
  • 글로벌 커뮤니티
    • 언어:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티

Can anyone fix this publishing online error?

신입 ,
Jun 29, 2025 Jun 29, 2025

Hello, I am end+gine who is doing mobile publishing.

I recently received a strange claim, so I would like to ask if it can be resolved.

If you scroll up and down online content as in the attachment, the image will be pushed to the right. I don't think there's any reason for that, but you're also one of my customers, so I want to make sure there's no error.

 

81
번역
신고
커뮤니티 가이드라인
게시판 이용시 매너를 지켜주세요. 콘텐츠의 원본 출처를 밝혀 주세요. 중복되는 질문이 있는지 확인해보신 후 게시물을 작성해주세요. 자세히 알아보기
community guidelines

correct answers 정답 1개

Adobe 직원 , Jul 01, 2025 Jul 01, 2025
인디자인의 Publish Online 기능은 웹 개발처럼 CSS 코드를 직접 수정할 수 없기 때문에, 인디자인 내부 설정을 조정하거나 콘텐츠 구조를 단순화하는 방향으로 접근해야 합니다.
 
우선 Liquid Layout(유동형 레이아웃) 설정 패널을 열러서 각 페이지및 객체에 적용된 규칙을 확인하시고 이미지가 들어있는 프레임이나 그룹에 Rescale 대신에 Object-based나 Guide-based 규칙을 사용해 봅니다.
Pin to Edge를 사용하여 이미지를 특정 모서리에 고정시키는 경우 밀림현상을 완화 할 수 있습니다. 
 
가능 하다면 'Re-center' 규칙을 피해주시고 대체 레이아웃(Alternate Layouts)을 활용하고 단순화 합니다. 
모바일 전용으로 대체 레이아웃을 만들어서 이미지와 텍스트의 배치 및 프레임 크기를 모바일 뷰포트에 맞게 최적화 하고 수동으로 조정합니다. 
이미지 프레임의 크기를 모바일 화면 폭에 정확하게 맞추고, 텍스트 프레임과 이미지가 복
...
번역
Adobe 직원 ,
Jul 01, 2025 Jul 01, 2025
최신
인디자인의 Publish Online 기능은 웹 개발처럼 CSS 코드를 직접 수정할 수 없기 때문에, 인디자인 내부 설정을 조정하거나 콘텐츠 구조를 단순화하는 방향으로 접근해야 합니다.
 
우선 Liquid Layout(유동형 레이아웃) 설정 패널을 열러서 각 페이지및 객체에 적용된 규칙을 확인하시고 이미지가 들어있는 프레임이나 그룹에 Rescale 대신에 Object-based나 Guide-based 규칙을 사용해 봅니다.
Pin to Edge를 사용하여 이미지를 특정 모서리에 고정시키는 경우 밀림현상을 완화 할 수 있습니다. 
 
가능 하다면 'Re-center' 규칙을 피해주시고 대체 레이아웃(Alternate Layouts)을 활용하고 단순화 합니다. 
모바일 전용으로 대체 레이아웃을 만들어서 이미지와 텍스트의 배치 및 프레임 크기를 모바일 뷰포트에 맞게 최적화 하고 수동으로 조정합니다. 
이미지 프레임의 크기를 모바일 화면 폭에 정확하게 맞추고, 텍스트 프레임과 이미지가 복잡하게 얽히지 않게 단순하게 구성을 진행하는것도 좋습니다. 
 
문제가 발생하는 이미지가 어떤 그룹에 속해 있다면 그룹을 해체하고 개별 이미지를 그룹에서 떼어내 독립적으로 배치를 해봅니다. 
이미지가 텍스트 프레임안에 정렬(Anchoring) 되어 있으면 정렬 방식을 변경하거나 이미지를 텍스트 프레임에서 빼내서 독립적인 배치를 진행해 보세요.
텍스트 감싸기(Text Wrap)의 경우도 마찬가지 입니다.
일시적으로 해제 하거나 다른 방식으로 변경해서 테스트를 해봅니다. 
 
이미지 프레임에 이미지가 어떻게 맞춰져 있는지도 확인 합니다. 
Fit Frame Proportionally(프레임에 비례하여 맞춤)이나 Fill Frame Proportionally(프레임을 비례하여 채우기) 옵션이 웹 변환시 예상치 못한 여백이나 밀림을 유발 할 수 있습니다. 
때로는 Fit Content ro Frame(내용을 프레임에 맞춤)옵션이 더 안정적일 수 있습니다.
 
현재 작업중인 문서의 설정이나 손상으로 인한 문제일 가능성도 있어서 일단 인디자인에 새로운 문서를 만들어서 간단한 테스트 이미지등을 넣어서 Publish Online 으로 게시한후에 동일한 문제가 있는지 테스트 해봅니다.
만약 새문서에 문제가 없다면 작업 문서에 복잡성이나 특정 설정에 원인으로 문제분리가 가능합니다. 
 
경우에따라 Publish Online 으로 해결이 되지 않으신다면 Adobe XD같은 반응형 웹 디자인 도구나 실제 HTML/CSS코딩을 고려하는 것이 더 안정적이고 유연한 해결책이 될 수 있습니다. 인디자인은 Publish  Online을 위한 간쳔한 게시를 위한 기능이지 완전한 웹사이트 제작 도구는 아니기 때문입니다. 
번역
신고
커뮤니티 가이드라인
게시판 이용시 매너를 지켜주세요. 콘텐츠의 원본 출처를 밝혀 주세요. 중복되는 질문이 있는지 확인해보신 후 게시물을 작성해주세요. 자세히 알아보기
community guidelines