2020년 8월 및 기타 XD 릴리스의 새로운 기능 및 개선 사항에 대해 알아봅니다.
Adobe XD 32.0의 새로운 기능
XD의 2020년 8월 릴리스에는 다음과 같은 새로운 기능 및 개선 사항이 추가되었습니다.
XD 문서 내에서 여러 사용자 여정 제작 및 공유
디자이너는 이제 하나의 XD 문서에 내에서 다양한 인터랙션 플로우를 만들고 공유할 수 있습니다. 문서의 각 인터랙션 플로우에 대해 서로 다른 홈 아트보드를 설정하고 공유 가능한 링크를 사용하여 관계자들과 공유할 수 있습니다.
자세한 내용은 프로토타입 및 디자인 사양 공유를 참조하십시오.
XD에서 서로 다른 모드 사이를 빠르게 전환
새로운 키보드 단축키를 사용하여 디자인 모드, 프로토타입 모드 및 공유 모드 간을 빠르게 전환할 수 있습니다.
- Windows에서는 각각 Alt + 1, Alt + 2 및 Alt + 3을 사용하여 디자인 모드, 프로토타입 모드 및 공유 모드로 전환합니다.
- Mac에서는 각각 ⌥ + 1, ⌥ + 2 및 ⌥ + 3을 사용하여 디자인 모드, 프로토타입 모드 및 공유 모드로 전환합니다.
자세한 내용은 키보드 단축키를 참조하십시오.
Adobe XD 31.0의 새로운 기능
XD의 2020년 7월 릴리스에는 다음과 같은 새로운 기능 및 개선 사항이 추가되었습니다.
크리에이티브 클라우드 문서 폴더
이제 개인 XD 클라우드 문서를 특정 폴더로 그룹화할 수 있습니다. 그룹화를 통해 특정 프로젝트 및 클라이언트에 대한 문서를 간편하게 구성할 수 있습니다.
-2?$png$&jpegSize=300&wid=1600 "CC-Folder-support(상세)")
자세한 내용은 XD의 클라우드 문서를 참조하십시오.
홈 화면의 학습 탭
XD를 처음 시작하십니까? 홈 화면의 학습 탭에는 XD의 기능, 도구 및 워크플로와 관련된 다양한 콘텐츠가 제공됩니다.
-2?$png$&jpegSize=300&wid=1600 "New-Learn-panel-(상세)")
자세한 내용은 작업 영역 기본 사항을 참조하십시오.
Adobe XD 30.0의 새로운 기능
XD의 2020년 6월 릴리스에는 다음과 같은 새로운 기능 및 개선 사항이 추가되었습니다.
스택을 사용하여 오브젝트 정렬 및 간격 유지
이제 디자인 변경 시 오브젝트 간의 간격을 정의하고 유지할 수 있습니다. 오브젝트를 삽입하거나 순서를 변경하면 그에 따라 다른 오브젝트가 조정됩니다. 더 이상 수동으로 레이아웃을 조정하지 않아도 됩니다.
자세한 내용은 스택을 사용하여 동적 디자인 만들기
를 참조하십시오.
스크롤 그룹을 사용하여 세로 또는 가로 스크롤 효과 만들기
이제 나머지 아트보드에서 개별적으로 스크롤하는 아트보드 내의 영역을 정의하여 가로 또는 세로 스크롤 효과를 만들 수 있습니다. 이미지 슬라이드, 제품 슬라이더 등을 빌드할 때 이 편리한 기능을 사용해 보십시오.
자세한 내용은 스크롤 그룹 만들기
를 참조하십시오.
공유 가능한 링크를 사용하여 디자인 공유
이제 새 링크를 만들지 않고도 단일 링크 주소를 사용하여 디자인을 공유할 수 있습니다. 공개 및 비공개 액세스 설정을 조정할 때 더 이상 별도의 링크가 필요하지 않습니다.
자세한 내용은 디자인 및 프로토타입 공유를 참조하십시오.
디자인 토큰을 사용하여 사용자 지정 변수 이름 추가
이제 에셋 패널에서 색상 및 문자 스타일에 사용자 정의 이름 또는 변수를 지정하고 디자인 사양의 개발자가 이를 사용하도록 할 수 있습니다. 개발자는 디자인 사양에서 이러한 디자인 토큰을 조회하고 이들 변수를 CSS로 다운로드하여 디자인에서 코드 작성에 이르는 작업 과정을 보다 신속하게 수행할 수 있습니다.
자세한 내용은 디자인 토큰 만들기
를 참조하십시오.
Adobe XD 29.0의 새로운 기능
공동 편집을 위한 오프라인 지원
이제 네트워크 연결이 제한적이거나 차단된 경우에도 클라우드 문서를 계속 편집할 수 있습니다.
네트워크에 다시 연결되고 나면 오프라인으로 변경된 문서의 변경 내용이 모든 공동 작업자에게 적용됩니다. 다시 연결될 때 변경 내용에 충돌이 있는 경우 로컬 변경 내용을 삭제하거나 문서 사본을 새 변경 내용과 함께 저장하여 병합 문제가 나타나지 않도록 할 수 있습니다.
자세한 내용은 디자인 공동 작업 및 공동 편집을 참조하십시오.
공유 프로토타입 링크에 대한 확대/축소 컨트롤
데스크탑 또는 모바일 웹 브라우저에서 확대/축소 컨트롤을 사용하여 공유된 프로토타입을 자세히 살펴볼 수 있습니다. 25%에서 200%로 확대/축소 비율을 선택하거나 확대/축소 설정을 기본값으로 설정합니다.
데스크탑 또는 모바일 브라우저에서의 확대/축소 컨트롤 사용에 대한 자세한 내용은 XD에서 프로토타입을 사용하여 작업 및 모바일 디바이스에서 프로토타입 미리보기를 참조하십시오.
Adobe XD 28.0의 새로운 기능
프로토타입에서 오디오 재생 추가
오디오 재생을 통해 멀티 모달 디자인 워크플로 및 게임 디자인에 대한 프로토타입을 만들 때 오디오 파일을 액션으로 추가할 수 있습니다.
프로토타입에 음악을 추가하거나 오디오가 재생되면서 다른 화면으로 전환되는 버튼 프로토타입을 제작하고 디자인이 살아 움직이는 것을 확인해 보십시오.
자세한 내용은 오디오 재생 추가를 참조하십시오.
단일 트리거에서 다중 액션 추가
오브젝트 또는 아트보드에 다중 액션을 추가하고자 하십니까? 이제 두 개의 액션을 탭을 사용하여 단일 트리거로 결합할 수 있습니다. 예를 들어 마우스의 클릭음이 현재 아트보드에서 다른 아트보드로 전환됩니다.
자세한 내용은 단일 트리거에서 다중 액션 추가
를 참조하십시오.
앵커 링크를 사용하여 아트보드의 대상 위치로 이동
이제 앵커 링크와 동일한 아트보드에 오브젝트를 연결하여 단일 페이지 웹 사이트 또는 긴 UI에서 개선된 스크롤 환경을 만들 수 있습니다.
자세한 내용은 아트보드 내에서 탐색 링크 만들기를 참조하십시오.
텍스트 영역의 크기를 내용에 맞춰 조정
하단의 빨간색 크기 조정 핸들을 더블 클릭하여 내용에 맞게 텍스트 상자 영역의 크기를 조정할 수 있습니다. 이를 통해 내부 텍스트와 일치하도록 영역 텍스트의 높이를 조정합니다.
더 이상 아트보드 내에서 여러 텍스트 상자의 크기를 수동으로 조정할 필요가 없습니다.
자세한 내용은 텍스트 영역 크기 조정을 참조하십시오.
다시 공유된 디자인 사양 및 프로토타입으로 초대 허용
디자인 공동 작업의 개선을 위해 초대받은 사람들에게 디자인 사양 및 프로토타입을 다시 공유할 수 있는 권한을 부여할 수 있습니다. 그런 다음 보안 비공개 링크를 추가하거나, 제거하거나, 보거나, 보안 비공개 링크에 대한 다른 리뷰어의 조회 요청을 수락할 수 있습니다.
.gif "프로토타입 다시 공유")
자세한 내용은 디자인 및 프로토타입 다시 공유를 참조하십시오.
Adobe XD 27.0의 새로운 기능
조직 그룹에 대한 비공개 링크 공유
그룹 공유 기능을 사용하여 디자인 프로토타입을 조직 그룹과 공유할 수 있습니다.
자세한 내용은 디자인 및 프로토타입 공유를 참조하십시오.
모든 아트보드 게시
이제 모든 아트보드(인터랙션이 없는 아트보드 포함)를 공유할 수 있습니다. 프로토타입 모드에서 홈 아트보드 아이콘을 비활성화하면 캔버스에 있는 모든 아트보드를 게시할 수 있습니다. 더 이상 와이어 연결 및 재연결을 하지 않아도 됩니다.
자세한 내용은 디자인 및 프로토타입 공유를 참조하십시오.
macOS 음성 제어 지원
MacOS Catalina를 통해 새로운 방식으로 완벽하게 Mac을 음성 제어할 수 있습니다. Adobe XD는 음성을 사용하여 키보드 단축키와 상호 작용할 수 있도록 함으로써 이 기능을 더욱 효과적으로 사용할 수 있도록 해 줍니다.
이 기능을 테스트하려면 MacOS에서 음성 제어를 활성화하고 다음을 수행하십시오.
- Adobe XD에서 파일을 엽니다.
- “편집 메뉴 열기”라고 말합니다. 편집 메뉴가 열립니다.
- 아트보드를 복제하려면 “4 클릭”이라고 말합니다. 새로운 아트보드가 만들어집니다.
자세한 내용은 XD와 함께 MacOS 음성 제어 사용을 참조하십시오.
하트 모양 만들기
이제 다각형 도구에 XD 디자인 캔버스에서 하트 모양 그리기를 위한 기본 지원이 포함됩니다. 자세한 내용은 드로잉 및 텍스트 툴을 사용하여 작업을 참조하십시오.
Adobe XD 26.0의 새로운 기능
내용 인식 레이아웃 만들기
내용 인식 레이아웃을 사용하면 캔버스 상의 서로 다른 오브젝트 사이의 관계를 인식하여 공통 UI 요소를 더욱 쉽고 빠르게 만들 수 있으며 그룹의 다른 오브젝트가 변경될 때 해당 그룹의 레이아웃이 자동으로 조정됩니다. 또한 패딩 기능을 사용하여 UI 요소의 구조를 정렬할 수 있습니다.
더 이상 그룹의 오브젝트에 대해 수동으로 크기를 조정하거나 정렬할 필요가 없습니다.
자세한 내용은 구성 요소 및 그룹에 대해 고정된 패딩 설정을 참조하십시오.
단일 아트보드 게시
이제 프로토타입 모드에서 와이어 연결된 인터랙션이 없는 개별 아트보드를 공유할 수 있습니다.
완전히 새로운 수준의 인터랙티비티를 프로토타입에 적용해 보십시오.
자세한 내용은 디자인 및 프로토타입 공유를 참조하십시오.
다각형 도구를 사용하여 별 모양 만들기
디자인 프로젝트에서 다각형 도구를 통해 별 모양 비율을 조정하여 별 모양을 그리는 방법에 대해 살펴봅니다.
이를 통해 디자인 경험을 개선해 보십시오.
자세한 내용은 드로잉 및 텍스트 툴을 사용하여 작업을 참조하십시오.
아티팩트 링크에서 먼저 댓글 달기 경험
이제 계정에 로그인하지 않고도 공유된 아티팩트 링크에 댓글을 달 수 있습니다. 더 이상 프로토타입에 댓글을 달기 위해 Adobe ID로 로그인할 필요가 없습니다.
프로토타입에 댓글 달기와 관련된 자세한 내용은 프로토타입을 사용하여 작업을 참조하십시오.
