Adobe XD의 2018년 10월 및 2018년 12월 릴리스

Adobe XD의 이전 릴리스에서 소개된 기능 요약은 기능 요약 | 이전 릴리스를 참조하십시오.

xd-mnemonic

Adobe XD는 웹 및 모바일 앱에 대한 사용자 경험을 디자인하고 시험 제작하기 위한 벡터 기반의 툴입니다. 와이어프레임, 시각 디자인, 인터랙션 디자인, 시험 제작, 미리보기 및 공유 기능이 모두 하나의 강력한 툴로 통합되어 이들 작업 간을 간편하게 전환할 수 있습니다.

XD는 UX/UI 디자이너, 인터랙션 디자이너, 경험 디자이너, 제품 디자이너, 웹 디자이너, 앱 디자이너, 시각 디자이너, 기업가 등 모든 유형의 크리에이터를 위해 제작되었습니다.


Overview

Adobe XD 14의 새로운 기능

클라우드 기반 문서를 사용하여 공동 작업 개선

Cloud-Doc

Adobe XD에 여러 디바이스에 걸쳐 문서를 빠르고 편리하게 관리하고, 공유하고, 최신 상태로 유지할 수 있도록 해 주는 새로운 클라우드 기반의 문서 유형인 클라우드 문서가 도입되었습니다. 

XD 디자인을 클라우드 문서로 저장하여 최신 상태를 유지하고 오프라인에서도 액세스할 수 있습니다. 이후 다른 Creative Cloud 사용자와 공유하고 공동 작업을 수행하도록 초대할 수 있습니다. 온라인 상태가 되면 작업 내용이 클라우드에 자동으로 저장됩니다.

또한 클라우드 문서는 문서 간 에셋을 지원하며 클라우드 문서에서 심볼을 연결할 수 있습니다.

자세한 내용은 XD의 클라우드 문서 및 클라우드 문서를 사용하여 작업을 참조하십시오.

이 비디오를 통해 클라우드 문서 작업에 대해 자세히 알아보십시오.


오브젝트 뒤집기를 사용하여 더욱 빠르고 정밀한 디자인

XD에 오브젝트를 세로 또는 가로로 뒤집을 수 있는 옵션이 도입되었습니다. 뒤집기는 아트보드, 반복 그리드 및 심볼을 제외한 모든 기본 요소에 사용할 수 있으며 적용 시 오브젝트의 현재 회전을 설명합니다.

자세한 내용은 오브젝트 뒤집기를 참조하십시오.

오브젝트 뒤집기
오브젝트 뒤집기

레이어 패널에서의 검색 기능을 통한 생산성 향상

레이어 패널에서 검색 필터 기능을 사용하여 레이어 이름으로 검색하거나 텍스트, 모양 및 이미지 범주별로 레이어를 필터링할 수 있습니다. 검색 환경은 레이어 구조(예: 확장 그룹)를 배제하고 키워드가 포함된 관련 레이어 및 아트보드만 표시하도록 최적화되어 있습니다. 이는 아트보드 사이에서 자동으로 애니메이트되는 레이어를 사용할 때 유용합니다.

자세한 내용은 레이어를 사용하여 작업을 참조하십시오.

레이어 패널에서 검색
레이어 패널에서 검색

캔버스에서 연결된 심볼 미리보기

에셋 패널에서 연결된 심볼 업데이트 아이콘에 마우스를 가져다 대어 실제로 커밋하기 전에 캔버스에서 연결된 심볼 업데이트를 미리 볼 수 있습니다.

자세한 내용은 연결된 심볼 업데이트 미리보기를 참조하십시오.

연결된 심볼 업데이트 미리보기
연결된 심볼 업데이트 미리보기

공유 워크플로와 관련된 UI 변경

14_0-release-share
이전 명칭 새로운 명칭 작업 과정
NA 문서 공유 검토 목적으로 클라우드 문서 공유
프로토타입 게시 검토 목적으로 공유 검토 목적으로 프로토타입 게시 및 공유
디자인 사양 게시 개발 목적으로 공유 검토 목적으로 개발자와 디자인 사양 게시 및 공유
게시된 링크 관리 링크 관리 assets.adobe.com에서 링크 관리
비디오 녹화 비디오 녹화 자동 애니메이트를 사용하여 작업할 때 아트보드 사이의 인터랙션에 대한 비디오를 녹화합니다. 인터랙티브 프로토타입이 있는 경우 모든 인터랙션은 .mp4 파일로 녹화됩니다.

Adobe Illustrator에서 유지되는 레이어로 시각적 충실도 개선

Adobe Illustrator에서 XD로 복사 및 붙여넣기 기능이 개선되어 레이어의 시각적 충실도, 구조 및 효과가 Adobe Illustrator에서 디자인한 상태 그대로 유지됩니다. 이 작업 과정은 이제 Illustrator에서의 가져오기와 동등합니다.

Photoshop, Illustrator 및 After Effects와의 통합 개선

Illustrator 및 Photoshop 콘텐츠 변환 시 새로운 옵션인 파일 > 가져오기 옵션을 사용하여 Photoshop 또는 Illustrator 콘텐츠를 기존 XD 문서에 추가할 수 있습니다. 변환 시 스마트 오브젝트는 병합되지 않고 완전히 편집 가능한 상태로 유지되며 Photoshop 조정 레이어가 그대로 보존됩니다.

자세한 내용은 외부 에셋을 사용하여 작업을 참조하십시오.

모바일 디바이스에서 프로토타입 보기

전체 화면 기본 모드를 포함하여 모바일 웹 브라우저에서 프로토타입을 조회할 때 몇 가지 개선 사항이 추가되었으며, 핀치 동작을 통해 내비게이션 화살표, 홈 버튼 및 프로토타입 정보가 표시되고 문제가 보고됩니다. 자세한 내용은 모바일 디바이스에서 미리보기를 참조하십시오.

이 비디오를 통해 모바일에 대해 향상된 기능을 자세히 살펴보십시오.


SVG 내보내기 개선

이제 XD 또는 디자인 사양에서 .svg 요소를 내보낼 때 Android Studio에서 내보내는 SVG를 사용하는 경우와 같은 일반적인 개발 시나리오에 대한 스타일링 및 호환성을 개선해 주는 프레젠테이션 속성으로 내보낼 수 있습니다.

자세한 내용은 외부 에셋을 사용하여 작업을 참조하십시오.

Wacom 및 터치 지원 개선

이제 Adobe XD가 터치 스크린 Windows 디바이스, Mac 트랙패드, Wacom 태블릿, 터치패드 및 터치 링에서 선택한 오브젝트에 대한 두 손가락 회전 기능을 지원합니다.

웹 댓글 UI 어포던스 개선

웹 프로토타입 또는 디자인 사양을 열면 오른쪽 레일의 댓글 아이콘 위로 댓글 수와 함께 회색 마커가 표시됩니다. 이 숫자는 아트보드에서 해결되지 않은 댓글의 총 개수를 나타냅니다. 댓글을 새로 추가하거나 기존 댓글을 해결된 것으로 표시하면 댓글 수가 자동으로 업데이트됩니다.

웹 댓글 UI 어포던스
웹 댓글 UI 어포던스

Adobe XD 13의 새로운 기능

음성 명령 및 음성 재생을 사용하여 디자인 및 프로토타입 제작

음성 명령 및 음성 재생
음성 명령 및 음성 재생

Adobe XD는 음성 명령을 사용하여 아트보드 사이에서 인터랙션을 트리거할 수 있도록 하는 사용이 간편한 솔루션을 제공합니다. 트리거클릭 또는 을 사용하는 방식과 마찬가지로 음성을 사용하여 프로토타입 인터랙션을 트리거하고 음성 재생을 트리거 액션으로 사용할 수 있습니다. 음성 재생을 통해 강력한 텍스트 음성 변환 엔진을 이용할 수 있으므로 음성 비서나 스마트 스피커와 같은 새로운 플랫폼을 디자인하는 데 유용합니다. 자세한 내용은 음성 디자인 및 프로토타이핑을 참조하십시오.

음성 명령 및 음성 재생 사용에 대해 자세히 알아보려면 이 비디오를 시청하십시오.


자동 애니메이트 및 드래그 제스처를 사용하여 제작 및 재생

Auto-aminamte--1(source)
자동 애니메이트 작업

자동 애니메이트를 통해 몰입형 애니메이션 전환으로 프로토타입을 쉽게 제작할 수 있습니다. 아트보드를 간단히 복제하고 크기, 위치, 회전 등의 오브젝트 속성을 수정하고 자동 애니메이트 액션을 적용하여 아트보드 간 애니메이션 전환을 만들 수 있습니다. 자동 애니메이트를 사용하려면 애니메이트하려는 오브젝트가 두 아트보드 간 동일한 레이어 이름을 가져야 합니다. 자세한 내용은 자동 애니메이트 기능을 사용하여 프로토타입 제작을 참조하십시오.

XD의 드래그 제스처는 터치 지원 디바이스의 드래그 경험을 시뮬레이션할 수 있도록 하여 자동 애니메이트 기능을 한 단계 더 발전시킵니다. 자세한 내용은 드래그 제스처 작동 방식을 참조하십시오.

이 비디오를 통해 자동 애니메이트에 대해 살펴보십시오.


연결된 심볼을 사용하여 문서 간 에셋 공유

Linked-Symbol-Concept

지속적으로 증가하는 디자인 업무와 결부하여 조직 내에서 디자인 팀은 성장하므로 디자이너는 일관적이고 확장 가능한 디자인을 제작하기 위해 협력할 필요가 있습니다. 연결된 심볼을 사용하여 디자이너는 문서 전체에 걸쳐 심볼을 공유하고 항상 최신 상태를 유지할 수 있습니다.

연결된 심볼을 사용하여 UI 키트, 스티커 시트 또는 스타일 가이드에 대한 단일 소스를 만들고 유지 관리하며 다른 Adobe XD 문서에서 사용할 수 있습니다. 소스 문서에서 연결된 심볼을 수정하면 XD는 연결된 심볼의 인스턴스를 갖는 문서에 해당 업데이트 내용을 알립니다. 여기에서 변경 내용을 미리 살펴보고 이를 수락하거나 거부할 수 있습니다. 자세한 내용은 연결된 심볼을 사용하여 작업을 참조하십시오.

이 비디오를 통해 연결된 심볼에 대해 자세히 살펴보십시오.


플러그인을 통한 툴링 혁신

Plugins-updated

Adobe XD에서 작업 자동화, 다른 도구와의 통합, 디자인에서의 데이터 활용 등에 유용한 첫 번째 플러그인 시리즈가 출시됩니다. 여기에는 Slack, JIRA 및 Microsoft Teams를 포함하여 마켓에서 가장 인기가 좋은 공동 작업 및 생산성 앱과의 통합도 포함됩니다.

플러그인 사용을 시작하는 방법에 대한 자세한 내용은 XD용 플러그인을 참조하십시오.

Illustrator 및 After Effects를 사용하여 원활한 에셋 전송

Illustrator에서 가져오기
Illustrator에서 가져오기

Adobe XD 13.0부터 Illustrator의 레이아웃 디자인과 에셋을 Adobe XD 내에서 .ai 파일을 열어 전송할 수 있습니다. 이 새롭고 빠르고 편리한 작업 과정을 통해 레이어, 아트보드, 아트워크 및 벡터를 시각적으로 가장 정확하고 자연스럽게 매핑하여 에셋을 원활하게 이전하고 UX 프로세스의 다양한 단계에서 공동 작업 환경을 간소화할 수 있습니다. 자세한 내용은 XD에서 Illustrator 파일 열기를 참조하십시오.

기능 이점:

  • 프로토타입의 Illustrator 에셋에 대한 원활한 사용: Illustrator에서 제작되었으며 자유롭게 편집 가능하고 시각적으로 정확한 레이어를 유지한 아이콘, 로고 및 기타 벡터 에셋을 XD로 보내고 UI 키트 또는 전체 라이브러리를 사용할 수 있습니다.
  • 인터랙티브 디자인 제작을 위한 공동 작업: XD에서 Illustrator 파일을 열고 XD의 강력한 프로토타이핑 및 공동 작업 기능을 사용할 수 있습니다.

이 비디오를 통해 Illustrator 통합에 대해 자세히 살펴보십시오.


After Effects를 사용한 애니메이트
After Effects를 사용한 애니메이트

Adobe XD 13.0을 통해 XD 디자인(선택한 레이어 또는 전체 아트보드)을 After Effects로 간편하게 내보내어 맞춤형 UI 애니메이션과 세밀한 인터랙션을 만들 수 있습니다. 동일한 시각적 정확성으로 레이어, 아트보드, 아트워크 및 벡터를 원활하게 내보낼 수 있으며 After Effects의 강력한 플러그인 에코시스템을 사용하여 개발자와의 공동 작업을 원활하게 추진할 수 있습니다. 자세한 내용은 After Effects로 에셋 내보내기를 참조하십시오.

기능 이점:

  • 애니메이션에 대한 완벽한 제어: 디자이너는 After Effects를 사용하여 맞춤형 애니메이션을 제작하거나 전환을 시험하거나 내 디자인의 비디오 에셋을 사용할 수 있습니다.
  • 원활한 에셋 이전: 이 통합 기능을 통해 에셋을 빠르게 이전하고 레이어, 벡터 및 아트워크를 자연스럽게 매핑하여 디자인에서 맞춤형 애니메이션까지의 턴어라운드 속도를 더욱 높일 수 있습니다.
  • 플러그인 활용: UX 디자인 프로세스에 맞춤화된 After Effects의 플러그인 에코시스템을 사용하여 애니메이션 및 개발자와의 공동 작업을 확장할 수 있습니다.

iOS에서 Win10 실시간 디바이스 미리보기

Mobile-Preview

XD 13.0부터 Windows OS를 사용하는 디자이너는 USB 연결을 통해 iOS에서 디자인을 미리 볼 수 있습니다. 자세한 내용은 모바일 디바이스에서 미리보기를 참조하십시오.

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

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