참고:

Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원은 Adobe Muse 서비스 종료 페이지를 참조하십시오.

반응형 웹 디자인은 데스크톱 모니터에서 모바일 화면까지 다양한 장치에서 볼 수 있는 웹 사이트를 만들기 위한 접근 방식입니다. Adobe Muse는 모든 화면 크기로, 코딩할 필요 없는 반응형 웹 사이트를 만듭니다. 반응형 레이아웃은 웹 사이트에서 일관된 탐색 환경을 제공합니다.

Adobe Muse의 이전 버전에서는 사이트를 만들기 위해 대체 레이아웃을 사용했습니다. 이제 반응형 레이아웃이 출시되어 하나의 .muse 파일만 있으면 모든 장치에서 사용 가능합니다.

모바일 전용 및 모바일 친화적인 사이트의 인기가 높아짐에 따라 반응형 레이아웃을 사용하면 비용, 시간, 노력을 줄일 수 있습니다. 또한 특정 중단점의 페이지 디자인도 유연하게 수정할 수 있습니다. 이제 모바일 사이트가 대세가 될 것입니다. 모바일 친화적인 반응형 사이트는 검색 면에서도 우월합니다. 이러한 사이트는 모바일과 데스크탑 검색 모두에서 더 나은 SEO 순위를 보여줍니다.

기술과 장치는 계속해서 진화하고 있으므로 반응형 레이아웃이 대세가 될 것입니다. Adobe Muse에서 반응형 사이트 제작 및 디자인하는 방법 또는 대체 레이아웃에서 반응형 레이아웃으로 마이그레이션하는 방법에 대해 알아보세요.

중단점 이해하기

반응형 레이아웃의 중단점을 사용하여 다양한 브라우저 폭으로 다양한 레이아웃을 정의할 수 있습니다. 중단점은 최소, 최대 또는 최소-최대값으로 표시되는 브라우저 폭(픽셀)을 나타냅니다. 각 중단점의 디자인은 해당 브라우저 폭에서 사용자에게 표시되는 디자인과 같습니다. 중단점을 사용하면 다른 브라우저 폭에서 디자인을 시각화하고 페이지의 개체가 브라우저 폭의 변경 사항에 반응하는 방식을 테스트할 수 있습니다.

중단점 막대는 눈금자 바로 아래에 있으며 한 페이지에 있는 모든 중단점을 표시합니다.

중단점 막대
A. 중단점 막대 B. 활성 중단점 C. Scrubber 

마우스를 중단점 막대 위로 가져가면 관련 브라우저 폭과 페이지 크기 값을 확인할 수 있습니다.

중단점을 클릭하면 활성 중단점이 색으로 강조 표시됩니다. 나머지 중단점은 회색으로 표시됩니다. 중단점 속성(중단점을 마우스 오른쪽 단추로 클릭 > 중단점 속성)에서 중단점 색을 보고 변경할 수 있습니다.

중단점 속성

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책