Adobe XD의 2019년 5월 및 6월 릴리스

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

xd-mnemonic

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

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


Overview

Adobe XD 20의 새로운 기능

XD의 2019년 6월 릴리스에는 다음과 같은 향상된 기능이 추가되었습니다.

프로토타입 모드의 속성 관리자

Adobe XD 20.0에서는 프로토타입 헤드업 디스플레이가 캔버스에서 프로토타입 모드의 속성 관리자로 옮겨졌습니다. 이 새로운 UI 개선을 통해 여러 아트보드를 선택하고 복잡한 프로토타입 속성을 한 번에 정의할 수 있습니다.

프로토타입 속성을 정의하고 관리하며 트리거 패널을 대체하는 새로운 프로토타입 관리자
프로토타입 속성을 정의하고 관리하는 새로운 프로토타입 속성 관리자 (트리거 헤드업 디스플레이 대체)

이 비디오를 통해 속성 관리자에 대해 자세히 살펴보십시오.

시청 시간: 1분


플러그인 패널

편리한 플러그인 기능을 제공하는 새로운 플러그인 패널을 통해 XD 애플리케이션 내에서 플러그인 기능에 빠르게 액세스할 수 있습니다. 에셋 레이어 패널과 더불어 플러그인 패널을 통해 설치된 플러그인에 빠르게 액세스할 수 있으며, 플러그인 관리자를 실행하여 새로운 플러그인을 탐색하고 설치할 수 있습니다.

플러그인 실행 패널
플러그인 실행 패널

위 첨자 및 아래 첨자

Adobe XD의 최신 릴리스는 텍스트 변환 기능을 확장하여 속성 관리자에서 위 첨자 및 아래 첨자 옵션을 포함합니다. 이들 옵션을 사용하여 디자인에서 등록상표, 상표 및 저작권을 창의적으로 변형하고 웹과 모바일에서도 살펴볼 수 있습니다.

자세한 내용은 드로잉 및 텍스트 툴을 참조하십시오.

위 첨자 및 아래 첨자 텍스트 변환
위 첨자 및 아래 첨자 텍스트 변환

아래 첨자 및 위 첨자에 대해 자세히 알아보려면 이 비디오를 시청하십시오.

시청 시간: 1분


JIRA 2.0 지원

JIRA 2.0 통합은 사용 가능한 아트보드의 수 또는 아바타의 수와 같은 XD 문서에 대한 추가 정보를 제공하여 공동 작업 환경을 개선해 줍니다.

자세한 내용은 XD에 대한 Jira 통합을 참조하십시오. 

Adobe XD 19의 새로운 기능

XD의 디자인 시스템

XD의 디자인 시스템
XD의 디자인 시스템

디지털 제품을 대규모로 디자인할 때 일관성을 유지하는 것이 점점 더 어려워지고 있으며 중요한 과제로 떠오르고 있습니다. 콘텐츠 속도의 증가로 인해 조직은 점차 복잡해지는 플랫폼 및 디바이스의 생태계 전반에 걸쳐 일관성을 유지하고 효율성을 높이는 동시에 고객 경험을 디자인하고 구축할 때 더욱 빠르게 이동할 수 있는 방법을 모색하고 있습니다.

디자인 시스템은 다양한 조합으로 재사용할 수 있는 일관되고 견고한 디자인 패턴을 제공함으로써 공통의 시각적 언어를 중심으로 다양한 분야의 제품 팀(디자이너, 개발자 및 관련자)을 하나로 통합합니다. 이는 디자인 업무 부담을 줄이고 디자인 프로세스를 가속화하며 제품을 실제로 구현하기 위해 협력하는 팀 사이에 다리를 놓아 줍니다. XD의 디자인 시스템에 대한 자세한 내용은 디자인 시스템을 참조하십시오.

이 비디오를 통해 XD의 디자인 시스템에 대해 자세히 살펴보십시오.

시청 시간: 1분


연결된 에셋

지속적으로 증가하는 디자인 업무로 인해 디자이너는 규모별로 일관적인 디자인을 제작하고 유지 관리하기 위한 간편한 방식을 필요로 합니다. 

XD 19.0을 통해 구성 요소(이전에는 심볼이라고 함)뿐만 아니라 색상 및 문자 스타일도 쉽게 공유하고 소비할 수 있습니다. 팀과 스티커 시트를 공유하거나 프로젝트 사이에서 디자인 요소를 재사용하는 경우 이는 매우 편리합니다.

연결된 에셋은 연결된 구성 요소의 작업 과정을 보완합니다. 소스 문서에서 연결된 에셋을 수정하면 이들 연결된 에셋이 포함된 모든 소비 문서에 업데이트 알림이 수신됩니다. 여기에서 업데이트 내용을 미리 보고 수락할 수 있습니다. 자세한 내용은 연결된 에셋을 사용하여 작업을 참조하십시오.

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

시청 시간: 1분


오버라이드 포함 구성 요소

 Adobe XD의 최신 릴리스는 애플리케이션에 구성 요소를 도입함으로써 복잡한 사용자 경험을 빌드하는 경우에 대해 크게 개선되었습니다. 구성 요소는 이전의 심볼을 대체하며 무한 반복적인 디자인 요소를 제작하는 작업을 더욱 간소화하고 강력하게 해 줍니다. 이제 빠르고 간편하게 여러 개의 다양한 구성 요소(이전에는 심볼이라고 함)를 만들고, 해당 속성을 변경하고, 모든 공통 속성을 동시에 오버라이드할 수 있습니다. 구성 요소에서의 오버라이드 작업에 대한 자세한 내용은 구성 요소 오버라이드를 참조하십시오.

이 비디오를 통해 XD의 구성 요소에 대해 살펴보십시오.

시청 시간: 1분


키보드 및 게임패드 트리거

이제 Adobe XD를 통해 키보드 단축키와 게임패드 트리거를 사용하여 풍부한 게임 경험 또는 디자인을 위해 기본 데스크탑 애플리케이션과 프로토타입을 시뮬레이션할 수 있습니다. 프로토타입을 와이어 연결할 때 트리거 옵션에서 키/게임패드를 선택하고 모든 키를 할당할 수 있습니다. 이러한 탭, 드래그, 시간, 음성 트리거를 사용하여 데스크탑 앱, 게임, 프레젠테이션 등 다양한 용도의 프로토타입을 제작할 수도 있습니다. 키보드 및 게임패드 트리거 사용에 대한 자세한 내용은 키보드 및 게임패드 트리거를 사용하여 프로토타이핑을 참조하십시오.

키보드 및 게임패드 트리거에 대해 자세히 알아보려면 이 비디오를 시청하십시오.

시청 시간: 1분


아트보드 안내선

맞춤형 아트보드 안내선을 사용하여 눈금자 없이도 아트보드 전체에 걸쳐 요소와 오브젝트를 손쉽게 정렬할 수 있습니다. 안내선을 만들거나, 위치를 조정하거나, 여러 아트보드에 안내선을 복사하여 붙여넣거나, 제거할 수 있습니다. 안내선의 가시성을 잠그거나 숨길 수도 있습니다. 맞춤형 아트보드 안내선에 대한 자세한 내용은 아트보드 및 그리드를 사용하여 작업을 참조하십시오.

이 비디오를 통해 아트보드 안내선에 대해 자세히 살펴보십시오.

시청 시간: 1분


다각형 도구

Adobe XD의 최신 버전에서 제공하는 새로운 다각형 도구를 사용하여 최대 100면에 이르는 비전을 표현할 수 있습니다. 이러한 다각형의 모양을 편집하여 원하는 모양을 얻을 수도 있습니다. 이제 버튼, 포인터, 평가 및 기타 기본적인 아이콘과 그래픽 등 일반적인 UI 요소를 제작할 때 더욱 풍부한 표현력을 발휘할 수 있습니다. 맞춤형 아트보드 안내선에 대한 자세한 내용은 XD의 그리기 및 텍스트 도구를 참조하십시오.

이 비디오를 통해 다각형 도구에 대해 살펴보십시오.

시청 시간: 1분


대문자, 소문자, 단어의 첫 글자 변환 및 취소선

Adobe XD의 최신 릴리스에는 텍스트 변환과 관련하여 더욱 창의적인 표현 기능이 포함되어 있습니다. XD 디자인 애플리케이션에서 뿐만 아니라 웹 및 모바일 미리보기에서도 대문자, 소문자, 취소선 사용 및 단어의 첫 글자 변환에 대한 텍스트 스타일을 변경할 수 있습니다. 이는 섹션 제목, 오류 메시지, 라벨 등 다양한 텍스트 영역에 대한 스타일을 정렬하는 데 유용하며, 이러한 텍스트 변환 작업을 위해 더 이상 시각적인 방식에 의존하지 않아도 됩니다. 텍스트 변환에 대한 자세한 내용은 텍스트 툴을 참조하십시오.

이 비디오를 통해 텍스트 변환에 대해 자세히 살펴보십시오.

시청 시간: 1분


구성 요소에 대한 반응형 크기 조정

Adobe XD의 최신 릴리스에서는 최상의 구성 요소(이전 명칭: 심볼)와 반응형 크기 조정을 결합하여 디자인 캔버스 상에서 오브젝트의 그룹을 사용하여 작업할 수 있습니다. 반응형 크기 조정 기능을 사용하면 오브젝트의 그룹에 대한 배치와 확장성을 그대로 유지하면서 크기를 조정할 수 있습니다. 디자인 캔버스에서 그룹의 크기를 조정하면 XD가 상대 간격을 그대로 유지해 줍니다. 구성 요소의 크기도 조정할 수 있으며, 반응성이 뛰어난 크기 조정 기능이 제공됩니다. 구성 요소에서의 반응형 크기 조정 작업에 대한 자세한 내용은 구성 요소 크기 조정을 참조하십시오.

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

시청 시간: 1분


비공개 프로토타입 및 디자인 사양에 대한 액세스 권한 요청

Adobe XD를 사용하면 공유 가능한 프로토타입 및 디자인 사양 링크를 통해 디자인을 손쉽게 공유할 수 있습니다. 이제 비공개로 공유된 프로토타입 또는 디자인 사양에 대한 액세스 권한을 요청할 수 있으며, 디자인 소유자는 이러한 액세스를 승인하거나 거부할 수 있습니다. 자세한 내용은 비공개 링크에 대한 액세스 권한 요청을 참조하십시오.

이 비디오를 통해 비공개 프로토타입 및 디자인 사양에 대한 액세스 권한 요청에 대해 자세히 살펴보십시오. 

시청 시간: 1분


음성 프로토타입 알림

프로토타입이 음성 명령에 응답하지 않는 경우 Adobe XD에 전달되는 음성 정보를 시각적으로 미리 보여 주는 데스크탑 미리보기 앱에서 해당 인터랙션 문제를 해결할 수 있습니다. 자세한 내용은 음성 인터랙션 문제 해결을 참조하십시오. 

이 비디오를 통해 음성 프로토타입 알림에 대해 자세히 알아보십시오. 

시청 시간: 1분


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

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