Creative Dialogue

어도비 XD 2018년 10월 릴리스: 어도비 MAX에서 음성 기반의 프로토타입 및 다양한 기능 소개

어도비 맥스(MAX)가 올해에도 개최되었습니다. 이는 곧 어도비가 제공하는 정기적인 기능 업데이트 외에 이번 달에는 음성 프로토타이핑, 새로운 애니메이션 지원 및 타사 플러그인 등 새로운 XD 기능이 대거 출시되었다는 의미이기도 합니다.

프로토타이핑은 언제나 XD를 대표하는 핵심 단어였으며 이제 음성 트리거와 음성 재생 기능이 추가됨에 따라 XD는 하나의 앱에서 화면 프로토타이핑과 음성 프로토타이핑을 매끄럽게 연결할 수 있는 최초의 유일한 UX/UI 플랫폼이 되었습니다. 아트보드 간 몰입형 애니메이션을 간단하게 만들 수 있는 자동 애니메이트 기능과 함께 사용하면 웹과 모바일은 물론, 아마존 알렉사(Amazon Alexa) 또는 구글 어시스턴트(Google Assistant) 지원 디바이스와 같은 음성 기반 디바이스를 위한 하이 피델리티 프로토타입을 만들 수 있습니다.

또한 개발자가 새롭고 창의적인 방식으로 플랫폼을 통합 및 확장할 수 있는 오픈 플랫폼으로 XD를 제공하려는 노력의 일환으로, 이번 달에는 타사의 XD용 플러그인도 제공합니다. 이로써 사용자가 XD를 사용자 정의하고 확장할 수 있는 UI 키트와 앱 통합을 비롯하여 XD에서 바로 다양한 XD 플러그인 목록에 액세스할 수 있습니다.

XD 2018년 10월 릴리스의 새로운 기능

음성 트리거 및 음성 재생

음성 경험은 스마트폰부터 자동차, 전 세계의 키오스크에 이르기까지 일반 기능으로 포함되는 추세이며, 그 수요도 증가하고 있습니다. 이처럼 우리는 각 플랫폼의 복잡성을 이해하지 않고도 모든 디자이너가 음성 프로토타이핑 기능을 사용할 수 있는 기회를 제공하고 싶었습니다. 어도비 XD에서 음성 트리거와 음성 재생을 제공함으로써 화면 및 음성 프로토타이핑 작업을 모두 하나의 애플리케이션에서 수행할 수 있게 되었습니다. 새로운 음성 기능에 대한 자세한 내용은 아래 동영상을 참조하십시오.

특정 단어 또는 구문을 말하면 인터랙션을 시작하는 음성 트리거의 생성 방법은 프로토타입 모드에서 클릭 또는 누르기를 정의하는 방법과 매우 유사합니다. 음성 재생을 사용하면 디자이너는 강력한 텍스트-음성 변환 엔진을 이용해 음성 비서, 스마트 스피커와 같은 새로운 플랫폼을 위한 디자인 작업을 수행할 수 있습니다. XD에 음성 기능을 추가할 수 있어 매우 기쁘고, 앞으로 이러한 기능을 지속적으로 개선해 나가는 과정에서 유저보이스를 통해 소중한 피드백을 제공해 주시기 바랍니다.

플러그인, UI 키트 및 앱 통합 (더 많은 기능 제공 예정)

커뮤니티 개발자들과의 긴밀한 협력을 통해 XD에 새로운 기능을 추가하고 타사 앱 및 서비스 통합을 이룰 수 있게 되었습니다. 이제 작업을 자동화하고 다른 툴과 통합하며 디자인에 데이터를 활용하는 등의 작업에 유용한 첫 플러그인 그룹을 출시하게 되어 매우 기쁩니다. 이러한 플러그인에는 슬랙(Slack), 지라(JIRA) 및 마이크로소프트 팀즈(Microsoft Teams)를 비롯한 업계 최고의 협업 및 생산성 앱이 통합되어 있습니다.

어도비의 확장성 접근 방식은 개발자에게 이러한 플랫폼을 개방하여 플러그인과 통합 라이브러리를 꾸준히 확장해 나가는 것입니다. 어도비 XD용 플러그인 개발에 관심이 있다면 어도비가 제공하는 API를 확인하시고 디자인을 위한 어도비 펀드(Adobe Fund for Design)에 대해 자세히 살펴보십시오.

자동 애니메이트

XD로 제작할 수 있는 프로토타입의 피델리티 향상을 목표로 삼은 여정의 결과로, 우리는 오버레이, 고정 요소 및 타이밍 설정 전환에 대한 지원을 추가했습니다. 이제 XD의 첫 릴리스 이후 가장 중요한 프로토타이핑 기능인 자동 애니메이트 기능을 만나보십시오.

자동 애니메이트를 사용하면 몰입형 장면 전환을 포함하는 프로토타입을 손쉽게 만들 수 있습니다. 아트보드를 복제하고 크기, 위치, 회전 등과 같은 오브젝트 속성을 변경한 다음 자동 애니메이트 액션을 적용하여 아트보드를 오가는 장면 전환 애니메이션을 만들 수 있습니다. 자동 애니메이트에 대한 자세한 내용은 아래 동영상을 참조하십시오.

자동 애니메이트는 언뜻 보기엔 단순해 보이지만 매력적인 효과와 전환을 만들 수 있고, 최종 사용자가 느끼게 될 경험을 신속하게 전달할 수 있습니다. 현 버전에서 애니메이션 재생은 미리 보기 창과 모바일 앱에서만 지원되고, 아직까지 프로토타입은 브라우저에서 볼 수 없지만 곧 지원될 예정입니다.

드래그 제스처

XD의 드래그 제스처는 자동 애니메이트 기능을 한 단계 더 향상시킨 것으로, 드래그 제스처를 사용하면 터치 기반 디바이스에서의 드래그 경험을 시뮬레이션할 수 있습니다. 이제 아트보드를 오가며 자연스럽게 드래그하여 아래 동영상의 설명처럼 이미지 슬라이드와 같은 경험을 시뮬레이션할 수 있습니다.

드래그 제스처는 왼쪽에서 오른쪽 방향과 위에서 아래 방향 모두 지원되며, 누르기와 애니메이션의 방향으로 드래그하는 등의 트랙패드 시뮬레이션도 지원합니다.

연결된 심볼

자주 사용하는 심볼이나 여러 문서에서 공통으로 사용된 심볼이 변경되어도 항상 최신 상태의 심볼을 손쉽게 이용할 수 있습니다. 이러한 심볼은 서로 연결되어 있습니다. 소스 문서를 변경하면 이 심볼이 표시되는 모든 동일한 문서에 변경 사항을 반영할 수 있습니다. 아래 동영상에서는 이 새로운 기능을 사용하면 간편하게 심볼을 이용해 고유한 디자인 시스템을 간편하게 관리하는 방법을 확인할 수 있습니다. 디자인을 볼 수 있는 화면이 점점 늘어가는 요즘, 원본과 연결된 단일 출처를 유지할 수 있습니다.

연결된 심볼을 사용하면 공유한 심볼에 변경 사항이 발생할 때마다 이에 대한 업데이트 알림 메시지가 전송됩니다. 다시 말해 스티커 시트와 스타일 가이드는 항상 최신 상태로 유지되며, 디자인 팀원은 항상 최근의 변경 사항을 문서에 손쉽게 반영할 수 있게 됩니다.

어도비 일러스트레이터와 통합

올해 초 XD에서 포토샵 문서 열기의 기본 지원을 소개한 이후 우리 팀은 일러스트레이터에 주목했습니다. 이번 릴리스를 통해 XD에서 .ai 문서를 열 수 있는 기능이 제공되며, 이때 XD에서 일러스트레이터 아트웍을 직접 편집할 수 있는 기능과 함께 모든 레이어, 아트보드 및 심볼이 그대로 유지됩니다.

이 기능을 사용하여 일러스트레이터에서 만든 하이피델리티 벡터 아트웍을 가져와 XD 디자인에 사용하거나 일러스트레이터 디자인으로 XD에서 공유 가능하고 인터랙티브한 프로토타입을 제작할 수 있습니다. 최신 릴리스에서 일러스트레이터와 XD를 함께 사용하는 방법은 아래 동영상을 참조하십시오.

이 새로운 통합에 대한 수많은 유저보이스 요청과 더불어 많은 디자이너가 일러스트레이터에서 기존에 제작한 아트웍과 함께 어도비 XD의 기능을 사용할 수 있는 간편한 솔루션을 모색해왔습니다. 이전에는 디자이너가 일러스트레이터에서 만든 자신들의 디자인을 복사해 XD에 붙여넣으면 더 이상 편집할 수 없었지만 이제 두 프로그램은 긴밀하게 연동됩니다.

어도비 애프터 이펙트로 내보내기

복잡한 UI 애니메이션, 모션 사례, 프레젠테이션 및 모션 재생을 필요로 하는 디지털 마케팅 콘텐츠를 만들어야 한다면 이제 업계 최고의 애니메이션 툴인 애프터 이펙트로 XD 디자인을 내보낼 수 있습니다.

이 프로세스를 통해 1:1 시각적 피델리티의 편집 가능한 형식으로 레이어, 벡터 및 아트웍을 XD에서 애프터 이펙트로 가져올 수 있습니다. 또한 XD 디자이너는 모션을 코드와 사양으로 내보낼 수 있는 애프터 이펙트의 강력한 플러그인을 십분 활용할 수 있습니다. 애니메이션의 수준을 한 단계 끌어올리기를 원하는 모두에게 많은 이점을 가져다 줄 것입니다.

퍼피션트 디지털(Perficient Digital)의 부 크리에이티브 디렉터인 맥스 모건(Maxx Morgan)은 “클라이언트의 브랜드를 표현하는 또 다른 방법인 마이크로 인터랙션을 만들기 위해서는 애프터 이펙트에서 제공되는 고급 컨트롤을 이용해 구현해야 할 때가 있습니다. XD를 사용하면 몇 번의 클릭만으로 디자인을 쉽게 애프터 이펙트로 가져올 수 있으므로 애니메이션을 빠르게 시작할 수 있습니다”라고 말합니다.

 

UX 커뮤니티

대화에 참여해 주십시오. 어도비 XD의 보다 발전된 내일을 함께 맞이하실 분은 여러분의 의견이 담긴 요청 기능이나 버그를 제출해 주십시오. 업데이트 소식은 @AdobeXD를 팔로우하거나 트위터에서 #AdobeXD를 사용하여 어도비 팀에 문의할 수 있습니다. 또한 페이스북에서 대화를 나눌 수 있고 동영상과 업데이트를 공유하거나 실시간 세션 중 질문에 대한 답변을 얻을 수 있습니다.

#MadeWithAdobeXD

비핸스에서 프로토타입을 공유할 때 #MadeWithAdobeXD 태그를 지정하고 “사용된 툴”에서 어도비 XD를 선택하여 어도비 XD 뉴스레터에 실릴 수 있는 기회를 놓치지 마십시오.

 

원문보기

 

뉴스 및 이벤트, 앱 및 웹 디자인

Join the discussion