Creative Dialogue

어도비 XD 2월 업데이트

XD에서 생각하는 속도만큼 빠르게 디자인할 수 있도록 지난달 확대/축소 성능과 색상 및 내보내기 기능이 개선되었습니다. 또한 작업 시간을 단축하기 위해 사용 중인 서드파티 통합 기능과 워크플로우를 통합하는 것도 수월해졌습니다.

이번 릴리스에서는 윈도우즈에서 펜과 터치를 사용한 새로운 창작 방법과 함께 어도비 일러스트레이터(Adobe Illustrator)와 XD 간의 벡터 워크플로우가 간소화되었습니다.

이번 업데이트를 포함하여 다양한 활용 사례를 알고 싶으시다면 2월 13일부터 15일까지 진행된 어도비 온라인 세미나(AdobeLive)에서 유명한 UX 디자이너가 어도비 XD의 최신 기능을 어떻게 사용하고 있는지 확인해 보십시오.

일러스트레이터를 사용하여 아이콘과 벡터 아트웍을 디자인하고 계십니까? 연결된 벡터 그래픽 기능 덕분에 일러스트레이터와 XD 간의 작업이 수월해졌습니다. 연결된 벡터 그래픽을 사용하면 일러스트레이터에서 만든 벡터 콘텐츠를 XD로 가져올 수 있습니다. 일러스트레이터에서 편집한 아트웍은 XD에서도 업데이트됩니다.

이것이 다가 아닙니다. XD의 주요 원칙 중 하나는 최신 플랫폼을 기반으로 하며 하드웨어에서 제공하는 고급 기술을 활용하는 것입니다. 윈도우즈용 XD에서는 이제 기본 펜과 터치 제스처를 지원합니다.

어도비는 출시된 기능을 지속적으로 개선하기 위해 노력하고 있습니다. 이번 달에는 스포이드와 스크롤 기능이 향상되었습니다.

CC 라이브러리의 벡터 그래픽

크리에이티브 클라우드(Creative Cloud)에서 항상 염두에 두고 있는 사항은 여러 CC 애플리케이션 간의 작업 효율성을 높이는 것입니다. 일러스트레이터에서 만든 아이콘, 일러스트레이션 등 다양한 벡터 아트웍과 같은 에셋을 XD와 같은 애플리케이션에서 재사용하고자 하는 경우가 많습니다. 이제 일러스트레이터와 Adobe 스톡(Adobe Stock)의 벡터 콘텐츠를 XD에서 재사용할 수 있습니다.

연결된 벡터 그래픽 삽입

CC 라이브러리 창에서 벡터 그래픽을 캔버스로 드래그하여 놓아 연결된 벡터 그래픽으로 배치할 수 있습니다. 그래픽을 놓으면 XD가 확장 가능한 연결된 벡터로 변환하는 동안 회전기가 포함된 흐린 미리 보기가 표시됩니다. 변환이 완료되면 그래픽의 크기를 조정하고 회전시킬 수 있습니다.

연결된 벡터 그래픽 업데이트

연결된 벡터 그래픽의 장점으로는 일러스트레이터에서 그래픽을 편집한 다음 XD로 다시 가져오는 번거로운 작업을 줄일 수 있습니다. CC 라이브러리 창에서 연결된 그래픽의 축소판을 마우스 오른쪽 버튼으로 클릭하여 표시되는 메뉴에서 편집을 선택하면 일러스트레이터에서 그래픽이 열리고 그래픽을 편집할 수 있습니다. 일러스트레이터에서 그래픽 편집을 마친 다음 저장을 누르면 XD의 그래픽에 변경 사항이 적용됩니다. 이 기능은 일러스트레이터와 XD 간의 작업 시간을 크게 줄여줍니다.

 

벡터 그래픽의 연결 해제 및 편집

연결된 그래픽이 일러스트레이터에서 더 이상 업데이트되는 것을 원하지 않는 경우가 있을 수 있습니다. 연결을 해제하려면 그래픽의 왼쪽 상단에 있는 연결 해제 아이콘을 클릭하거나 컨텍스트 메뉴에서 연결 해제 옵션을 사용합니다. 연결이 해제되면 XD에서 채우기, 획, 패스 등 다양한 속성을 편집할 수 있습니다.

팁:

 

스크롤 위치 유지

이전에는 변경 사항을 보려면 스크롤해야 했지만 이제 화면의 특정 영역에 대한 변경 사항을 간단히 확인할 수 있습니다.

이전 릴리스에서는 화면을 스크롤하고 연결된 오브젝트를 클릭하면 프로토타입에서 이전 화면의 스크롤 위치를 유지하지 않고 다음 화면의 상단으로 이동했습니다.

그러나 이제 프로토타입 모드에서 오브젝트를 연결하더라도 스크롤 위치를 그대로 유지할 수 있게 됨에 따라 프로토타입에서 이전 화면의 위치를 유지한 상태에서 다음 화면으로 전환할 수 있습니다.

윈도우즈의 펜 및 터치 지원

디자인 업계가 진화함에 따라 디자이너와 이들이 사용하는 플랫폼의 요구 사항에 대한 기대치도 높아지고 있습니다. 어도비는 각 플랫폼에서 최신 기술을 기반으로 한 고유한 기능을 최대한 활용할 수 있도록 최선의 노력을 다하고 있습니다. 이번 릴리스에서는 윈도우즈 10용 XD에서 마우스 및 키보드와 함께 사용할 수 있도록 기본 펜 및 터치 지원을 구현했습니다.

펜이나 터치를 통해 XD 툴 사용, 캔버스에서 아트웍 제작, 레이어 탐색, 심볼 사용, 프로토타입 연결, 속성 편집, 미리 보기 창 스크롤 등 다양한 작업을 할 수 있습니다.

이동 중에도 XD에서 손쉽게 수정이 가능합니다. 펜을 사용하여 속성 관리자에서 값을 입력하거나 숫자 필드를 길게 눌러 값을 스크러빙할 수 있습니다.

터치가 활성화된 상태에서 캔버스에서 그리거나 오브젝트와 반복 그리드의 크기를 조정하고 이미지를 드래그하여 놓거나 스포이드 툴을 사용하여 색상 값을 선택할 수 있습니다.

이는 시작에 불과합니다. 어도비는 지속적인 개선을 위해 여러분의 의견을 기다리고 있습니다.

 

향상된 디자인 사양 (베타)

디자인 사양 (베타)는 개발 팀의 가교 역할을 합니다. 개발자는 브라우저에서 디자인을 미리 보거나 색상 값, 치수, 스타일 등 관련 정보를 수집할 수 있습니다. 이번 릴리스에서는 디자인 사양 (베타)에 레이아웃 그리드를 표시하는 기능이 추가되어 개발자는 디자이너가 선택한 구조와 프레임워크를 확인하고 이해할 수 있습니다.

디자인 모드에서 아트보드의 레이아웃 그리드를 활성화한 경우 개발자는 디자인 사양 (베타)에서 레이아웃 그리드로 전환하여 볼 수 있습니다. 디자이너가 레이아웃 그리드를 활성화하고 기본적으로 켜 놓은 아트보드에만 표시됩니다. 개발자는 확인한 후 이 기능을 끌 수 있습니다.

속성 관리자의 스포이드 툴

XD에 색상 피커가 처음 도입되었 때 색상 피커 내에 스포이드 툴을 요청하는 피드백이 많았습니다. 이러한 피드백을 반영하기 위한 일환으로 12월에 속성 관리자에 있는 스포이드 툴을 색상 피커로 옮겼습니다.

모두 해결되었다고 생각했는데 색상 피커 안으로 스포이드 툴을 옮긴 결과 색상을 선택하기 위해 불필요하게 클릭을 많이 해야 한다는 피드백이 있었고, 스포이드 툴을 안쪽으로 옮긴 후에 그레이디언트를 위한 색상을 손쉽게 선택할 수 있다는 의견도 있었습니다.

작업 시간 단축을 위해 속성 관리자와 색상 피커 모두에 스포이드 툴이 필요하다고 판단해 이번 릴리스에서 스포이드 툴을 속성 관리자에 다시 추가했습니다.

 

향상된 댓글 기능

어도비는 출시된 기능을 지속적으로 개선하기 위해 노력하고 있습니다. 이번 달에는 프로토타입에 대한 댓글 기능이 몇 가지 개선되었습니다. 이제 보다 손쉽게 댓글을 추가하고 디자인의 특정 부분에 핀으로 댓글을 고정할 수 있습니다.

리소스

뛰어한 재능을 갖춘 5명의 디자이너가 어도비 XD 전용으로 제작한 5개 무료 UI 키트를 다운로드하여 프로젝트를 신속하게 시작하십시오. 

 

UX 커뮤니티

어도비 팀과 대화하세요! 트위터(Twitter)에서 @AdobeXD로 팔로우하여 업데이트 정보를 받거나 #AdobeXD 태그를 사용하여 XD 팀과 소통할 수 있습니다. 비디오와 업데이트 정보를 공유하는 페이스북(Facebook)에서도 대화에 참여할 수 있으며 라이브 세션 중에 질문을 남겨주시면 답변해 드립니다.

UX에 대한 유용한 인사이트를 이메일로 받아보려면 어도비의 경험 디자인 뉴스레터에 등록하십시오.

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

원문보기

 

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

Join the discussion