Creative Dialogue

2018년 6월 어도비 XD 릴리스: 오버레이, 고정 위치 설정 외 최신 기능 업그레이드

어도비 XD의 6월 릴리스에는 UX 디자이너가 반길 만한 몇 가지 주요 기능이 추가되었습니다. 마침내, 디자인에 상단 메뉴 및 하단 메뉴와 같은 고정 요소를 넣을 수 있습니다. 또한 이번 달에는 팝업 키보드나 드롭다운 메뉴와 같이 콘텐츠를 쉽게 배치할 수 있는 새로운 오버레이 지원 기능도 출시되었습니다. 이밖에 생산성 향상과 프로토타입, 디자인 사양 등을 팀원 및 고객과 특정 사용자에게만 공유할 수 있는 새로운 공유 기능이 포함되어 있습니다.
본 게시물에서는 새로운 기능에 대한 정보가 소개됩니다.

XD의 새로운 기능: 고정 위치 설정

가장 많이 요청된 기능 중 하나인 고정 위치 설정은 아트보드의 특정 오브젝트 위치를 스크롤 되지 않게 고정할 수 있도록 해줍니다. 아트보드 아래로 스크롤할 때 상단 메뉴, 하단 메뉴, 메뉴 등이 계속 표시되도록 다른 디자인 오브젝트의 위나 아래에 배치해 놓을 수 있습니다. 고정 요소는 데스크톱 미리보기에서뿐만 아니라 웹을 통해 프로토타입과 디자인 사양에 표시되므로 디자인 검토자에게 더욱 사실적인 상호 작용 경험을 제공합니다. 뉴욕 타임즈의 디지털 크리에이티브 디렉터인 잔잔 타이슨(Janjan Tayson)은 새로운 기능을 얼마 동안 사용해 보고 “요소를 신속하게 디자인하고 한 번의 체크 표시 클릭으로 고정 위치를 만들 수 있는 기능은 우리 팀의 신속한 프로토타이핑 요구에 맞는 스마트한 사용자 경험이며, 이를 통해 고정 상단 메뉴 및 하단 메뉴 요소를 만들고 표시하는 작업이 수월해졌다”고 말합니다. 고정 요소를 둘러보려면 아래 비디오를 클릭하십시오.

이 비디오에서는 어도비 XD를 사용하여 세로로 스크롤하는 동안 상단 메뉴, 하단 메뉴, 메뉴 바가 고정되는 아이패드 애플리케이션 프로토타입을 제작하는 방법을 보여줍니다. 이를 위해서는 고정할 요소를 클릭하고 디자인의 앞으로 가져와 메뉴에서 고정 위치를 선택하면 됩니다. 특정한 오브젝트 또는 여러 오브젝트들이 스크롤 되지 않도록 설정할 수 있으므로 디자이너는 중요한 요소들의 위치를 고정할 수 있습니다.

XD의 새로운 기능: 오버레이 지원

오버레이를 효과적으로 사용하면 디자인에서 인터랙티브한 요소를 시뮬레이션 할 수 있습니다. 이제 어도비 XD를 통해 여러 아트보드에 콘텐츠를 복제하지 않고도 다른 아트보드 위에 손쉽게 배치하여 드롭다운 메뉴, 슬라이드업 키보드, 라이트박스 효과 등의 요소를 시뮬레이션 합니다. 또한 고정 요소와 같은 오버레이는 프로토타입 및 디자인 사양에 대한 데스크톱 미리보기, 웹에서 본래의 디자인 의도대로 동작합니다. 이쿼녹스(Equinox)의 디지털 디자인 부문 책임자인 세실리아 파루키(Cecilia Farooqi)는 이 기능을 처음 접하면서 “XD의 새로운 오버레이 기능은 우리 팀이 프로토타입을 제작하는 동안 진정한 의미의 최종 사용자 경험을 제공하도록 했다. 한 번의 클릭만으로 원본 아트보드를 찾아 헤매지 않고 아트보드가 나타나도록 트리거할 수 있었는데, 이 밖에도 오버레이를 통해 웹 및 앱 흐름을 보다 정확하게 묘사하고 궁극적으로 우리 멤버에게 더 나은 경험을 선사한 사례가 많이 있다”라고 말합니다. 오버레이 지원을 둘러보려면 아래 비디오를 클릭하십시오.

이 비디오에서는 해당 오브젝트가 클릭될 때(이 예제의 경우 검색 상자) 다른 아트보드 디자인을 오버레이하는 슬라이드업 키보드를 간편하게 만드는 방법을 보여줍니다. 어도비 XD의 오버레이 지원을 통해 얻을 수 있는 큰 이점은 각 아트보드의 오버레이 콘텐츠를 복제할 필요 없이 오버레이 요소를 연결하고 원하는 전환을 선택하면 된다는 것입니다.

XD의 새로운 기능: 특정 사용자에게만 공유 (베타)

어도비 XD는 프로토타입과 디자인 사양을 보다 안전하게 공유하도록 지원합니다. 이제 프로토타입에 대한 새로운 비공개 링크를 만들고 이메일로 검토자를 초대할 수 있습니다. 메시지를 포함할 수 있고, 수신자가 이메일을 받으면 디자인을 보고 댓글을 달 수 있습니다(수신자는 어도비 ID가 있어야 하며, ID는 무료로 생성 가능). 특정 사용자에게만 공유할 수 있도록 하는 기능을 둘러보려면 다음 비디오를 클릭하십시오.

마지막으로 게시된 프로토타입이나 디자인 사양에 대해 언제든지 검토자 변경이 가능하며, 공유 디자인은 통합 웹 포털을 통해 간편하게 보거나 검토하고 추적할 수 있습니다. 퍼피션트 디지털(Perficient Digital)의 크리에이티브 디렉터 맥스 모건(Maxx Morgan)은 이 기능에 매우 만족해 하면서 “프로토타입을 공유할 때 보안을 강화해야 하는 상황이었는데 어도비 XD가 제 문제를 해결했다. 특정 사용자에게만 공유할 수 있는 새로운 기능 덕분에 단 몇 분 만에 우리 팀에 초대장을 보내고 의견을 받을 수 있었다”라고 밝힙니다.

XD의 새로운 기능: 이미지 마스크 기능 향상

이전 버전의 어도비 XD에서는 데스크톱에서 이미지를 드래그하거나 모양 또는 패스에 이미지 파일을 놓았을 때 이미지 크기나 위치를 변경할 수 없었지만 최신 업데이트를 통해 이 모든 것이 가능해졌습니다. 아래 비디오를 클릭하여 어도비 XD에서 향상된 이미지 마스크 기능을 살펴보십시오.

이 새로운 기능은 아이디어즈 콜라이드(Ideas Collide)의 크리에이티브 디렉터인 제이미 누자바흐(Jamie Nuzbach) 등 많은 디자이너의 시간을 절약해주고 있습니다. 제이미는 “심리스(Seamless)는 어도비 XD로 만든 게임의 이름인데, 마스크가 적용된 모양을 편집하는 작업이 매우 간단하며, 다른 프로그램 간 이동 횟수를 줄여 원하는 결과를 얻을 수 있다”라고 전합니다.

추가 새로운 기능: 속성 필드에서 연산, 포토샵 및 스케치 이미지 채우기 지원, 모바일용 타입킷

어도비 XD의 생산성 향상과 기능 개선을 위한 기능 업그레이드는 이번 달에도 계속됩니다.

  • 향상된 포토샵스케치 이미지 채우기 지원 기능: 이미지 채우기 편집 기능(위 참조)을 지원하므로 포토샵과 스케치에서 변환된 파일에 이 기능을 적용하여 편집할 수 있습니다.
  • 속성 필드에서 수학 연산: 인디자인(InDesign), 뮤즈(Muse), 일러스트레이터(Illustrator) 등의 다른 어도비 애플리케이션에서처럼 어도비 XD에서 디자인할 때 사칙 연산을 사용할 수 있습니다.
  • 모바일용 타입킷 지원: 크리에이티브 클라우드 파일에서 로드된 XD 문서는 문서에 사용된 모든 타입킷 글꼴을 자동으로 찾고 동기화합니다.

이러한 새로운 기능은 어도비 XD 작업에 매우 유용합니다. 속성 필드의 수학 연산에서는 그룹화된 오브젝트를 80%까지 줄이고 타일 디자인을 위해 아트보드 영역을 신속하게 분할하거나 오브젝트의 X 또는 Y 위치를 특정 픽셀 수만큼 이동시킬 수 있습니다. 세이피언트 레이저피쉬(Sapient Razorfish)의 경험 책임자인 다니엘 오닐(Daniel O’Neil)은 “새로운 사칙연산 기능은 실제로 시간을 절약해준다”면서 “이제 요소를 배치하고 와이어프레임을 구성할 때 공간 관계를 실험해 보는 것이 빠르고 수월해졌다”고 말합니다.

UX 커뮤니티

대화에 참여해 주십시오. 업데이트 소식은 @AdobeXD를 팔로우하거나 트위터(Twitter)에서 #AdobeXD를 사용하여 어도비 팀에 문의할 수 있습니다. 또한 페이스북(Facebook)에서 대화를 나눌 수 있고 동영상과 업데이트를 공유하거나 실시간 세션 중 질문에 대한 답변을 얻을 수 있습니다.

현업에서 활동 중인 UX 디자이너를 만나 이들의 어도비 XD 작품을 살펴보십시오. 디자이너들의 UX 디자인과 크리에이티브 프로세스 시작 방법과 이들의 작품을 살펴보고 추천곡도 들어보시기 바랍니다.

#MadeWithAdobeXD

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

 


디자인. 프로토타입. 공유. 모두 어도비 XD에서 무료로 가능합니다. 웹 사이트, 모바일 앱 디자인을 만들고 공유할 수 있는 최초의 올인원 툴인 어도비 XD를 사용하면 아이디어 구상부터 프로토타입 제작의 전 과정을 신속하게 진행할 수 있습니다.
지금 다운로드

 

원문보기

 

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

Join the discussion