Adobe XD의 2018년 8월 및 2018년 9월 릴리스
xd-mnemonic

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

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


Adobe XD 12의 새로운 기능

 XD의 2018년 9월 릴리스에는 다음과 같은 흥미롭고 새로운 기능이 추가되었습니다.

개선 사항:

아래에서 자세한 내용을 살펴보십시오.

반응형 크기 조정 및 제한

오늘날의 다양한 디바이스용으로 디자인할 때 모바일, 태블릿 및 데스크탑 해상도 전반에 걸쳐 매우 다양해진 화면 크기를 고려하는 것이 중요합니다. 모든 디자이너가 비슷한 디바이스를 사용하지는 않으므로 콘텐츠가 다양한 화면 크기에서 어떻게 표시될지 고려해야 합니다. 

이러한 사용자 문제를 해결하기 위해 Adobe XD에서 서로 다른 크기로 공간 관계를 유지하는 동시에 오브젝트의 크기를 변경하여 다양한 화면 크기에 최적화될 수 있도록 해 주는 반응형 크기 조정이라는 기능이 적용되었습니다. 반응형 크기 조정 및 제한 규칙에 대한 자세한 내용은 반응형 크기 조정을 참조하십시오.

이 비디오를 통해 반응형 크기 조정에 대해 살펴보십시오.


반응형 크기 조정
반응형 크기 조정 출력
오브젝트의 그룹에 대한 제한 설정
오브젝트의 그룹에 대한 제한 설정

시간 경과 전환

시간 경과 전환은 지연 및 지속 시간의 조합을 새로운 유형의 시간 트리거로 적용하여 아트보드 사이의 전환을 유발하고 신속한 온보딩 플로우 또는 루프를 생성합니다.

이제 시간이 추가됨으로써 지정한 시간 지연을 기준으로 아트보드 사이를 전환할 수 있습니다. 이는 온보딩 또는 의사 결정 플로우를 프로토타이핑하는 데 유용합니다. 

이제 프로토타입 모드에서 두 아트보드 사이의 전환을 생성할 때 이 아닌 시간을 선택하고, 지연 시간을 정의하고, 필요한 전환을 적용할 수 있습니다. 이후 XD는 동일한 화면에서 속성을 저장하고 추가 화면에 대한 기본값으로 제공합니다. 시간 경과 전환에 대한 자세한 내용은 시간 경과 전환 사용을 참조하십시오.

이 비디오를 통해 시간 경과 전환에 대해 자세히 살펴보십시오.


시간 경과 전환 설정
시간 경과 전환 설정

A. 트리거를 시간으로 설정 B. 초 단위로 지연 설정 C. 액션을 전환으로 설정 D. 지속 시간을 초로 설정 

빌트인 맞춤법 검사

Adobe XD에 디자인 캔버스에서 바로 실시간 맞춤법 검사 기능을 제공하는 빌트인 맞춤법 검사 기능이 도입되었습니다. 이 기능은 OS 수준의 언어에 의존하여 수정 사항을 제안합니다. 사전에 새 단어를 직접 추가할 수도 있습니다.

이전까지는 사용자가 맞춤법과 오타를 검사하려면 별도의 애플리케이션에 콘텐츠를 복사하여 붙여넣어야 했습니다. 

이번 릴리스부터는 선택한 텍스트에 대한 맞춤법 검사를 실행하여 모든 맞춤법 오류를 검토하고 수정할 수 있습니다.

참고:

맞춤법 검사를 시작하기에 앞서 편집 메뉴에서 맞춤법 검사 기능을 활성화해야 합니다.

맞춤법 검사
맞춤법 검사

맞춤법 검사에 대한 자세한 내용은 맞춤법 검사 사용을 참조하십시오.

웹 프로토타입의 전체 화면 보기 개선

Adobe XD의 전체 화면 모드 비헤이비어가 개선되어 브라우저에서 디자인을 조회할 때 사용자 경험이 더욱 향상되었습니다.

이제 웹 및 맞춤형 아트보드가 검은색 패딩 문제 없이 브라우저의 상단에서부터 제대로 표시됩니다. 단, 모바일 아트보드는 전체 화면 모드에서 화면의 중앙에 계속 위치합니다.

이러한 개선 사항을 통해 브라우저에서 웹 크기로 조정된 아트보드를 조회할 때 보다 사실적인 경험이 제공됩니다.

이 비디오를 통해 웹 프로토타입의 전체 화면 보기에 대한 개선 사항을 자세히 살펴보십시오.


Full-screen-(Before)
이전 비헤이비어
웹 프로토타입에 대해 개선된 전체 화면 모드 크기 조정
개선된 비헤이비어

브라우저의 배경색은 항상 흰색이며 기본적으로 검은색 배경을 추가하지 않으므로 이는 실제 브라우저 비헤이비어를 모방합니다.

표준 및 전체 화면 보기 개선 사항:

  • 아트보드의 폭이 사용 가능한 가로 공간보다 큰 경우 프로토타입은 가로 스크롤 없이 해당 폭에 맞춰 크기가 조정됩니다.
  • 정의된 뷰포트 높이(속성 관리자에서 설정)가 있는 경우 프로토타입은 우선 이 높이에 맞춰지고 폭의 크기는 종횡비를 유지하며 비례적으로 조정됩니다. 세로로 스크롤하여 뷰포트 높이 아래쪽에 있는 콘텐츠를 조회할 수도 있습니다.
  • 디자인된 프로토타입이 웹 또는 맞춤형 아트보드인 경우 전체 화면 모드의 웹 브라우저에 게시된 링크는 브라우저 창의 상단에서부터 콘텐츠를 렌더링합니다. 모바일 및 태블릿 디자인은 계속해서 화면 중앙에서 정렬됩니다.
  • 전체 화면 모드의 배경색은 검은색이 아닌 흰색입니다. 이는 브라우저가 기본적으로 검은색 배경을 추가하지 않는 실제 브라우저의 비헤이비어를 모방합니다.

모바일 아트보드 보기 개선 사항:

  • 콘텐츠는 높이를 기준으로 종횡비를 유지하며 폭을 조정합니다.
  • 웹 브라우저에서 전체 화면 모드로 게시된 링크를 조회하면 콘텐츠는 브라우저 창의 가운데에 렌더링됩니다. 

Adobe XD 11의 새로운 기능

XD의 2018년 8월 릴리스에는 다음과 같은 흥미롭고 새로운 기능이 추가되었습니다.

개선 사항:

아래에서 자세한 내용을 살펴보십시오.

디자인 사양용 에셋 추출

XD 11.0 이후부터 일괄 내보내기용으로 표시된 레이어를 디자인 사양에 에셋으로 포함시킬 수 있으며 개발자는 디자인 사양 링크에서 내보내기용으로 표시된 모든 레이어를 다운로드할 수 있습니다.

개발자는 이후 벡터 에셋을 SVG, PNG 및 PDF로, 비트맵 에셋을 PNG 및 PDF로 다운로드할 수 있습니다.

에셋 내보내기
일괄 내보내기
일괄 내보내기

자세한 내용은 디자인 사양용 에셋 추출을 참조하십시오.

에셋 패널에서 에셋 순서 바꾸기

이번 Adobe XD 릴리스부터 에셋 패널 전체에서 하나 또는 여러 개의 에셋을 드래그하여 에셋을 구성하고 순서를 바꿀 수 있습니다. 

에셋 순서 바꾸기
에셋 순서 바꾸기

자세한 내용은 에셋 패널에서 요소 순서 바꾸기를 참조하십시오.

웹에서의 비공개 초대

Adobe XD를 통해 웹 인터페이스 내에서 디자인 사양 및 프로토타입에 대한 보안 지정 전용 초대(공개 및 비공개 링크)를 공유할 수 있습니다. 디자이너가 보안 지정 초대를 게시할 때 해당 디자이너는 초대 옵션을 사용하여 더 많은 내부 또는 외부 리뷰어를 초대할 수 있습니다.

브라우저에서 사용자에게 비공개 초대 전송
브라우저에서 사용자에게 비공개 초대 전송

참고:

초대 옵션은 해당 문서를 소유한 디자이너에게만 표시되며, 초대된 관련자는 디자이너가 허용하지 않는 한 다른 사용자를 초대할 수 없습니다.

자세한 내용은 웹에서 비공개 초대 사용을 참조하십시오.

댓글에 대한 @ 언급 지원

@ 언급 기능을 사용하여 비공개 디자인 초대에 액세스할 수 있도록 초대된 사용자의 이름을 조회할 수 있습니다. 공개 프로토타입 및 디자인 사양의 경우 최소 한 번이라도 댓글을 남긴 사용자만 리뷰어 목록에 표시됩니다. 이름으로 @ 언급된 리뷰어는 이메일 또는 Creative Cloud 데스크탑 애플리케이션을 통해 알림을 받습니다. 해당 알림을 클릭하면 참조된 아트보드로 리디렉션됩니다.

@ 언급
@ 언급

자세한 내용은 리뷰어 작업 과정을 참조하십시오.

선 유형에 대한 디자인 사양 지원

XD 11.0부터 사용자는 공유된 디자인 사양의 모든 오브젝트를 선택하고 테두리를 클릭하여 해당 화면에서 사용된 선을 표시할 수 있습니다. 

선 유형
A. 선 유형 

자세한 내용은 디자인 사양 검사를 참조하십시오.

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

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