Adobe Muse CC 2015.2 & 2015.1 릴리스

참고:

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

이전 버전의 새로운 기능

시스템 요구 사항

Adobe Muse CC(2015.2 및 2015.1) 릴리스에는 흥미로운 몇 가지 새로운 기능 및 개선 사항이 포함되어 있습니다. 예를 들면, Adobe Comp CC와의 통합, 향상된 In-Browser Editing 작업 과정, 반응형 레이아웃의 스크롤 효과, 새로운 타원 도구, CC Libraries 개선 등입니다. 새로운 기능에 대한 자세한 내용과 다양한 학습 리소스를 제공하는 링크를 계속 확인해보세요.

Adobe Muse 2015.2의 새로운 기능 및 개선 사항

Adobe Comp CC와의 통합

Adobe Muse CC 2015.2의 새로운 기능 | 2016년 6월

Adobe Muse는 iPhone과 iPad에서 사용할 수 있는 Adobe Comp CC 앱과 통합되었습니다. 이 앱은 모바일과 데스크톱의 격차를 해소하여 언제 어디서나 레이아웃을 만들 수 있도록 해줍니다.

Comp CC를 사용하면 손가락 제스처를 통해 사각형, 이미지 자리 표시자 또는 텍스트 상자 같은 구성 요소를 추가할 수 있습니다. 이 앱은 이러한 제스처를 선명한 그래픽으로 변환하여 몇 분만에 레이아웃을 완료할 수 있도록 해줍니다.

Comp CC는 Creative Cloud Libraries와도 통합되었습니다. 즉, Photoshop 같은 앱에서 메뉴 또는 레이블을 디자인하고 Adobe Muse 레이아웃에 에셋을 사용할 수 있다는 의미입니다. 또한 Comp CC에서 레이아웃의 와이어프레임을 만들면서 Adobe Muse에서 지도 또는 연락처 양식 같은 위젯을 사용할 수 있습니다.

Adobe Muse와 Comp CC의 통합 덕분에 레이아웃 초안을 만든 후 한 번 클릭하기만 하면 Adobe Muse로 가져올 수 있습니다. 그런 다음, Adobe Muse에서 레이아웃을 추가로 마무리할 수 있습니다. Comp CC와 Adobe Muse를 함께 사용하는 방법에 대한 자세한 내용은 Adobe Muse와 Adobe Comp CC의 통합을 참조하십시오. Comp CC를 사용하여 Adobe Muse 레이아웃을 만드는 샘플 작업 과정도 확인할 수 있습니다.

In-Browser Editing

Adobe Muse CC 2015.2의 새로운 기능 | 2016년 6월

Adobe Muse의 In-Browser Editing에서 사용자 인터페이스가 새롭게 추가 및 향상되었습니다. 이 버전의 Adobe Muse에서 In-Browser Editing은 다음과 같은 새로운 기능을 지원합니다.

  • 편집 가능한 항목 보기: In-Browser Editing 페이지를 길게 클릭하면 편집할 수 있는 모든 항목을 볼 수 있습니다.
  • 페이지의 텍스트 편집: In-Browser Editor 내에서 텍스트를 편집하고, 입력하는 변경 사항을 확인할 수 있습니다.
  • 변경 사항 실행 취소/다시 실행: 변경 사항을 실행 취소하고 다시 실행할 수 있습니다.
  • 빨라진 로드 시간: In-Browser Editor가 이전보다 훨씬 빨리 로드됩니다.
  • 편집 중 레이아웃 선택: Adobe Muse에서 대체 레이아웃을 사용하여 만든 사이트의 스타일을 지정할 수 있는 드롭다운 목록도 있습니다.

각 기능에 대한 자세한 내용은 In-Browser Editing을 사용한 사이트 컨텐츠 편집을 참조하십시오.

새로운 시작 화면

Adobe Muse CC 2015.2의 새로운 기능 | 2016년 6월

모든 Creative Cloud 앱에 공통적으로 추가된 [새로 만들기] 및 [열기] 메뉴 같은 새로운 기능이 포함되도록 Adobe Muse의 시작 화면이 업데이트되었습니다. 시작 화면에는 최근 열어본 파일 및 세부 정보(예: 파일 이름, 마지막으로 연 날짜, 파일 크기 및 파일 유형)가 표시됩니다.

새로운 CCX 시작 화면
Adobe Muse의 새로운 시작 화면

에셋 수집기

Adobe Muse CC 2015.2의 새로운 기능 | 2016년 6월

[에셋] 패널의 새로운 에셋 수집기 도구를 사용하여 특정 위치의 모든 에셋을 다른 위치로 이동할 수 있습니다. 모든 에셋을 컴퓨터 또는 하드 디스크에 있는 하나의 폴더로 복사할 수 있습니다. 몇 번의 클릭만으로 파일을 하나의 대상에 저장하고 Adobe Muse 프로젝트를 이동합니다.

에셋 수집기
Adobe Muse의 에셋 수집기

타원 도구

Adobe Muse CC 2015.2의 새로운 기능 | 2016년 6월

새로운 타원 도구를 사용하여 시각적으로 훨씬 뛰어난 웹 사이트를 만들어 보십시오. 이 도구를 사용하여 직접 타원을 만들고 Shift 키를 누른 채 원을 그릴 수 있습니다. 타원 도구 사용 방법에 대한 자세한 내용은 개체 작업을 참조하십시오.

반응형 디자인 향상

Adobe Muse CC 2015.2의 향상된 기능 | 2016년 6월

반응형 위젯

YouTube 및 Vimeo 위젯은 폭와 높이에 따라 반응합니다. 반응형 사이트에서 이 위젯을 사용하면 브라우저 폭에 비례하여 조정됩니다.

사각형 프레임은 높이와 폭에 따라 반응합니다.

수직 이동 핸들

Adobe Muse의 새로운 수직 이동 핸들을 사용하면 개체를 그룹으로 쉽게 이동할 수 있습니다. Adobe Muse의 반응형 레이아웃에서 개체를 선택하면 수직 이동 핸들이 왼쪽 여백에 표시됩니다. 이 핸들을 사용하면 선택한 개체와 아래 개체들을 동시에 선택하여 이동할 수 있습니다.

최소 페이지 폭 편집

중단점 막대를 사용하여 최소 페이지 폭을 직접 편집할 수 있습니다. 중단점 막대에서 마우스를 최소 페이지 크기 영역 가장자리로 이동합니다. 커서가 크기 조정 커서로 바뀌면 클릭한 후 끌어 최소 페이지 폭을 조정합니다.

각 개선 사항에 대한 자세한 내용은 반응형 레이아웃에서 개체 배치를 참조하십시오.

CC Libraries 향상

 Adobe Muse CC 2015.2의 향상된 기능 | 2016년 6월

CC Libraries의 색상 견본을 [색상 견본] 패널에 추가할 수 있습니다. 또한 CC Libraries에서 여러 색상을 선택하여 [색상 견본] 패널에 추가할 수 있습니다.

CC Libraries에서 색상을 선택한 후 Adobe Muse의 획 또는 텍스트 색상으로 설정할 수도 있습니다.

Adobe Muse CC Libraries에서 색상을 사용하는 방법에 대한 자세한 내용은 CC Libraries에서 색상 사용하기 섹션을 참조하십시오.

플랜 보기 개선 사항

Adobe Muse CC 2015.2의 향상된 기능 | 2016년 6월

Adobe Muse의 플랜 보기에 세로 레이아웃 옵션이 포함되었습니다. 이전 릴리스까지는 가로 보기에서만 웹 사이트의 계층과 구조를 볼 수 있었습니다. 이제 (수직 사이트맵 표시 아이콘)을 클릭하기만 하면 복잡한 사이트 플랜을 세로로 볼 수 있습니다.

향상된 Google PageSpeed 순위

Adobe Muse CC 2015.2의 향상된 기능 | 2016년 6월

Adobe Muse는 모든 JavaScript를 비동기식으로 로드합니다. 또한 사이트가 Apache 웹 서버에 호스팅되고 FTP를 사용하여 사이트를 업로드하면 CSS, 이미지 및 JavaScript 파일에 브라우저 캐싱을 설정할 수 있습니다. 이 변경 사항 덕분에 Google PageSpeed 순위가 향상될 수 있습니다.

현재 신규 및 기존 사이트는 페이지를 표시하기 전에 웹 글꼴을 사용할 수 있을 때까지 대기합니다. 이제 대체 글꼴을 사용하여 페이지가 더 빨리 로드되도록 허용할 것인지를 선택할 수 있습니다. [사이트 속성] 대화 상자의 [고급] 탭 > [웹 글꼴] 메뉴에서 이 옵션을 설정할 수 있습니다.

향상된 Illustrator 작업 과정

Adobe Muse CC 2015.2의 향상된 기능 | 2016년 6월

컴퓨터 또는 하드 디스크의 Illustrator(.ai) 파일을 먼저 SVG 파일로 내보내지 않고 직접 Adobe Muse로 가져올 수 있습니다.

이미지 프레임 개선 사항

Adobe Muse CC 2015.2의 향상된 기능 | 2016년 6월

Adobe Muse의 새로운 이미지 프레임 도구를 사용하면 사각형 및 타원형 프레임을 모두 만들 수 있습니다. [도구] 패널에서 프레임을 클릭한 후 Adobe Muse 프로젝트에 배치하면 사이트에 맞는 이미지 자리 표시자를 손쉽게 만들 수 있습니다. 프레임을 사용하여 와이어프레임 또는 레이아웃을 만들고, 이미지를 마무리할 때 프레임을 채울 수 있습니다.

이미지 프레임 도구
이미지 프레임 도구

Adobe Muse 2015.1의 새로운 기능 및 개선 사항

반응형 웹 디자인

Adobe Muse CC 2015.1의 새로운 기능 | 2016년 2월

이제 코딩하지 않고 다양한 크기의 화면에 고유한 반응형 웹 사이트를 만들 수 있습니다. Adobe Muse는 반응형 웹 사이트를 디자인하기 위해 제한적인 템플릿이나 그리드가 없는 빈 캔버스를 제공합니다.

이전 버전의 Adobe Muse에서는 적응형 사이트만 만들 수 있었습니다. 적응형 사이트는 여러 장치의 브라우저 폭에 적응된 웹 사이트입니다. 페이지 및 페이지 요소는 유동이 아니거나 각 브라우저 폭에 맞게 크기가 조정되지 않았습니다. 페이지 레이아웃은 특정한 브라우저 폭에 맞게 고정되었습니다.

Adobe Muse의 반응형 웹 디자인을 사용하면 단일 Adobe Muse 파일을 사용하여 서로 다른 브라우저 폭에 대해 다른 레이아웃을 만들 수 있습니다. 페이지는 유동입니다. 즉, 페이지 크기가 브라우저 폭에 비례하여 조정됩니다. 따라서 더 이상 모바일, 태블릿 및 데스크톱별로 페이지를 만들고 유지할 필요가 없습니다.

처음 디자인하거나 디자인 작업을 바로 시작하기를 원하는 경우, 반응형 웹 사이트에 대한 시작 템플릿을 사용할 수 있습니다. 유동 레이아웃으로 사이트를 만들어서 빈 캔버스로 시작할 수 있습니다. 기존 웹 사이트를 반응형 레이아웃으로 변환하고 싶은가요? Muse를 사용하면 가능합니다. 

반응형 사이트를 생성하고 업데이트하는 방법에 대한 자세한 내용은 Adobe Muse에서 반응형 사이트 만들기를 참조하십시오. Adobe Muse에서 반응형 사이트 만들기에 대한 비디오 자습서를 볼 수도 있습니다.

반응형 웹 디자인을 위한 시작 파일

반응형 시작 템플릿으로 디자인을 바로 시작할 수 있습니다. Adobe Muse는 Adobe Muse 웹 사이트에서 액세스할 수 있는 사용자 정의 가능한 반응형 시작 파일을 제공합니다. 적절한 템플릿을 선택하여 연 다음 요구 사항에 맞게 내용을 추가합니다. 필요한 경우 새 중단점을 추가하거나 기본 중단점을 편집합니다. 디자인을 사용자 정의하고 몇 번의 클릭으로 반응형 웹 사이트를 게시할 수 있습니다.

Adobe Muse의 반응형 디자인에 대한 자세한 내용은 반응형 시작 템플릿 사용을 참조하십시오.

Adobe Muse의 Creative Cloud Libraries

Adobe Muse CC 2015.1의 새로운 기능 | 2016년 2월

Adobe CreativeSync 기술 기반의 Creative Cloud Libraries를 사용하여 집이나 사무실에서 심지어 이동 중에도 즐겨 사용하는 에셋에 액세스할 수 있습니다. Adobe Capture CC 같은 모바일 앱, Illustrator 또는 Photoshop을 사용하여 이미지, 색상 등을 만듭니다. 유연하고 창의적인 작업 과정을 위해 다른 데스크톱과 모바일 앱에서 에셋에 액세스합니다.

Adobe Muse와 Creative Cloud의 통합 덕분에 에셋을 만들어 전 세계의 다른 Creative Cloud 사용자와 공유할 수 있습니다. 또한 Creative Cloud Libraries를 통해 사용 가능한 에셋에 액세스하고, 가져오고, 사용할 수 있습니다. [CC Libraries]패널(Windows > CC Libraries)을 사용하여 Adobe Muse에서 Creative Cloud Libraries에 액세스합니다.

이제 Creative Cloud Libraries를 통해 Creative Cloud Charts에 액세스할 수 있습니다. Creative Cloud Charts를 사용하여 차트를 생성하고 Adobe Muse에 링크된 에셋으로 삽입할 수 있습니다. 즉, 차트의 데이터가 변경될 때마다 Adobe Muse의 차트가 자동으로 업데이트됩니다.

Adobe Muse의 Creative Cloud Libraries 사용에 대한 자세한 내용은 Adobe Muse의 Creative Cloud Libraries를 참조하십시오.

Creative Cloud Libraries에 관한 비디오 자습서를 보려면 이 링크를 클릭하십시오.

상태 전환

Adobe Muse CC 2015.1의 새로운 기능 | 2016년 2월

웹 페이지에서 전환을 다른 요소에 적용하여 흥미롭고 매력적인 디자인을 만들 수 있습니다. 또한 각 요소에서 각 상태 전환에 대해 지연, 기간 및 타이밍 옵션을 설정할 수 있습니다.

전환 상태를 설정하려는 메뉴 또는 단추를 선택합니다. [] > [상태]를 선택합니다. 상단 패널에 있는 메뉴 항목에서 표준, 활성 또는 롤오버 상태를 클릭하면 전환 옵션을 볼 수 있습니다.

게시된 사이트의 상태 전환은 CSS3 전환을 위해 W3C 사양을 지원하는 브라우저의 성능에 따라 달라집니다.  

사이트에서 상태 전환을 쉽게 구현하려면 이 비디오를 보십시오.

SVG 그래픽 개선

Adobe Muse CC 2015.1의 새로운 기능 | 2016년 2월

Adobe Muse 2015.1에서는 SVG 파일을 이미지 프레임으로 가져와 이미지를 자른 다음 채우기 및 획을 적용할 수 있습니다. 프레임이 없을 경우 SVG 파일을 바로 가져와 프레임을 만든 다음 이미지를 자를 수 있습니다. SVG 이미지를 슬라이드 쇼에 추가할 수도 있습니다. 이러한 SVG 그래픽 개선을 통해 슬라이드 쇼를 디자인할 때 추가 유연성을 제공합니다.

SVG 개선 사항을 자세히 알아보려면 이 비디오 자습서를 보십시오.

Adobe Muse 2015.1의 개선 사항

Adobe Muse CC 2015.1의 개선 사항 | 2016년 2월

[견본] 패널에서 컨텍스트 메뉴를 통해 견본 라이브러리를 가져오고 내보낼 수 있습니다. 

Adobe Muse 2015.1은 EXIF 컨텐트에서 회전 감지를 지원합니다. 회전 정보가 포함된 이미지가 배치되면 가로 방향으로 회전합니다.

기존 이미지 프레임의 이미지 컨텐트를 삭제하여 빈 이미지 프레임을 생성할 수 있습니다. 배치된 이미지를 두 번 클릭하고 삭제를 누릅니다. 빈 이미지 프레임에는 자리 표시자가 있습니다

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

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